@viax.io/uxm 4.36.0

package/dist/ui/timeline-entry/timeline-entry-preview.cjs

@@ -0,0 +1,174 @@
+"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 timeline_entry_preview_exports = {};
+__export(timeline_entry_preview_exports, {
+  TimelineEntryPreview: () => TimelineEntryPreview
+});
+module.exports = __toCommonJS(timeline_entry_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");
+function TimelineEntryPreview({ styles, variants }) {
+  const state = variants.state ?? "active";
+  const active = state === "active";
+  const dotSize = styles.dotSize;
+  const dotColor = active ? styles.dotColor : styles.dotIdleColor;
+  const lineColor = styles.lineColor;
+  const lineWidth = styles.lineWidth;
+  const gap = styles.gap;
+  const [hover, setHover] = (0, import_react.useState)(false);
+  const sample = active ? { title: "v0.7.0", meta: "Today at 14:32 \xB7 Sarah Chen", count: "7n \xB7 9t", badge: "Live" } : { title: "v0.6.2", meta: "Yesterday at 09:15 \xB7 Marcus Rivera", count: "6n \xB7 8t" };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      style: {
+        display: "flex",
+        gap,
+        width: 360,
+        padding: 8,
+        alignItems: "stretch"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { position: "relative", width: dotSize, flexShrink: 0 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+            position: "absolute",
+            left: dotSize / 2 - lineWidth / 2,
+            top: 0,
+            height: 8,
+            width: lineWidth,
+            backgroundColor: lineColor
+          } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+            position: "absolute",
+            left: dotSize / 2 - lineWidth / 2,
+            top: 8 + dotSize,
+            bottom: 0,
+            width: lineWidth,
+            backgroundColor: lineColor
+          } }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: {
+            position: "absolute",
+            top: 8,
+            left: 0,
+            width: dotSize,
+            height: dotSize,
+            borderRadius: "50%",
+            backgroundColor: dotColor,
+            boxShadow: `0 0 0 2px ${styles.dotRingColor}`
+          } })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+          flex: 1,
+          backgroundColor: styles.contentBg,
+          border: `1px solid ${styles.contentBorderColor}`,
+          borderRadius: styles.contentRadius,
+          padding: `6px ${styles.contentPadding - 2}px`
+        }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: {
+              fontSize: styles.titleSize,
+              color: styles.titleColor,
+              fontWeight: 600,
+              margin: 0,
+              flex: "0 1 auto",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            }, children: sample.title }),
+            sample.badge && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui2.Tag, { type: "accent", size: "small", children: sample.badge }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { style: {
+              marginLeft: "auto",
+              flexShrink: 0,
+              fontSize: 10,
+              fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+              color: "var(--color-text-subtle)"
+            }, children: sample.count })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginTop: 2, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: {
+              fontSize: styles.metaSize,
+              color: styles.metaColor,
+              margin: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              flex: 1
+            }, children: sample.meta }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: {
+              display: "flex",
+              gap: 2,
+              flexShrink: 0,
+              opacity: hover ? 1 : 0,
+              transition: "opacity 0.12s"
+            }, children: [
+              !active && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  "aria-label": "Restore",
+                  title: "Restore",
+                  style: {
+                    width: 18,
+                    height: 18,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: 3,
+                    background: "transparent",
+                    border: "none",
+                    color: "var(--color-text-subtle)",
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "refresh", size: 11 })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                "button",
+                {
+                  "aria-label": "Delete",
+                  title: "Delete",
+                  style: {
+                    width: 18,
+                    height: 18,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: 3,
+                    background: "transparent",
+                    border: "none",
+                    color: "var(--color-text-subtle)",
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ui.Icon, { glyph: "trash", size: 11 })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimelineEntryPreview
+});
+//# sourceMappingURL=timeline-entry-preview.cjs.map

