@viax.io/uxm 4.36.0

package/dist/ui/tooltip/content-tooltip-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/content-tooltip-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\n\nexport function ContentTooltipPreview({ styles }: PreviewProps) {\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 16 }}>\n      {/* Rich tooltip */}\n      <div\n        style={{\n          ['--uxm-content-tooltip-background-color' as string]: styles.backgroundColor as string,\n          ['--uxm-content-tooltip-border-color' as string]: styles.borderColor as string,\n          ['--uxm-content-tooltip-border-radius' as string]: `${styles.borderRadius}px`,\n          ['--uxm-content-tooltip-padding' as string]: `${styles.padding}px`,\n          ['--uxm-content-tooltip-max-width' as string]: `${styles.maxWidth}px`,\n          backgroundColor: 'var(--uxm-content-tooltip-background-color)',\n          border: '1px solid var(--uxm-content-tooltip-border-color)',\n          borderRadius: 'var(--uxm-content-tooltip-border-radius)',\n          padding: 'var(--uxm-content-tooltip-padding)',\n          maxWidth: 'var(--uxm-content-tooltip-max-width)',\n          boxShadow: styles.shadow\n            ? '0 4px 16px rgba(0,0,0,0.08), 0 1px 4px rgba(0,0,0,0.04)'\n            : 'none',\n        }}\n      >\n        <div style={{ display: 'flex', alignItems: 'flex-start', gap: 12 }}>\n          <div\n            style={{\n              width: 36,\n              height: 36,\n              borderRadius: 8,\n              backgroundColor: 'var(--color-accent-subtle)',\n              color: 'var(--color-accent-bold)',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              flexShrink: 0,\n            }}\n          >\n            <Icon glyph=\"sparkle\" size={18} strokeWidth={1.5} />\n          </div>\n          <div style={{ flex: 1 }}>\n            <h4 style={{ fontSize: styles.titleSize as number, fontWeight: 600, color: 'var(--color-text)', margin: 0 }}>\n              Quick Actions\n            </h4>\n            <p style={{ fontSize: 12, color: 'var(--color-text-muted)', margin: '4px 0 12px', lineHeight: 1.5 }}>\n              Use keyboard shortcuts to speed up your workflow. Press <kbd style={{ fontSize: 11, padding: '1px 5px', borderRadius: 4, border: '1px solid var(--color-border)', backgroundColor: 'var(--color-surface)' }}>?</kbd> to see all available shortcuts.\n            </p>\n            <button\n              style={{\n                fontSize: 12,\n                fontWeight: 600,\n                color: 'var(--color-accent-bold)',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n                cursor: 'pointer',\n              }}\n            >\n              Learn more →\n            </button>\n          </div>\n        </div>\n      </div>\n\n      {/* Trigger */}\n      <div style={{ display: 'flex', alignItems: 'center', gap: 6, color: 'var(--color-text-muted)', fontSize: 12 }}>\n        <Icon glyph=\"arrow-up\" size={14} strokeWidth={1.5} />\n        Hover trigger above\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAsCY,cAMA,YANA;AArCZ,SAAS,YAAY;AAEd,SAAS,sBAAsB,EAAE,OAAO,GAAiB;AAC9D,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,YAAY,UAAU,KAAK,GAAG,GAEpF;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,CAAC,wCAAkD,GAAG,OAAO;AAAA,UAC7D,CAAC,oCAA8C,GAAG,OAAO;AAAA,UACzD,CAAC,qCAA+C,GAAG,GAAG,OAAO,YAAY;AAAA,UACzE,CAAC,+BAAyC,GAAG,GAAG,OAAO,OAAO;AAAA,UAC9D,CAAC,iCAA2C,GAAG,GAAG,OAAO,QAAQ;AAAA,UACjE,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,SAAS;AAAA,UACT,UAAU;AAAA,UACV,WAAW,OAAO,SACd,4DACA;AAAA,QACN;AAAA,QAEA,+BAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,cAAc,KAAK,GAAG,GAC/D;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,gBACP,QAAQ;AAAA,gBACR,cAAc;AAAA,gBACd,iBAAiB;AAAA,gBACjB,OAAO;AAAA,gBACP,SAAS;AAAA,gBACT,YAAY;AAAA,gBACZ,gBAAgB;AAAA,gBAChB,YAAY;AAAA,cACd;AAAA,cAEA,8BAAC,QAAK,OAAM,WAAU,MAAM,IAAI,aAAa,KAAK;AAAA;AAAA,UACpD;AAAA,UACA,qBAAC,SAAI,OAAO,EAAE,MAAM,EAAE,GACpB;AAAA,gCAAC,QAAG,OAAO,EAAE,UAAU,OAAO,WAAqB,YAAY,KAAK,OAAO,qBAAqB,QAAQ,EAAE,GAAG,2BAE7G;AAAA,YACA,qBAAC,OAAE,OAAO,EAAE,UAAU,IAAI,OAAO,2BAA2B,QAAQ,cAAc,YAAY,IAAI,GAAG;AAAA;AAAA,cAC3C,oBAAC,SAAI,OAAO,EAAE,UAAU,IAAI,SAAS,WAAW,cAAc,GAAG,QAAQ,iCAAiC,iBAAiB,uBAAuB,GAAG,eAAC;AAAA,cAAM;AAAA,eACtN;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,OAAO;AAAA,kBACL,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO;AAAA,kBACP,YAAY;AAAA,kBACZ,QAAQ;AAAA,kBACR,SAAS;AAAA,kBACT,QAAQ;AAAA,gBACV;AAAA,gBACD;AAAA;AAAA,YAED;AAAA,aACF;AAAA,WACF;AAAA;AAAA,IACF;AAAA,IAGA,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,KAAK,GAAG,OAAO,2BAA2B,UAAU,GAAG,GAC1G;AAAA,0BAAC,QAAK,OAAM,YAAW,MAAM,IAAI,aAAa,KAAK;AAAA,MAAE;AAAA,OAEvD;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/tooltip/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var tooltip_exports = {};
+module.exports = __toCommonJS(tooltip_exports);
+__reExport(tooltip_exports, require("./tooltip.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./tooltip.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/index.ts"],"sourcesContent":["export * from './tooltip';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,4BAAc,sBAAd;","names":[]}

package/dist/ui/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/ui/tooltip/index.js

@@ -0,0 +1,2 @@
+export * from "./tooltip.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/index.ts"],"sourcesContent":["export * from './tooltip';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/ui/tooltip/tooltip-preview.cjs

@@ -0,0 +1,87 @@
+"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 tooltip_preview_exports = {};
+__export(tooltip_preview_exports, {
+  TooltipPreview: () => TooltipPreview
+});
+module.exports = __toCommonJS(tooltip_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+function TooltipPreview({ styles }) {
+  const showArrow = styles.showArrow;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", display: "inline-block" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            ["--uxm-tooltip-background-color"]: styles.backgroundColor,
+            ["--uxm-tooltip-color"]: styles.color,
+            ["--uxm-tooltip-border-radius"]: `${styles.borderRadius}px`,
+            ["--uxm-tooltip-padding-y"]: `${styles.paddingY}px`,
+            ["--uxm-tooltip-padding-x"]: `${styles.paddingX}px`,
+            ["--uxm-tooltip-font-size"]: `${styles.fontSize}px`,
+            backgroundColor: "var(--uxm-tooltip-background-color)",
+            color: "var(--uxm-tooltip-color)",
+            borderRadius: "var(--uxm-tooltip-border-radius)",
+            padding: "var(--uxm-tooltip-padding-y) var(--uxm-tooltip-padding-x)",
+            fontSize: "var(--uxm-tooltip-font-size)",
+            whiteSpace: "nowrap"
+          },
+          children: "Copy to clipboard"
+        }
+      ),
+      showArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            bottom: -5,
+            left: "50%",
+            transform: "translateX(-50%) rotate(45deg)",
+            width: 10,
+            height: 10,
+            backgroundColor: styles.backgroundColor
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      "button",
+      {
+        style: {
+          marginTop: 8,
+          padding: "8px 16px",
+          fontSize: 13,
+          fontWeight: 500,
+          color: "var(--color-text)",
+          backgroundColor: "var(--color-surface-alt)",
+          border: "1px solid var(--color-border)",
+          borderRadius: 8,
+          cursor: "pointer"
+        },
+        children: "Hover target"
+      }
+    )
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TooltipPreview
+});
+//# sourceMappingURL=tooltip-preview.cjs.map

