@ai-matrx/design-system 0.86.349 → 0.86.351

package/dist/lite-table.js

@@ -17,7 +17,7 @@ import {
 } from "./chunk-WFBPCMPF.js";
 import {
   Button
-} from "./chunk-XTP6HOB6.js";
+} from "./chunk-6XNYYROM.js";
 import "./chunk-BD77DHUO.js";
 import "./chunk-BKCJUFD3.js";
 import "./chunk-X6ZRHJQP.js";

package/dist/notice-stack.cjs

@@ -0,0 +1,70 @@
+"use client";
+"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);
+
+// src/notice-stack.ts
+var notice_stack_exports = {};
+__export(notice_stack_exports, {
+  NOTICE_STACK: () => NOTICE_STACK,
+  collapseNotices: () => collapseNotices,
+  noticeKey: () => noticeKey,
+  noticeLifetimeMs: () => noticeLifetimeMs,
+  visibleNotices: () => visibleNotices
+});
+module.exports = __toCommonJS(notice_stack_exports);
+var NOTICE_STACK = {
+  /** The corner every notice floats in. */
+  corner: "top-right",
+  /** Cards shown at once; the rest fold into "N more". */
+  maxVisible: 3,
+  /** Info and success: gone after this long. */
+  infoMs: 4e3,
+  /** Errors and warnings: stay until dismissed, or this long at most. */
+  errorMs: 3e4,
+  /** The card's width: small, never the window's. */
+  widthRem: 22
+};
+function noticeKey(tone, title, message) {
+  const text = (v) => typeof v === "string" || typeof v === "number" ? String(v).trim() : "";
+  return `${tone}\0${text(title)}\0${text(message)}`;
+}
+function collapseNotices(items, keyOf) {
+  const groups = [];
+  const byKey = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    const key = keyOf(item);
+    const found = key !== null ? byKey.get(key) : void 0;
+    if (found) {
+      found.members.push(item);
+      continue;
+    }
+    const group = { key, members: [item] };
+    groups.push(group);
+    if (key !== null) byKey.set(key, group);
+  }
+  return groups.map((g) => ({ item: g.members[g.members.length - 1], members: g.members, count: g.members.length }));
+}
+function visibleNotices(groups, max = NOTICE_STACK.maxVisible) {
+  if (groups.length <= max) return { shown: [...groups], folded: 0 };
+  return { shown: groups.slice(groups.length - max), folded: groups.length - max };
+}
+function noticeLifetimeMs(tone) {
+  return tone === "danger" || tone === "warning" || tone === "error" ? NOTICE_STACK.errorMs : NOTICE_STACK.infoMs;
+}
+//# sourceMappingURL=notice-stack.cjs.map