package/dist/ui/timeline-entry/timeline-entry-preview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/timeline-entry/timeline-entry-preview.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\nimport { Tag } from '@/ui';\n\nexport function TimelineEntryPreview({ styles, variants }: PreviewProps) {\n  const state = (variants.state as string) ?? 'active';\n  const active = state === 'active';\n\n  const dotSize = styles.dotSize as number;\n  const dotColor = active ? (styles.dotColor as string) : (styles.dotIdleColor as string);\n  const lineColor = styles.lineColor as string;\n  const lineWidth = styles.lineWidth as number;\n  const gap = styles.gap as number;\n\n  const [hover, setHover] = useState(false);\n\n  const sample = active\n    ? { title: 'v0.7.0', meta: 'Today at 14:32 · Sarah Chen', count: '7n · 9t', badge: 'Live' }\n    : { title: 'v0.6.2', meta: 'Yesterday at 09:15 · Marcus Rivera', count: '6n · 8t' };\n\n  return (\n    <div\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n      style={{\n        display: 'flex',\n        gap,\n        width: 360,\n        padding: 8,\n        alignItems: 'stretch',\n      }}\n    >\n      <div style={{ position: 'relative', width: dotSize, flexShrink: 0 }}>\n        {/* Vertical line — segments above and below the dot */}\n        <div style={{\n          position: 'absolute',\n          left: dotSize / 2 - lineWidth / 2,\n          top: 0,\n          height: 8,\n          width: lineWidth,\n          backgroundColor: lineColor,\n        }} />\n        <div style={{\n          position: 'absolute',\n          left: dotSize / 2 - lineWidth / 2,\n          top: 8 + dotSize,\n          bottom: 0,\n          width: lineWidth,\n          backgroundColor: lineColor,\n        }} />\n        {/* Dot */}\n        <div style={{\n          position: 'absolute',\n          top: 8,\n          left: 0,\n          width: dotSize,\n          height: dotSize,\n          borderRadius: '50%',\n          backgroundColor: dotColor,\n          boxShadow: `0 0 0 2px ${styles.dotRingColor}`,\n        }} />\n      </div>\n      <div style={{\n        flex: 1,\n        backgroundColor: styles.contentBg as string,\n        border: `1px solid ${styles.contentBorderColor}`,\n        borderRadius: styles.contentRadius as number,\n        padding: `6px ${(styles.contentPadding as number) - 2}px`,\n      }}>\n        {/* Row 1: title + badge + count */}\n        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n          <p style={{\n            fontSize: styles.titleSize as number,\n            color: styles.titleColor as string,\n            fontWeight: 600,\n            margin: 0,\n            flex: '0 1 auto',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          }}>\n            {sample.title}\n          </p>\n          {sample.badge && (\n            <Tag type=\"accent\" size=\"small\">{sample.badge}</Tag>\n          )}\n          <span style={{\n            marginLeft: 'auto',\n            flexShrink: 0,\n            fontSize: 10,\n            fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',\n            color: 'var(--color-text-subtle)',\n          }}>\n            {sample.count}\n          </span>\n        </div>\n        {/* Row 2: meta + actions */}\n        <div style={{ marginTop: 2, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>\n          <p style={{\n            fontSize: styles.metaSize as number,\n            color: styles.metaColor as string,\n            margin: 0,\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            flex: 1,\n          }}>\n            {sample.meta}\n          </p>\n          <div style={{\n            display: 'flex',\n            gap: 2,\n            flexShrink: 0,\n            opacity: hover ? 1 : 0,\n            transition: 'opacity 0.12s',\n          }}>\n            {!active && (\n              <button\n                aria-label=\"Restore\"\n                title=\"Restore\"\n                style={{\n                  width: 18,\n                  height: 18,\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 3,\n                  background: 'transparent',\n                  border: 'none',\n                  color: 'var(--color-text-subtle)',\n                  cursor: 'pointer',\n                }}\n              >\n                <Icon glyph=\"refresh\" size={11} />\n              </button>\n            )}\n            <button\n              aria-label=\"Delete\"\n              title=\"Delete\"\n              style={{\n                width: 18,\n                height: 18,\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                borderRadius: 3,\n                background: 'transparent',\n                border: 'none',\n                color: 'var(--color-text-subtle)',\n                cursor: 'pointer',\n              }}\n            >\n              <Icon glyph=\"trash\" size={11} />\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":["import_ui"]}

package/dist/ui/timeline-entry/timeline-entry-preview.d.ts

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

package/dist/ui/timeline-entry/timeline-entry-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-entry-preview.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline-entry/timeline-entry-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAIrD,wBAAgB,oBAAoB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,YAAY,2CA2JtE"}

package/dist/ui/timeline-entry/timeline-entry-preview.js

@@ -0,0 +1,150 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Icon } from "../../ui/index.js";
+import { Tag } from "../../ui/index.js";
+function TimelineEntryPreview({ styles, variants }) {
+  const state = variants.state ?? "active";
+  const active = state === "active";
+  const dotSize = styles.dotSize;
+  const dotColor = active ? styles.dotColor : styles.dotIdleColor;
+  const lineColor = styles.lineColor;
+  const lineWidth = styles.lineWidth;
+  const gap = styles.gap;
+  const [hover, setHover] = useState(false);
+  const sample = active ? { title: "v0.7.0", meta: "Today at 14:32 \xB7 Sarah Chen", count: "7n \xB7 9t", badge: "Live" } : { title: "v0.6.2", meta: "Yesterday at 09:15 \xB7 Marcus Rivera", count: "6n \xB7 8t" };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      onMouseEnter: () => setHover(true),
+      onMouseLeave: () => setHover(false),
+      style: {
+        display: "flex",
+        gap,
+        width: 360,
+        padding: 8,
+        alignItems: "stretch"
+      },
+      children: [
+        /* @__PURE__ */ jsxs("div", { style: { position: "relative", width: dotSize, flexShrink: 0 }, children: [
+          /* @__PURE__ */ jsx("div", { style: {
+            position: "absolute",
+            left: dotSize / 2 - lineWidth / 2,
+            top: 0,
+            height: 8,
+            width: lineWidth,
+            backgroundColor: lineColor
+          } }),
+          /* @__PURE__ */ jsx("div", { style: {
+            position: "absolute",
+            left: dotSize / 2 - lineWidth / 2,
+            top: 8 + dotSize,
+            bottom: 0,
+            width: lineWidth,
+            backgroundColor: lineColor
+          } }),
+          /* @__PURE__ */ jsx("div", { style: {
+            position: "absolute",
+            top: 8,
+            left: 0,
+            width: dotSize,
+            height: dotSize,
+            borderRadius: "50%",
+            backgroundColor: dotColor,
+            boxShadow: `0 0 0 2px ${styles.dotRingColor}`
+          } })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { style: {
+          flex: 1,
+          backgroundColor: styles.contentBg,
+          border: `1px solid ${styles.contentBorderColor}`,
+          borderRadius: styles.contentRadius,
+          padding: `6px ${styles.contentPadding - 2}px`
+        }, children: [
+          /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+            /* @__PURE__ */ jsx("p", { style: {
+              fontSize: styles.titleSize,
+              color: styles.titleColor,
+              fontWeight: 600,
+              margin: 0,
+              flex: "0 1 auto",
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap"
+            }, children: sample.title }),
+            sample.badge && /* @__PURE__ */ jsx(Tag, { type: "accent", size: "small", children: sample.badge }),
+            /* @__PURE__ */ jsx("span", { style: {
+              marginLeft: "auto",
+              flexShrink: 0,
+              fontSize: 10,
+              fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace",
+              color: "var(--color-text-subtle)"
+            }, children: sample.count })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { style: { marginTop: 2, display: "flex", alignItems: "center", justifyContent: "space-between", gap: 8 }, children: [
+            /* @__PURE__ */ jsx("p", { style: {
+              fontSize: styles.metaSize,
+              color: styles.metaColor,
+              margin: 0,
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              flex: 1
+            }, children: sample.meta }),
+            /* @__PURE__ */ jsxs("div", { style: {
+              display: "flex",
+              gap: 2,
+              flexShrink: 0,
+              opacity: hover ? 1 : 0,
+              transition: "opacity 0.12s"
+            }, children: [
+              !active && /* @__PURE__ */ jsx(
+                "button",
+                {
+                  "aria-label": "Restore",
+                  title: "Restore",
+                  style: {
+                    width: 18,
+                    height: 18,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: 3,
+                    background: "transparent",
+                    border: "none",
+                    color: "var(--color-text-subtle)",
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { glyph: "refresh", size: 11 })
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  "aria-label": "Delete",
+                  title: "Delete",
+                  style: {
+                    width: 18,
+                    height: 18,
+                    display: "inline-flex",
+                    alignItems: "center",
+                    justifyContent: "center",
+                    borderRadius: 3,
+                    background: "transparent",
+                    border: "none",
+                    color: "var(--color-text-subtle)",
+                    cursor: "pointer"
+                  },
+                  children: /* @__PURE__ */ jsx(Icon, { glyph: "trash", size: 11 })
+                }
+              )
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  TimelineEntryPreview
+};
+//# sourceMappingURL=timeline-entry-preview.js.map

package/dist/ui/timeline-entry/timeline-entry-preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/timeline-entry/timeline-entry-preview.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { PreviewProps } from '@/previews/types';\nimport { Icon } from '@/ui';\nimport { Tag } from '@/ui';\n\nexport function TimelineEntryPreview({ styles, variants }: PreviewProps) {\n  const state = (variants.state as string) ?? 'active';\n  const active = state === 'active';\n\n  const dotSize = styles.dotSize as number;\n  const dotColor = active ? (styles.dotColor as string) : (styles.dotIdleColor as string);\n  const lineColor = styles.lineColor as string;\n  const lineWidth = styles.lineWidth as number;\n  const gap = styles.gap as number;\n\n  const [hover, setHover] = useState(false);\n\n  const sample = active\n    ? { title: 'v0.7.0', meta: 'Today at 14:32 · Sarah Chen', count: '7n · 9t', badge: 'Live' }\n    : { title: 'v0.6.2', meta: 'Yesterday at 09:15 · Marcus Rivera', count: '6n · 8t' };\n\n  return (\n    <div\n      onMouseEnter={() => setHover(true)}\n      onMouseLeave={() => setHover(false)}\n      style={{\n        display: 'flex',\n        gap,\n        width: 360,\n        padding: 8,\n        alignItems: 'stretch',\n      }}\n    >\n      <div style={{ position: 'relative', width: dotSize, flexShrink: 0 }}>\n        {/* Vertical line — segments above and below the dot */}\n        <div style={{\n          position: 'absolute',\n          left: dotSize / 2 - lineWidth / 2,\n          top: 0,\n          height: 8,\n          width: lineWidth,\n          backgroundColor: lineColor,\n        }} />\n        <div style={{\n          position: 'absolute',\n          left: dotSize / 2 - lineWidth / 2,\n          top: 8 + dotSize,\n          bottom: 0,\n          width: lineWidth,\n          backgroundColor: lineColor,\n        }} />\n        {/* Dot */}\n        <div style={{\n          position: 'absolute',\n          top: 8,\n          left: 0,\n          width: dotSize,\n          height: dotSize,\n          borderRadius: '50%',\n          backgroundColor: dotColor,\n          boxShadow: `0 0 0 2px ${styles.dotRingColor}`,\n        }} />\n      </div>\n      <div style={{\n        flex: 1,\n        backgroundColor: styles.contentBg as string,\n        border: `1px solid ${styles.contentBorderColor}`,\n        borderRadius: styles.contentRadius as number,\n        padding: `6px ${(styles.contentPadding as number) - 2}px`,\n      }}>\n        {/* Row 1: title + badge + count */}\n        <div style={{ display: 'flex', alignItems: 'center', gap: 8 }}>\n          <p style={{\n            fontSize: styles.titleSize as number,\n            color: styles.titleColor as string,\n            fontWeight: 600,\n            margin: 0,\n            flex: '0 1 auto',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          }}>\n            {sample.title}\n          </p>\n          {sample.badge && (\n            <Tag type=\"accent\" size=\"small\">{sample.badge}</Tag>\n          )}\n          <span style={{\n            marginLeft: 'auto',\n            flexShrink: 0,\n            fontSize: 10,\n            fontFamily: 'ui-monospace, SFMono-Regular, Menlo, monospace',\n            color: 'var(--color-text-subtle)',\n          }}>\n            {sample.count}\n          </span>\n        </div>\n        {/* Row 2: meta + actions */}\n        <div style={{ marginTop: 2, display: 'flex', alignItems: 'center', justifyContent: 'space-between', gap: 8 }}>\n          <p style={{\n            fontSize: styles.metaSize as number,\n            color: styles.metaColor as string,\n            margin: 0,\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            flex: 1,\n          }}>\n            {sample.meta}\n          </p>\n          <div style={{\n            display: 'flex',\n            gap: 2,\n            flexShrink: 0,\n            opacity: hover ? 1 : 0,\n            transition: 'opacity 0.12s',\n          }}>\n            {!active && (\n              <button\n                aria-label=\"Restore\"\n                title=\"Restore\"\n                style={{\n                  width: 18,\n                  height: 18,\n                  display: 'inline-flex',\n                  alignItems: 'center',\n                  justifyContent: 'center',\n                  borderRadius: 3,\n                  background: 'transparent',\n                  border: 'none',\n                  color: 'var(--color-text-subtle)',\n                  cursor: 'pointer',\n                }}\n              >\n                <Icon glyph=\"refresh\" size={11} />\n              </button>\n            )}\n            <button\n              aria-label=\"Delete\"\n              title=\"Delete\"\n              style={{\n                width: 18,\n                height: 18,\n                display: 'inline-flex',\n                alignItems: 'center',\n                justifyContent: 'center',\n                borderRadius: 3,\n                background: 'transparent',\n                border: 'none',\n                color: 'var(--color-text-subtle)',\n                cursor: 'pointer',\n              }}\n            >\n              <Icon glyph=\"trash\" size={11} />\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/ui/timeline-entry/timeline-entry.cjs

@@ -0,0 +1,64 @@
+"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 timeline_entry_exports = {};
+__export(timeline_entry_exports, {
+  TimelineEntry: () => TimelineEntry
+});
+module.exports = __toCommonJS(timeline_entry_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_helpers = require("../../helpers/index.cjs");
+function TimelineEntry({
+  title,
+  meta,
+  trailing,
+  state = "active",
+  lineBefore = true,
+  lineAfter = true,
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: (0, import_helpers.cn)("uxm-timeline-entry", `uxm-timeline-entry--${state}`, className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "uxm-timeline-entry__rail", "aria-hidden": "true", children: [
+          lineBefore && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-timeline-entry__line uxm-timeline-entry__line--before" }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-timeline-entry__dot" }),
+          lineAfter && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-timeline-entry__line uxm-timeline-entry__line--after" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "uxm-timeline-entry__content", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "uxm-timeline-entry__row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-timeline-entry__title", children: title }),
+            trailing && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "uxm-timeline-entry__trailing", children: trailing })
+          ] }),
+          meta && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: "uxm-timeline-entry__meta", children: meta }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "uxm-timeline-entry__body", children })
+        ] })
+      ]
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TimelineEntry
+});
+//# sourceMappingURL=timeline-entry.cjs.map

package/dist/ui/timeline-entry/timeline-entry.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/timeline-entry/timeline-entry.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type TimelineDotState = 'active' | 'idle';\n\nexport interface TimelineEntryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: ReactNode;\n  meta?: ReactNode;\n  trailing?: ReactNode;\n  state?: TimelineDotState;\n  /** Whether to render the connector line above this entry. */\n  lineBefore?: boolean;\n  /** Whether to render the connector line below this entry. */\n  lineAfter?: boolean;\n  children?: ReactNode;\n}\n\nexport function TimelineEntry({\n  title,\n  meta,\n  trailing,\n  state = 'active',\n  lineBefore = true,\n  lineAfter = true,\n  children,\n  className,\n  ...rest\n}: TimelineEntryProps) {\n  return (\n    <div\n      className={cn('uxm-timeline-entry', `uxm-timeline-entry--${state}`, className)}\n      {...rest}\n    >\n      <div className=\"uxm-timeline-entry__rail\" aria-hidden=\"true\">\n        {lineBefore && <span className=\"uxm-timeline-entry__line uxm-timeline-entry__line--before\" />}\n        <span className=\"uxm-timeline-entry__dot\" />\n        {lineAfter && <span className=\"uxm-timeline-entry__line uxm-timeline-entry__line--after\" />}\n      </div>\n      <div className=\"uxm-timeline-entry__content\">\n        <div className=\"uxm-timeline-entry__row\">\n          <span className=\"uxm-timeline-entry__title\">{title}</span>\n          {trailing && <span className=\"uxm-timeline-entry__trailing\">{trailing}</span>}\n        </div>\n        {meta && <p className=\"uxm-timeline-entry__meta\">{meta}</p>}\n        {children && <div className=\"uxm-timeline-entry__body\">{children}</div>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCM;AAlCN,qBAAmB;AAkBZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,mBAAG,sBAAsB,uBAAuB,KAAK,IAAI,SAAS;AAAA,MAC5E,GAAG;AAAA,MAEJ;AAAA,qDAAC,SAAI,WAAU,4BAA2B,eAAY,QACnD;AAAA,wBAAc,4CAAC,UAAK,WAAU,6DAA4D;AAAA,UAC3F,4CAAC,UAAK,WAAU,2BAA0B;AAAA,UACzC,aAAa,4CAAC,UAAK,WAAU,4DAA2D;AAAA,WAC3F;AAAA,QACA,6CAAC,SAAI,WAAU,+BACb;AAAA,uDAAC,SAAI,WAAU,2BACb;AAAA,wDAAC,UAAK,WAAU,6BAA6B,iBAAM;AAAA,YAClD,YAAY,4CAAC,UAAK,WAAU,gCAAgC,oBAAS;AAAA,aACxE;AAAA,UACC,QAAQ,4CAAC,OAAE,WAAU,4BAA4B,gBAAK;AAAA,UACtD,YAAY,4CAAC,SAAI,WAAU,4BAA4B,UAAS;AAAA,WACnE;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/ui/timeline-entry/timeline-entry.css

@@ -0,0 +1,73 @@
+@charset "UTF-8";
+/* ── timeline-entry ── */
+.uxm-timeline-entry {
+  display: flex;
+  gap: var(--uxm-timeline-entry-gap, 12px);
+  padding: 8px;
+}
+.uxm-timeline-entry__rail {
+  flex-shrink: 0;
+  position: relative;
+  width: 12px;
+}
+.uxm-timeline-entry__line {
+  background-color: var(--uxm-timeline-entry-line-color, var(--color-border));
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%);
+  width: var(--uxm-timeline-entry-line-width, 2px);
+}
+.uxm-timeline-entry__line--before {
+  height: 8px;
+  top: 0;
+}
+.uxm-timeline-entry__line--after {
+  bottom: 0;
+  top: 20px;
+}
+.uxm-timeline-entry__dot {
+  background-color: var(--uxm-timeline-entry-dot-color, var(--color-accent));
+  border-radius: 50%;
+  box-shadow: 0 0 0 2px var(--uxm-timeline-entry-dot-ring-color, var(--color-card));
+  height: var(--uxm-timeline-entry-dot-size, 12px);
+  left: 0;
+  position: absolute;
+  top: 8px;
+  width: var(--uxm-timeline-entry-dot-size, 12px);
+}
+.uxm-timeline-entry--idle .uxm-timeline-entry__dot {
+  background-color: var(--uxm-timeline-entry-dot-idle-color, var(--color-text-subtle));
+}
+.uxm-timeline-entry__content {
+  background-color: var(--uxm-timeline-entry-content-bg, var(--color-card));
+  border: 1px solid var(--uxm-timeline-entry-content-border-color, var(--color-border));
+  border-radius: var(--uxm-timeline-entry-content-radius, 6px);
+  flex: 1;
+  padding: var(--uxm-timeline-entry-content-padding, 6px 12px);
+}
+.uxm-timeline-entry__row {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+}
+.uxm-timeline-entry__title {
+  color: var(--uxm-timeline-entry-title-color, var(--color-text));
+  font-size: calc(var(--uxm-timeline-entry-title-size, 13px) * var(--type-scale, 1));
+  font-weight: 600;
+}
+.uxm-timeline-entry__trailing {
+  color: var(--color-text-subtle);
+  flex-shrink: 0;
+  font-size: calc(11px * var(--type-scale, 1));
+  margin-left: auto;
+}
+.uxm-timeline-entry__meta {
+  color: var(--uxm-timeline-entry-meta-color, var(--color-text-muted));
+  font-size: calc(var(--uxm-timeline-entry-meta-size, 11px) * var(--type-scale, 1));
+  margin: 2px 0 0;
+}
+.uxm-timeline-entry__body {
+  color: var(--color-text-muted);
+  font-size: calc(13px * var(--type-scale, 1));
+  margin-top: 6px;
+}

package/dist/ui/timeline-entry/timeline-entry.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type TimelineDotState = 'active' | 'idle';
+export interface TimelineEntryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    title: ReactNode;
+    meta?: ReactNode;
+    trailing?: ReactNode;
+    state?: TimelineDotState;
+    /** Whether to render the connector line above this entry. */
+    lineBefore?: boolean;
+    /** Whether to render the connector line below this entry. */
+    lineAfter?: boolean;
+    children?: ReactNode;
+}
+export declare function TimelineEntry({ title, meta, trailing, state, lineBefore, lineAfter, children, className, ...rest }: TimelineEntryProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=timeline-entry.d.ts.map

package/dist/ui/timeline-entry/timeline-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline-entry.d.ts","sourceRoot":"","sources":["../../../src/ui/timeline-entry/timeline-entry.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEjD,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACvF,KAAK,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,KAAgB,EAChB,UAAiB,EACjB,SAAgB,EAChB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,kBAAkB,2CAqBpB"}

package/dist/ui/timeline-entry/timeline-entry.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../helpers/index.js";
+function TimelineEntry({
+  title,
+  meta,
+  trailing,
+  state = "active",
+  lineBefore = true,
+  lineAfter = true,
+  children,
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn("uxm-timeline-entry", `uxm-timeline-entry--${state}`, className),
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "uxm-timeline-entry__rail", "aria-hidden": "true", children: [
+          lineBefore && /* @__PURE__ */ jsx("span", { className: "uxm-timeline-entry__line uxm-timeline-entry__line--before" }),
+          /* @__PURE__ */ jsx("span", { className: "uxm-timeline-entry__dot" }),
+          lineAfter && /* @__PURE__ */ jsx("span", { className: "uxm-timeline-entry__line uxm-timeline-entry__line--after" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "uxm-timeline-entry__content", children: [
+          /* @__PURE__ */ jsxs("div", { className: "uxm-timeline-entry__row", children: [
+            /* @__PURE__ */ jsx("span", { className: "uxm-timeline-entry__title", children: title }),
+            trailing && /* @__PURE__ */ jsx("span", { className: "uxm-timeline-entry__trailing", children: trailing })
+          ] }),
+          meta && /* @__PURE__ */ jsx("p", { className: "uxm-timeline-entry__meta", children: meta }),
+          children && /* @__PURE__ */ jsx("div", { className: "uxm-timeline-entry__body", children })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  TimelineEntry
+};
+//# sourceMappingURL=timeline-entry.js.map

package/dist/ui/timeline-entry/timeline-entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/timeline-entry/timeline-entry.tsx"],"sourcesContent":["import { cn } from '@/helpers';\n\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nexport type TimelineDotState = 'active' | 'idle';\n\nexport interface TimelineEntryProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title: ReactNode;\n  meta?: ReactNode;\n  trailing?: ReactNode;\n  state?: TimelineDotState;\n  /** Whether to render the connector line above this entry. */\n  lineBefore?: boolean;\n  /** Whether to render the connector line below this entry. */\n  lineAfter?: boolean;\n  children?: ReactNode;\n}\n\nexport function TimelineEntry({\n  title,\n  meta,\n  trailing,\n  state = 'active',\n  lineBefore = true,\n  lineAfter = true,\n  children,\n  className,\n  ...rest\n}: TimelineEntryProps) {\n  return (\n    <div\n      className={cn('uxm-timeline-entry', `uxm-timeline-entry--${state}`, className)}\n      {...rest}\n    >\n      <div className=\"uxm-timeline-entry__rail\" aria-hidden=\"true\">\n        {lineBefore && <span className=\"uxm-timeline-entry__line uxm-timeline-entry__line--before\" />}\n        <span className=\"uxm-timeline-entry__dot\" />\n        {lineAfter && <span className=\"uxm-timeline-entry__line uxm-timeline-entry__line--after\" />}\n      </div>\n      <div className=\"uxm-timeline-entry__content\">\n        <div className=\"uxm-timeline-entry__row\">\n          <span className=\"uxm-timeline-entry__title\">{title}</span>\n          {trailing && <span className=\"uxm-timeline-entry__trailing\">{trailing}</span>}\n        </div>\n        {meta && <p className=\"uxm-timeline-entry__meta\">{meta}</p>}\n        {children && <div className=\"uxm-timeline-entry__body\">{children}</div>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAkCM,SACiB,KADjB;AAlCN,SAAS,UAAU;AAkBZ,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAuB;AACrB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,sBAAsB,uBAAuB,KAAK,IAAI,SAAS;AAAA,MAC5E,GAAG;AAAA,MAEJ;AAAA,6BAAC,SAAI,WAAU,4BAA2B,eAAY,QACnD;AAAA,wBAAc,oBAAC,UAAK,WAAU,6DAA4D;AAAA,UAC3F,oBAAC,UAAK,WAAU,2BAA0B;AAAA,UACzC,aAAa,oBAAC,UAAK,WAAU,4DAA2D;AAAA,WAC3F;AAAA,QACA,qBAAC,SAAI,WAAU,+BACb;AAAA,+BAAC,SAAI,WAAU,2BACb;AAAA,gCAAC,UAAK,WAAU,6BAA6B,iBAAM;AAAA,YAClD,YAAY,oBAAC,UAAK,WAAU,gCAAgC,oBAAS;AAAA,aACxE;AAAA,UACC,QAAQ,oBAAC,OAAE,WAAU,4BAA4B,gBAAK;AAAA,UACtD,YAAY,oBAAC,SAAI,WAAU,4BAA4B,UAAS;AAAA,WACnE;AAAA;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/ui/toast/index.cjs

@@ -0,0 +1,25 @@
+"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 toast_exports = {};
+module.exports = __toCommonJS(toast_exports);
+__reExport(toast_exports, require("./toast.cjs"), module.exports);
+__reExport(toast_exports, require("./toaster.cjs"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ...require("./toast.cjs"),
+  ...require("./toaster.cjs")
+});
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/toast/index.ts"],"sourcesContent":["export * from './toast';\nexport * from './toaster';\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,0BAAc,oBAAd;AACA,0BAAc,sBADd;","names":[]}

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

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

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

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

package/dist/ui/toast/index.js

@@ -0,0 +1,3 @@
+export * from "./toast.js";
+export * from "./toaster.js";
+//# sourceMappingURL=index.js.map

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

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