package/dist/ui/tooltip/tooltip-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/tooltip-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\n\nexport function TooltipPreview({ styles }: PreviewProps) {\n  const showArrow = styles.showArrow as boolean;\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 8 }}>\n      {/* Tooltip */}\n      <div style={{ position: 'relative', display: 'inline-block' }}>\n        <div\n          style={{\n            ['--uxm-tooltip-background-color' as string]: styles.backgroundColor as string,\n            ['--uxm-tooltip-color' as string]: styles.color as string,\n            ['--uxm-tooltip-border-radius' as string]: `${styles.borderRadius}px`,\n            ['--uxm-tooltip-padding-y' as string]: `${styles.paddingY}px`,\n            ['--uxm-tooltip-padding-x' as string]: `${styles.paddingX}px`,\n            ['--uxm-tooltip-font-size' as string]: `${styles.fontSize}px`,\n            backgroundColor: 'var(--uxm-tooltip-background-color)',\n            color: 'var(--uxm-tooltip-color)',\n            borderRadius: 'var(--uxm-tooltip-border-radius)',\n            padding: 'var(--uxm-tooltip-padding-y) var(--uxm-tooltip-padding-x)',\n            fontSize: 'var(--uxm-tooltip-font-size)',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          Copy to clipboard\n        </div>\n        {showArrow && (\n          <div\n            style={{\n              position: 'absolute',\n              bottom: -5,\n              left: '50%',\n              transform: 'translateX(-50%) rotate(45deg)',\n              width: 10,\n              height: 10,\n              backgroundColor: styles.backgroundColor as string,\n            }}\n          />\n        )}\n      </div>\n\n      {/* Trigger element */}\n      <button\n        style={{\n          marginTop: 8,\n          padding: '8px 16px',\n          fontSize: 13,\n          fontWeight: 500,\n          color: 'var(--color-text)',\n          backgroundColor: 'var(--color-surface-alt)',\n          border: '1px solid var(--color-border)',\n          borderRadius: 8,\n          cursor: 'pointer',\n        }}\n      >\n        Hover target\n      </button>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAQM;AANC,SAAS,eAAe,EAAE,OAAO,GAAiB;AACvD,QAAM,YAAY,OAAO;AAEzB,SACE,6CAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,YAAY,UAAU,KAAK,EAAE,GAEnF;AAAA,iDAAC,SAAI,OAAO,EAAE,UAAU,YAAY,SAAS,eAAe,GAC1D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,CAAC,gCAA0C,GAAG,OAAO;AAAA,YACrD,CAAC,qBAA+B,GAAG,OAAO;AAAA,YAC1C,CAAC,6BAAuC,GAAG,GAAG,OAAO,YAAY;AAAA,YACjE,CAAC,yBAAmC,GAAG,GAAG,OAAO,QAAQ;AAAA,YACzD,CAAC,yBAAmC,GAAG,GAAG,OAAO,QAAQ;AAAA,YACzD,CAAC,yBAAmC,GAAG,GAAG,OAAO,QAAQ;AAAA,YACzD,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,cAAc;AAAA,YACd,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACD;AAAA;AAAA,MAED;AAAA,MACC,aACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,iBAAiB,OAAO;AAAA,UAC1B;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW;AAAA,UACX,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/tooltip/tooltip-preview.d.ts

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

package/dist/ui/tooltip/tooltip-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAErD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA0DtD"}

package/dist/ui/tooltip/tooltip-preview.js

@@ -0,0 +1,63 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+function TooltipPreview({ styles }) {
+  const showArrow = styles.showArrow;
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", gap: 8 }, children: [
+    /* @__PURE__ */ jsxs("div", { style: { position: "relative", display: "inline-block" }, children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            ["--uxm-tooltip-background-color"]: styles.backgroundColor,
+            ["--uxm-tooltip-color"]: styles.color,
+            ["--uxm-tooltip-border-radius"]: `${styles.borderRadius}px`,
+            ["--uxm-tooltip-padding-y"]: `${styles.paddingY}px`,
+            ["--uxm-tooltip-padding-x"]: `${styles.paddingX}px`,
+            ["--uxm-tooltip-font-size"]: `${styles.fontSize}px`,
+            backgroundColor: "var(--uxm-tooltip-background-color)",
+            color: "var(--uxm-tooltip-color)",
+            borderRadius: "var(--uxm-tooltip-border-radius)",
+            padding: "var(--uxm-tooltip-padding-y) var(--uxm-tooltip-padding-x)",
+            fontSize: "var(--uxm-tooltip-font-size)",
+            whiteSpace: "nowrap"
+          },
+          children: "Copy to clipboard"
+        }
+      ),
+      showArrow && /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: {
+            position: "absolute",
+            bottom: -5,
+            left: "50%",
+            transform: "translateX(-50%) rotate(45deg)",
+            width: 10,
+            height: 10,
+            backgroundColor: styles.backgroundColor
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        style: {
+          marginTop: 8,
+          padding: "8px 16px",
+          fontSize: 13,
+          fontWeight: 500,
+          color: "var(--color-text)",
+          backgroundColor: "var(--color-surface-alt)",
+          border: "1px solid var(--color-border)",
+          borderRadius: 8,
+          cursor: "pointer"
+        },
+        children: "Hover target"
+      }
+    )
+  ] });
+}
+export {
+  TooltipPreview
+};
+//# sourceMappingURL=tooltip-preview.js.map