package/dist/notice-stack.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/notice-stack.ts"],"sourcesContent":["/**\n * @ai-matrx/design-system/notice-stack — THE ONE NOTICE LOOK AND STACK RULE, for the web and Matrx 2.\n *\n * Arman, 2026-10-23, looking at two full-width red bars across Matrx 2 Cloud Chat: \"Let's eliminate\n * this terrible pattern of having giant errors that shit the entire ui. If we're going to have a\n * place for errors, it should be a small something that resembles errors from a normal macos\".\n *\n * Champion: the macOS notification banner. A small rounded card of translucent material in the\n * window's TOP-RIGHT corner (where macOS puts every notification, so the eye already looks there;\n * the bottom of our windows holds the composer and the list's foot, which a notice must not sit on),\n * the tone's icon, a one-line title, an optional second line, at most one action, and ×.\n *\n * The stack rule, the same on both hosts:\n *   - identical notices (same tone, title and line) collapse into ONE card with a count;\n *   - at most 3 cards show; the rest fold into \"N more\";\n *   - info and success go after NOTICE_STACK.infoMs; errors and warnings stay until dismissed\n *     or until NOTICE_STACK.errorMs (long, so a notice nobody saw does not sit there for ever).\n *\n * The desktop renders it through `Notices` + `Banner` (desktop/layout.tsx, desktop/state.tsx); the\n * web through its one sonner Toaster (matrx-frontend components/ui/sonner.tsx), which reads these\n * constants and keys every toast with `noticeKey` so the same notice never stacks twice.\n */\n\nexport const NOTICE_STACK = {\n  /** The corner every notice floats in. */\n  corner: \"top-right\",\n  /** Cards shown at once; the rest fold into \"N more\". */\n  maxVisible: 3,\n  /** Info and success: gone after this long. */\n  infoMs: 4000,\n  /** Errors and warnings: stay until dismissed, or this long at most. */\n  errorMs: 30000,\n  /** The card's width: small, never the window's. */\n  widthRem: 22,\n} as const;\n\nexport type NoticeStackTone = \"neutral\" | \"info\" | \"warning\" | \"danger\" | \"success\";\n\n/** The identity two notices share when they say the same thing (tone, title, line). */\nexport function noticeKey(tone: string, title: unknown, message?: unknown): string {\n  const text = (v: unknown): string => (typeof v === \"string\" || typeof v === \"number\" ? String(v).trim() : \"\");\n  return `${tone}\\u0000${text(title)}\\u0000${text(message)}`;\n}\n\nexport interface CollapsedNotice<T> {\n  /** The latest notice of the group (its dismiss and action are the live ones). */\n  readonly item: T;\n  /** Every notice the group holds, oldest first. */\n  readonly members: readonly T[];\n  /** How many identical notices it stands for. */\n  readonly count: number;\n}\n\n/**\n * Identical notices become one with a count, in the order each first appeared. A notice whose key\n * is null (a rich one that says nothing comparable) stands alone.\n */\nexport function collapseNotices<T>(items: readonly T[], keyOf: (item: T) => string | null): CollapsedNotice<T>[] {\n  const groups: { key: string | null; members: T[] }[] = [];\n  const byKey = new Map<string, { key: string | null; members: T[] }>();\n  for (const item of items) {\n    const key = keyOf(item);\n    const found = key !== null ? byKey.get(key) : undefined;\n    if (found) {\n      found.members.push(item);\n      continue;\n    }\n    const group = { key, members: [item] };\n    groups.push(group);\n    if (key !== null) byKey.set(key, group);\n  }\n  return groups.map((g) => ({ item: g.members[g.members.length - 1] as T, members: g.members, count: g.members.length }));\n}\n\n/** The cards on screen and how many fold away (the newest show). */\nexport function visibleNotices<T>(groups: readonly T[], max: number = NOTICE_STACK.maxVisible): { shown: T[]; folded: number } {\n  if (groups.length <= max) return { shown: [...groups], folded: 0 };\n  return { shown: groups.slice(groups.length - max), folded: groups.length - max };\n}\n\n/** How long a notice of this tone stays (ms; Infinity never happens: errors cap at errorMs). */\nexport function noticeLifetimeMs(tone: NoticeStackTone | \"error\"): number {\n  return tone === \"danger\" || tone === \"warning\" || tone === \"error\" ? NOTICE_STACK.errorMs : NOTICE_STACK.infoMs;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBO,IAAM,eAAe;AAAA;AAAA,EAE1B,QAAQ;AAAA;AAAA,EAER,YAAY;AAAA;AAAA,EAEZ,QAAQ;AAAA;AAAA,EAER,SAAS;AAAA;AAAA,EAET,UAAU;AACZ;AAKO,SAAS,UAAU,MAAc,OAAgB,SAA2B;AACjF,QAAM,OAAO,CAAC,MAAwB,OAAO,MAAM,YAAY,OAAO,MAAM,WAAW,OAAO,CAAC,EAAE,KAAK,IAAI;AAC1G,SAAO,GAAG,IAAI,KAAS,KAAK,KAAK,CAAC,KAAS,KAAK,OAAO,CAAC;AAC1D;AAeO,SAAS,gBAAmB,OAAqB,OAAyD;AAC/G,QAAM,SAAiD,CAAC;AACxD,QAAM,QAAQ,oBAAI,IAAkD;AACpE,aAAW,QAAQ,OAAO;AACxB,UAAM,MAAM,MAAM,IAAI;AACtB,UAAM,QAAQ,QAAQ,OAAO,MAAM,IAAI,GAAG,IAAI;AAC9C,QAAI,OAAO;AACT,YAAM,QAAQ,KAAK,IAAI;AACvB;AAAA,IACF;AACA,UAAM,QAAQ,EAAE,KAAK,SAAS,CAAC,IAAI,EAAE;AACrC,WAAO,KAAK,KAAK;AACjB,QAAI,QAAQ,KAAM,OAAM,IAAI,KAAK,KAAK;AAAA,EACxC;AACA,SAAO,OAAO,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,SAAS,CAAC,GAAQ,SAAS,EAAE,SAAS,OAAO,EAAE,QAAQ,OAAO,EAAE;AACxH;AAGO,SAAS,eAAkB,QAAsB,MAAc,aAAa,YAA4C;AAC7H,MAAI,OAAO,UAAU,IAAK,QAAO,EAAE,OAAO,CAAC,GAAG,MAAM,GAAG,QAAQ,EAAE;AACjE,SAAO,EAAE,OAAO,OAAO,MAAM,OAAO,SAAS,GAAG,GAAG,QAAQ,OAAO,SAAS,IAAI;AACjF;AAGO,SAAS,iBAAiB,MAAyC;AACxE,SAAO,SAAS,YAAY,SAAS,aAAa,SAAS,UAAU,aAAa,UAAU,aAAa;AAC3G;","names":[]}

package/dist/notice-stack.d.cts

@@ -0,0 +1,60 @@
+/**
+ * @ai-matrx/design-system/notice-stack — THE ONE NOTICE LOOK AND STACK RULE, for the web and Matrx 2.
+ *
+ * Arman, 2026-10-23, looking at two full-width red bars across Matrx 2 Cloud Chat: "Let's eliminate
+ * this terrible pattern of having giant errors that shit the entire ui. If we're going to have a
+ * place for errors, it should be a small something that resembles errors from a normal macos".
+ *
+ * Champion: the macOS notification banner. A small rounded card of translucent material in the
+ * window's TOP-RIGHT corner (where macOS puts every notification, so the eye already looks there;
+ * the bottom of our windows holds the composer and the list's foot, which a notice must not sit on),
+ * the tone's icon, a one-line title, an optional second line, at most one action, and ×.
+ *
+ * The stack rule, the same on both hosts:
+ *   - identical notices (same tone, title and line) collapse into ONE card with a count;
+ *   - at most 3 cards show; the rest fold into "N more";
+ *   - info and success go after NOTICE_STACK.infoMs; errors and warnings stay until dismissed
+ *     or until NOTICE_STACK.errorMs (long, so a notice nobody saw does not sit there for ever).
+ *
+ * The desktop renders it through `Notices` + `Banner` (desktop/layout.tsx, desktop/state.tsx); the
+ * web through its one sonner Toaster (matrx-frontend components/ui/sonner.tsx), which reads these
+ * constants and keys every toast with `noticeKey` so the same notice never stacks twice.
+ */
+declare const NOTICE_STACK: {
+    /** The corner every notice floats in. */
+    readonly corner: "top-right";
+    /** Cards shown at once; the rest fold into "N more". */
+    readonly maxVisible: 3;
+    /** Info and success: gone after this long. */
+    readonly infoMs: 4000;
+    /** Errors and warnings: stay until dismissed, or this long at most. */
+    readonly errorMs: 30000;
+    /** The card's width: small, never the window's. */
+    readonly widthRem: 22;
+};
+type NoticeStackTone = "neutral" | "info" | "warning" | "danger" | "success";
+/** The identity two notices share when they say the same thing (tone, title, line). */
+declare function noticeKey(tone: string, title: unknown, message?: unknown): string;
+interface CollapsedNotice<T> {
+    /** The latest notice of the group (its dismiss and action are the live ones). */
+    readonly item: T;
+    /** Every notice the group holds, oldest first. */
+    readonly members: readonly T[];
+    /** How many identical notices it stands for. */
+    readonly count: number;
+}
+/**
+ * Identical notices become one with a count, in the order each first appeared. A notice whose key
+ * is null (a rich one that says nothing comparable) stands alone.
+ */
+declare function collapseNotices<T>(items: readonly T[], keyOf: (item: T) => string | null): CollapsedNotice<T>[];
+/** The cards on screen and how many fold away (the newest show). */
+declare function visibleNotices<T>(groups: readonly T[], max?: number): {
+    shown: T[];
+    folded: number;
+};
+/** How long a notice of this tone stays (ms; Infinity never happens: errors cap at errorMs). */
+declare function noticeLifetimeMs(tone: NoticeStackTone | "error"): number;
+
+export { NOTICE_STACK, collapseNotices, noticeKey, noticeLifetimeMs, visibleNotices };
+export type { CollapsedNotice, NoticeStackTone };