package/dist/ui/tooltip/tooltip-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/tooltip-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\n\nexport function TooltipPreview({ styles }: PreviewProps) {\n  const showArrow = styles.showArrow as boolean;\n\n  return (\n    <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 8 }}>\n      {/* Tooltip */}\n      <div style={{ position: 'relative', display: 'inline-block' }}>\n        <div\n          style={{\n            ['--uxm-tooltip-background-color' as string]: styles.backgroundColor as string,\n            ['--uxm-tooltip-color' as string]: styles.color as string,\n            ['--uxm-tooltip-border-radius' as string]: `${styles.borderRadius}px`,\n            ['--uxm-tooltip-padding-y' as string]: `${styles.paddingY}px`,\n            ['--uxm-tooltip-padding-x' as string]: `${styles.paddingX}px`,\n            ['--uxm-tooltip-font-size' as string]: `${styles.fontSize}px`,\n            backgroundColor: 'var(--uxm-tooltip-background-color)',\n            color: 'var(--uxm-tooltip-color)',\n            borderRadius: 'var(--uxm-tooltip-border-radius)',\n            padding: 'var(--uxm-tooltip-padding-y) var(--uxm-tooltip-padding-x)',\n            fontSize: 'var(--uxm-tooltip-font-size)',\n            whiteSpace: 'nowrap',\n          }}\n        >\n          Copy to clipboard\n        </div>\n        {showArrow && (\n          <div\n            style={{\n              position: 'absolute',\n              bottom: -5,\n              left: '50%',\n              transform: 'translateX(-50%) rotate(45deg)',\n              width: 10,\n              height: 10,\n              backgroundColor: styles.backgroundColor as string,\n            }}\n          />\n        )}\n      </div>\n\n      {/* Trigger element */}\n      <button\n        style={{\n          marginTop: 8,\n          padding: '8px 16px',\n          fontSize: 13,\n          fontWeight: 500,\n          color: 'var(--color-text)',\n          backgroundColor: 'var(--color-surface-alt)',\n          border: '1px solid var(--color-border)',\n          borderRadius: 8,\n          cursor: 'pointer',\n        }}\n      >\n        Hover target\n      </button>\n    </div>\n  );\n}\n"],"mappings":"AAQM,SACE,KADF;AANC,SAAS,eAAe,EAAE,OAAO,GAAiB;AACvD,QAAM,YAAY,OAAO;AAEzB,SACE,qBAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,eAAe,UAAU,YAAY,UAAU,KAAK,EAAE,GAEnF;AAAA,yBAAC,SAAI,OAAO,EAAE,UAAU,YAAY,SAAS,eAAe,GAC1D;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,CAAC,gCAA0C,GAAG,OAAO;AAAA,YACrD,CAAC,qBAA+B,GAAG,OAAO;AAAA,YAC1C,CAAC,6BAAuC,GAAG,GAAG,OAAO,YAAY;AAAA,YACjE,CAAC,yBAAmC,GAAG,GAAG,OAAO,QAAQ;AAAA,YACzD,CAAC,yBAAmC,GAAG,GAAG,OAAO,QAAQ;AAAA,YACzD,CAAC,yBAAmC,GAAG,GAAG,OAAO,QAAQ;AAAA,YACzD,iBAAiB;AAAA,YACjB,OAAO;AAAA,YACP,cAAc;AAAA,YACd,SAAS;AAAA,YACT,UAAU;AAAA,YACV,YAAY;AAAA,UACd;AAAA,UACD;AAAA;AAAA,MAED;AAAA,MACC,aACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,MAAM;AAAA,YACN,WAAW;AAAA,YACX,OAAO;AAAA,YACP,QAAQ;AAAA,YACR,iBAAiB,OAAO;AAAA,UAC1B;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW;AAAA,UACX,SAAS;AAAA,UACT,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,iBAAiB;AAAA,UACjB,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,QAAQ;AAAA,QACV;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;","names":[]}