package/dist/notice-stack.d.ts

@@ -0,0 +1,60 @@
+/**
+ * @ai-matrx/design-system/notice-stack — THE ONE NOTICE LOOK AND STACK RULE, for the web and Matrx 2.
+ *
+ * Arman, 2026-10-23, looking at two full-width red bars across Matrx 2 Cloud Chat: "Let's eliminate
+ * this terrible pattern of having giant errors that shit the entire ui. If we're going to have a
+ * place for errors, it should be a small something that resembles errors from a normal macos".
+ *
+ * Champion: the macOS notification banner. A small rounded card of translucent material in the
+ * window's TOP-RIGHT corner (where macOS puts every notification, so the eye already looks there;
+ * the bottom of our windows holds the composer and the list's foot, which a notice must not sit on),
+ * the tone's icon, a one-line title, an optional second line, at most one action, and ×.
+ *
+ * The stack rule, the same on both hosts:
+ *   - identical notices (same tone, title and line) collapse into ONE card with a count;
+ *   - at most 3 cards show; the rest fold into "N more";
+ *   - info and success go after NOTICE_STACK.infoMs; errors and warnings stay until dismissed
+ *     or until NOTICE_STACK.errorMs (long, so a notice nobody saw does not sit there for ever).
+ *
+ * The desktop renders it through `Notices` + `Banner` (desktop/layout.tsx, desktop/state.tsx); the
+ * web through its one sonner Toaster (matrx-frontend components/ui/sonner.tsx), which reads these
+ * constants and keys every toast with `noticeKey` so the same notice never stacks twice.
+ */
+declare const NOTICE_STACK: {
+    /** The corner every notice floats in. */
+    readonly corner: "top-right";
+    /** Cards shown at once; the rest fold into "N more". */
+    readonly maxVisible: 3;
+    /** Info and success: gone after this long. */
+    readonly infoMs: 4000;
+    /** Errors and warnings: stay until dismissed, or this long at most. */
+    readonly errorMs: 30000;
+    /** The card's width: small, never the window's. */
+    readonly widthRem: 22;
+};
+type NoticeStackTone = "neutral" | "info" | "warning" | "danger" | "success";
+/** The identity two notices share when they say the same thing (tone, title, line). */
+declare function noticeKey(tone: string, title: unknown, message?: unknown): string;
+interface CollapsedNotice<T> {
+    /** The latest notice of the group (its dismiss and action are the live ones). */
+    readonly item: T;
+    /** Every notice the group holds, oldest first. */
+    readonly members: readonly T[];
+    /** How many identical notices it stands for. */
+    readonly count: number;
+}
+/**
+ * Identical notices become one with a count, in the order each first appeared. A notice whose key
+ * is null (a rich one that says nothing comparable) stands alone.
+ */
+declare function collapseNotices<T>(items: readonly T[], keyOf: (item: T) => string | null): CollapsedNotice<T>[];
+/** The cards on screen and how many fold away (the newest show). */
+declare function visibleNotices<T>(groups: readonly T[], max?: number): {
+    shown: T[];
+    folded: number;
+};
+/** How long a notice of this tone stays (ms; Infinity never happens: errors cap at errorMs). */
+declare function noticeLifetimeMs(tone: NoticeStackTone | "error"): number;
+
+export { NOTICE_STACK, collapseNotices, noticeKey, noticeLifetimeMs, visibleNotices };
+export type { CollapsedNotice, NoticeStackTone };

package/dist/notice-stack.js

@@ -0,0 +1,16 @@
+"use client";
+import {
+  NOTICE_STACK,
+  collapseNotices,
+  noticeKey,
+  noticeLifetimeMs,
+  visibleNotices
+} from "./chunk-4WSXAP24.js";
+export {
+  NOTICE_STACK,
+  collapseNotices,
+  noticeKey,
+  noticeLifetimeMs,
+  visibleNotices
+};
+//# sourceMappingURL=notice-stack.js.map

package/dist/notice-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}