package/dist/ui/tooltip/tooltip.cjs

@@ -0,0 +1,63 @@
+"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 tooltip_exports = {};
+__export(tooltip_exports, {
+  ContentTooltip: () => ContentTooltip,
+  Tooltip: () => Tooltip
+});
+module.exports = __toCommonJS(tooltip_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+function Tooltip({
+  placement = "top",
+  showArrow = true,
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      role: "tooltip",
+      className: (0, import_helpers.cn)("uxm-tooltip", `uxm-tooltip--${placement}`, className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-tooltip__body", children }),
+        showArrow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-tooltip__arrow", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function ContentTooltip({ shadow, children, className, ...rest }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      role: "tooltip",
+      className: (0, import_helpers.cn)("uxm-content-tooltip", shadow && "uxm-content-tooltip--shadow", className),
+      ...rest,
+      children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ContentTooltip,
+  Tooltip
+});
+//# sourceMappingURL=tooltip.cjs.map

package/dist/ui/tooltip/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/tooltip.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLDivElement> {\n  placement?: TooltipPlacement;\n  showArrow?: boolean;\n  children: ReactNode;\n}\n\nexport function Tooltip({\n  placement = 'top',\n  showArrow = true,\n  children,\n  className,\n  ...rest\n}: TooltipProps) {\n  return (\n    <div\n      role=\"tooltip\"\n      className={cn('uxm-tooltip', `uxm-tooltip--${placement}`, className)}\n      {...rest}\n    >\n      <span className=\"uxm-tooltip__body\">{children}</span>\n      {showArrow && <span className=\"uxm-tooltip__arrow\" aria-hidden=\"true\" />}\n    </div>\n  );\n}\n\nexport interface ContentTooltipProps extends HTMLAttributes<HTMLDivElement> {\n  shadow?: boolean;\n  children: ReactNode;\n}\n\nexport function ContentTooltip({ shadow, children, className, ...rest }: ContentTooltipProps) {\n  return (\n    <div\n      role=\"tooltip\"\n      className={cn('uxm-content-tooltip', shadow && 'uxm-content-tooltip--shadow', className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBI;AApBJ,qBAAmB;AAYZ,SAAS,QAAQ;AAAA,EACtB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW,mBAAG,eAAe,gBAAgB,SAAS,IAAI,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,oDAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,QAC7C,aAAa,4CAAC,UAAK,WAAU,sBAAqB,eAAY,QAAO;AAAA;AAAA;AAAA,EACxE;AAEJ;AAOO,SAAS,eAAe,EAAE,QAAQ,UAAU,WAAW,GAAG,KAAK,GAAwB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,eAAW,mBAAG,uBAAuB,UAAU,+BAA+B,SAAS;AAAA,MACtF,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/ui/tooltip/tooltip.css

@@ -0,0 +1,51 @@
+@charset "UTF-8";
+/* ── tooltip ── */
+.uxm-tooltip {
+  display: inline-block;
+  position: relative;
+}
+.uxm-tooltip__body {
+  background-color: var(--uxm-tooltip-background-color, var(--color-text));
+  border-radius: var(--uxm-tooltip-border-radius, 6px);
+  color: var(--uxm-tooltip-color, var(--color-text-inverse));
+  font-size: calc(var(--uxm-tooltip-font-size, 12px) * var(--type-scale, 1));
+  padding: var(--uxm-tooltip-padding-y, 6px) var(--uxm-tooltip-padding-x, 10px);
+  white-space: nowrap;
+}
+.uxm-tooltip__arrow {
+  background-color: var(--color-text);
+  height: 10px;
+  position: absolute;
+  width: 10px;
+}
+.uxm-tooltip--top .uxm-tooltip__arrow {
+  bottom: -5px;
+  left: 50%;
+  transform: translateX(-50%) rotate(45deg);
+}
+.uxm-tooltip--bottom .uxm-tooltip__arrow {
+  left: 50%;
+  top: -5px;
+  transform: translateX(-50%) rotate(45deg);
+}
+.uxm-tooltip--left .uxm-tooltip__arrow {
+  right: -5px;
+  top: 50%;
+  transform: translateY(-50%) rotate(45deg);
+}
+.uxm-tooltip--right .uxm-tooltip__arrow {
+  left: -5px;
+  top: 50%;
+  transform: translateY(-50%) rotate(45deg);
+}
+
+.uxm-content-tooltip {
+  background-color: var(--uxm-content-tooltip-background-color, var(--color-card));
+  border: 1px solid var(--uxm-content-tooltip-border-color, var(--color-border));
+  border-radius: var(--uxm-content-tooltip-border-radius, 8px);
+  max-width: var(--uxm-content-tooltip-max-width, 320px);
+  padding: var(--uxm-content-tooltip-padding, 12px);
+}
+.uxm-content-tooltip--shadow {
+  box-shadow: var(--shadow-md);
+}

package/dist/ui/tooltip/tooltip.d.ts

@@ -0,0 +1,14 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+export interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    placement?: TooltipPlacement;
+    showArrow?: boolean;
+    children: ReactNode;
+}
+export declare function Tooltip({ placement, showArrow, children, className, ...rest }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export interface ContentTooltipProps extends HTMLAttributes<HTMLDivElement> {
+    shadow?: boolean;
+    children: ReactNode;
+}
+export declare function ContentTooltip({ shadow, children, className, ...rest }: ContentTooltipProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/ui/tooltip/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnE,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,OAAO,CAAC,EACtB,SAAiB,EACjB,SAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,YAAY,2CAWd;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,mBAAmB,2CAU3F"}

package/dist/ui/tooltip/tooltip.js

@@ -0,0 +1,38 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../helpers/index.js";
+function Tooltip({
+  placement = "top",
+  showArrow = true,
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      role: "tooltip",
+      className: cn("uxm-tooltip", `uxm-tooltip--${placement}`, className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "uxm-tooltip__body", children }),
+        showArrow && /* @__PURE__ */ jsx("span", { className: "uxm-tooltip__arrow", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function ContentTooltip({ shadow, children, className, ...rest }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      role: "tooltip",
+      className: cn("uxm-content-tooltip", shadow && "uxm-content-tooltip--shadow", className),
+      ...rest,
+      children
+    }
+  );
+}
+export {
+  ContentTooltip,
+  Tooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/tooltip/tooltip.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface TooltipProps extends HTMLAttributes<HTMLDivElement> {\n  placement?: TooltipPlacement;\n  showArrow?: boolean;\n  children: ReactNode;\n}\n\nexport function Tooltip({\n  placement = 'top',\n  showArrow = true,\n  children,\n  className,\n  ...rest\n}: TooltipProps) {\n  return (\n    <div\n      role=\"tooltip\"\n      className={cn('uxm-tooltip', `uxm-tooltip--${placement}`, className)}\n      {...rest}\n    >\n      <span className=\"uxm-tooltip__body\">{children}</span>\n      {showArrow && <span className=\"uxm-tooltip__arrow\" aria-hidden=\"true\" />}\n    </div>\n  );\n}\n\nexport interface ContentTooltipProps extends HTMLAttributes<HTMLDivElement> {\n  shadow?: boolean;\n  children: ReactNode;\n}\n\nexport function ContentTooltip({ shadow, children, className, ...rest }: ContentTooltipProps) {\n  return (\n    <div\n      role=\"tooltip\"\n      className={cn('uxm-content-tooltip', shadow && 'uxm-content-tooltip--shadow', className)}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"AAoBI,SAKE,KALF;AApBJ,SAAS,UAAU;AAYZ,SAAS,QAAQ;AAAA,EACtB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAiB;AACf,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,GAAG,eAAe,gBAAgB,SAAS,IAAI,SAAS;AAAA,MAClE,GAAG;AAAA,MAEJ;AAAA,4BAAC,UAAK,WAAU,qBAAqB,UAAS;AAAA,QAC7C,aAAa,oBAAC,UAAK,WAAU,sBAAqB,eAAY,QAAO;AAAA;AAAA;AAAA,EACxE;AAEJ;AAOO,SAAS,eAAe,EAAE,QAAQ,UAAU,WAAW,GAAG,KAAK,GAAwB;AAC5F,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,WAAW,GAAG,uBAAuB,UAAU,+BAA+B,SAAS;AAAA,MACtF,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/ui/type-overview-card/index.cjs

@@ -0,0 +1,23 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var type_overview_card_exports = {};
+module.exports = __toCommonJS(type_overview_card_exports);
+__reExport(type_overview_card_exports, require("./type-overview-card.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./type-overview-card.cjs")
+});
+//# sourceMappingURL=index.cjs.map

package/dist/ui/type-overview-card/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/type-overview-card/index.ts"],"sourcesContent":["export * from './type-overview-card';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,uCAAc,iCAAd;","names":[]}

package/dist/ui/type-overview-card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './type-overview-card.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/type-overview-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/type-overview-card/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"}

package/dist/ui/type-overview-card/index.js

@@ -0,0 +1,2 @@
+export * from "./type-overview-card.js";
+//# sourceMappingURL=index.js.map

package/dist/ui/type-overview-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/type-overview-card/index.ts"],"sourcesContent":["export * from './type-overview-card';\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/ui/type-overview-card/type-overview-card-preview.cjs

@@ -0,0 +1,59 @@
+"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 type_overview_card_preview_exports = {};
+__export(type_overview_card_preview_exports, {
+  TypeOverviewCardPreview: () => TypeOverviewCardPreview
+});
+module.exports = __toCommonJS(type_overview_card_preview_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ui = require("../../ui/index.cjs");
+var import_ui2 = require("../../ui/index.cjs");
+function TypeOverviewCardPreview({ styles }) {
+  const cssVars = {
+    "--uxm-typeoverview-bg": styles.backgroundColor,
+    "--uxm-typeoverview-border-color": styles.borderColor,
+    "--uxm-typeoverview-radius": `${styles.borderRadius}px`,
+    "--uxm-typeoverview-padding": `${styles.padding}px`,
+    "--uxm-typeoverview-accent-color": styles.accentColor,
+    "--uxm-typeoverview-accent-width": `${styles.accentWidth}px`,
+    "--uxm-typeoverview-icon-bg": styles.iconBg,
+    "--uxm-typeoverview-icon-color": styles.iconColor,
+    "--uxm-typeoverview-icon-tile-size": `${styles.iconBoxSize}px`,
+    "--uxm-typeoverview-icon-tile-radius": `${styles.iconRadius}px`,
+    "--uxm-typeoverview-label-size": `${styles.labelSize}px`,
+    "--uxm-typeoverview-label-color": styles.labelColor,
+    "--uxm-typeoverview-value-size": `${styles.valueSize}px`,
+    "--uxm-typeoverview-value-color": styles.valueColor,
+    width: 240
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ui2.TypeOverviewCard,
+    {
+      style: cssVars,
+      icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "model-revenue-motion", size: 16 }),
+      label: "Revenue Motions",
+      value: 5
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TypeOverviewCardPreview
+});
+//# sourceMappingURL=type-overview-card-preview.cjs.map

package/dist/ui/type-overview-card/type-overview-card-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/type-overview-card/type-overview-card-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\nimport { TypeOverviewCard } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function TypeOverviewCardPreview({ styles }: PreviewProps) {\n  // All 14 registry knobs flow through `--uxm-typeoverview-*` CSS\n  // variables — same surface a production consumer would re-theme through.\n  const cssVars = {\n    '--uxm-typeoverview-bg': styles.backgroundColor as string,\n    '--uxm-typeoverview-border-color': styles.borderColor as string,\n    '--uxm-typeoverview-radius': `${styles.borderRadius}px`,\n    '--uxm-typeoverview-padding': `${styles.padding}px`,\n    '--uxm-typeoverview-accent-color': styles.accentColor as string,\n    '--uxm-typeoverview-accent-width': `${styles.accentWidth}px`,\n    '--uxm-typeoverview-icon-bg': styles.iconBg as string,\n    '--uxm-typeoverview-icon-color': styles.iconColor as string,\n    '--uxm-typeoverview-icon-tile-size': `${styles.iconBoxSize}px`,\n    '--uxm-typeoverview-icon-tile-radius': `${styles.iconRadius}px`,\n    '--uxm-typeoverview-label-size': `${styles.labelSize}px`,\n    '--uxm-typeoverview-label-color': styles.labelColor as string,\n    '--uxm-typeoverview-value-size': `${styles.valueSize}px`,\n    '--uxm-typeoverview-value-color': styles.valueColor as string,\n    width: 240,\n  } as CSSProperties;\n\n  return (\n    <TypeOverviewCard\n      style={cssVars}\n      icon={<Icon glyph=\"model-revenue-motion\" size={16} />}\n      label=\"Revenue Motions\"\n      value={5}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8BY;AA7BZ,gBAAqB;AACrB,IAAAA,aAAiC;AAI1B,SAAS,wBAAwB,EAAE,OAAO,GAAiB;AAGhE,QAAM,UAAU;AAAA,IACd,yBAAyB,OAAO;AAAA,IAChC,mCAAmC,OAAO;AAAA,IAC1C,6BAA6B,GAAG,OAAO,YAAY;AAAA,IACnD,8BAA8B,GAAG,OAAO,OAAO;AAAA,IAC/C,mCAAmC,OAAO;AAAA,IAC1C,mCAAmC,GAAG,OAAO,WAAW;AAAA,IACxD,8BAA8B,OAAO;AAAA,IACrC,iCAAiC,OAAO;AAAA,IACxC,qCAAqC,GAAG,OAAO,WAAW;AAAA,IAC1D,uCAAuC,GAAG,OAAO,UAAU;AAAA,IAC3D,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,kCAAkC,OAAO;AAAA,IACzC,OAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,MAAM,4CAAC,kBAAK,OAAM,wBAAuB,MAAM,IAAI;AAAA,MACnD,OAAM;AAAA,MACN,OAAO;AAAA;AAAA,EACT;AAEJ;","names":["import_ui"]}

package/dist/ui/type-overview-card/type-overview-card-preview.d.ts

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

package/dist/ui/type-overview-card/type-overview-card-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type-overview-card-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/type-overview-card/type-overview-card-preview.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAMrD,wBAAgB,uBAAuB,CAAC,EAAE,MAAM,EAAE,EAAE,YAAY,2CA6B/D"}

package/dist/ui/type-overview-card/type-overview-card-preview.js

@@ -0,0 +1,35 @@
+import { jsx } from "react/jsx-runtime";
+import { Icon } from "../../ui/index.js";
+import { TypeOverviewCard } from "../../ui/index.js";
+function TypeOverviewCardPreview({ styles }) {
+  const cssVars = {
+    "--uxm-typeoverview-bg": styles.backgroundColor,
+    "--uxm-typeoverview-border-color": styles.borderColor,
+    "--uxm-typeoverview-radius": `${styles.borderRadius}px`,
+    "--uxm-typeoverview-padding": `${styles.padding}px`,
+    "--uxm-typeoverview-accent-color": styles.accentColor,
+    "--uxm-typeoverview-accent-width": `${styles.accentWidth}px`,
+    "--uxm-typeoverview-icon-bg": styles.iconBg,
+    "--uxm-typeoverview-icon-color": styles.iconColor,
+    "--uxm-typeoverview-icon-tile-size": `${styles.iconBoxSize}px`,
+    "--uxm-typeoverview-icon-tile-radius": `${styles.iconRadius}px`,
+    "--uxm-typeoverview-label-size": `${styles.labelSize}px`,
+    "--uxm-typeoverview-label-color": styles.labelColor,
+    "--uxm-typeoverview-value-size": `${styles.valueSize}px`,
+    "--uxm-typeoverview-value-color": styles.valueColor,
+    width: 240
+  };
+  return /* @__PURE__ */ jsx(
+    TypeOverviewCard,
+    {
+      style: cssVars,
+      icon: /* @__PURE__ */ jsx(Icon, { glyph: "model-revenue-motion", size: 16 }),
+      label: "Revenue Motions",
+      value: 5
+    }
+  );
+}
+export {
+  TypeOverviewCardPreview
+};
+//# sourceMappingURL=type-overview-card-preview.js.map

package/dist/ui/type-overview-card/type-overview-card-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/type-overview-card/type-overview-card-preview.tsx"],"sourcesContent":["import type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\nimport { TypeOverviewCard } from '@/ui';\n\nimport type { CSSProperties } from 'react';\n\nexport function TypeOverviewCardPreview({ styles }: PreviewProps) {\n  // All 14 registry knobs flow through `--uxm-typeoverview-*` CSS\n  // variables — same surface a production consumer would re-theme through.\n  const cssVars = {\n    '--uxm-typeoverview-bg': styles.backgroundColor as string,\n    '--uxm-typeoverview-border-color': styles.borderColor as string,\n    '--uxm-typeoverview-radius': `${styles.borderRadius}px`,\n    '--uxm-typeoverview-padding': `${styles.padding}px`,\n    '--uxm-typeoverview-accent-color': styles.accentColor as string,\n    '--uxm-typeoverview-accent-width': `${styles.accentWidth}px`,\n    '--uxm-typeoverview-icon-bg': styles.iconBg as string,\n    '--uxm-typeoverview-icon-color': styles.iconColor as string,\n    '--uxm-typeoverview-icon-tile-size': `${styles.iconBoxSize}px`,\n    '--uxm-typeoverview-icon-tile-radius': `${styles.iconRadius}px`,\n    '--uxm-typeoverview-label-size': `${styles.labelSize}px`,\n    '--uxm-typeoverview-label-color': styles.labelColor as string,\n    '--uxm-typeoverview-value-size': `${styles.valueSize}px`,\n    '--uxm-typeoverview-value-color': styles.valueColor as string,\n    width: 240,\n  } as CSSProperties;\n\n  return (\n    <TypeOverviewCard\n      style={cssVars}\n      icon={<Icon glyph=\"model-revenue-motion\" size={16} />}\n      label=\"Revenue Motions\"\n      value={5}\n    />\n  );\n}\n"],"mappings":"AA8BY;AA7BZ,SAAS,YAAY;AACrB,SAAS,wBAAwB;AAI1B,SAAS,wBAAwB,EAAE,OAAO,GAAiB;AAGhE,QAAM,UAAU;AAAA,IACd,yBAAyB,OAAO;AAAA,IAChC,mCAAmC,OAAO;AAAA,IAC1C,6BAA6B,GAAG,OAAO,YAAY;AAAA,IACnD,8BAA8B,GAAG,OAAO,OAAO;AAAA,IAC/C,mCAAmC,OAAO;AAAA,IAC1C,mCAAmC,GAAG,OAAO,WAAW;AAAA,IACxD,8BAA8B,OAAO;AAAA,IACrC,iCAAiC,OAAO;AAAA,IACxC,qCAAqC,GAAG,OAAO,WAAW;AAAA,IAC1D,uCAAuC,GAAG,OAAO,UAAU;AAAA,IAC3D,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,kCAAkC,OAAO;AAAA,IACzC,iCAAiC,GAAG,OAAO,SAAS;AAAA,IACpD,kCAAkC,OAAO;AAAA,IACzC,OAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP,MAAM,oBAAC,QAAK,OAAM,wBAAuB,MAAM,IAAI;AAAA,MACnD,OAAM;AAAA,MACN,OAAO;AAAA;AAAA,EACT;AAEJ;","names":[]}