@alfadocs/ui-kit-debug 1.106.0 → 1.107.0

package/dist/_chunks/stat-group-CC4-O-Fj.js

@@ -0,0 +1,97 @@
+import { jsx as g } from "react/jsx-runtime";
+import { forwardRef as S, Children as j } from "react";
+import { c as x } from "./index-D2ZczOXr.js";
+const d = 6;
+function N(a, t) {
+  const p = Math.max(1, Math.min(t, d));
+  if (a <= p) return Math.max(1, a);
+  const m = Math.ceil(a / p), l = Math.ceil(a / m);
+  for (let r = l; r >= 2; r -= 1)
+    if (a % r !== 1) return r;
+  return l;
+}
+function _(a, t) {
+  return t > 1 && a > t && a % t === 1;
+}
+const b = {
+  2: "ds:@[400px]:grid-cols-[repeat(var(--sg-t2),minmax(0,1fr))]",
+  3: "ds:@[608px]:grid-cols-[repeat(var(--sg-t3),minmax(0,1fr))]",
+  4: "ds:@[816px]:grid-cols-[repeat(var(--sg-t4),minmax(0,1fr))]",
+  5: "ds:@[1024px]:grid-cols-[repeat(var(--sg-t5),minmax(0,1fr))]",
+  6: "ds:@[1232px]:grid-cols-[repeat(var(--sg-t6),minmax(0,1fr))]"
+}, G = {
+  2: {
+    normal: "ds:@[400px]:col-span-[var(--sg-s2)]",
+    last: "ds:@[400px]:col-span-[var(--sg-l2)]"
+  },
+  3: {
+    normal: "ds:@[608px]:col-span-[var(--sg-s3)]",
+    last: "ds:@[608px]:col-span-[var(--sg-l3)]"
+  },
+  4: {
+    normal: "ds:@[816px]:col-span-[var(--sg-s4)]",
+    last: "ds:@[816px]:col-span-[var(--sg-l4)]"
+  },
+  5: {
+    normal: "ds:@[1024px]:col-span-[var(--sg-s5)]",
+    last: "ds:@[1024px]:col-span-[var(--sg-l5)]"
+  },
+  6: {
+    normal: "ds:@[1232px]:col-span-[var(--sg-s6)]",
+    last: "ds:@[1232px]:col-span-[var(--sg-l6)]"
+  }
+}, A = x("ds:@container ds:block ds:w-full ds:min-w-0"), C = x(
+  [
+    "ds:grid ds:list-none ds:m-0 ds:p-0 ds:grid-cols-1",
+    "ds:gap-[var(--spacing-md)] ds:items-stretch"
+  ].join(" ")
+), O = x("ds:flex ds:min-w-0 ds:[&>*]:w-full ds:[&>*]:min-w-0"), V = S(
+  function({ children: t, maxColumns: p = d, className: m, ...l }, r) {
+    const f = j.toArray(t), i = f.length, w = Math.min(p, d), u = [], e = {}, v = {};
+    for (let s = 2; s <= d; s += 1) {
+      const n = N(i, Math.min(s, w)), o = i > 0 ? i % n : 0, c = o === 0 ? 1 : o;
+      u.push(b[s]), e[`--sg-t${s}`] = n * c, e[`--sg-s${s}`] = c, e[`--sg-l${s}`] = o === 0 ? c : n, v[s] = o;
+    }
+    return /* @__PURE__ */ g(
+      "div",
+      {
+        ref: r,
+        "data-component": "stat-group",
+        "data-count": i,
+        role: l["aria-label"] ? "group" : void 0,
+        className: [A(), m].filter(Boolean).join(" "),
+        ...l,
+        children: /* @__PURE__ */ g(
+          "ul",
+          {
+            className: [C(), ...u].join(" "),
+            style: e,
+            children: f.map((s, n) => {
+              const o = Object.entries(G).map(([c, h]) => {
+                const M = v[Number(c)];
+                return M > 0 && n >= i - M ? h.last : h.normal;
+              }).join(" ");
+              return /* @__PURE__ */ g(
+                "li",
+                {
+                  "data-stat-group-item": "",
+                  className: [O(), o].join(" "),
+                  children: s
+                },
+                n
+              );
+            })
+          }
+        )
+      }
+    );
+  }
+);
+V.displayName = "StatGroup";
+export {
+  d as S,
+  V as a,
+  _ as b,
+  N as s
+};
+//# sourceMappingURL=stat-group-CC4-O-Fj.js.map

package/dist/_chunks/stat-group-CC4-O-Fj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-group-CC4-O-Fj.js","sources":["../../src/components/stat-group/stat-group.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\n  type CSSProperties,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva } from 'class-variance-authority';\n\n/* ------------------------------------------------------------------ */\n/* Layout maths (pure, no measuring)                                    */\n/* ------------------------------------------------------------------ */\n\n// Min tile width is 192px (4 x --spacing-2xl) and the gap is --spacing-md\n// (16px). Container queries cannot read var(), and rem in a container query\n// resolves against the host root font size (10px on the platform), so the\n// breakpoints below are literal px: n columns need n * 192 + (n - 1) * 16 px.\nexport const STAT_GROUP_MAX_COLUMNS = 6;\nexport type StatGroupColumns = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * Columns for `count` tiles when `available` columns fit: one row if they\n * all fit, otherwise balanced rows, preferring a split with no lone tile.\n */\nexport function statGroupColumns(\n  count: number,\n  available: number,\n): StatGroupColumns {\n  const fit = Math.max(1, Math.min(available, STAT_GROUP_MAX_COLUMNS));\n  if (count <= fit) return Math.max(1, count) as StatGroupColumns;\n  const rows = Math.ceil(count / fit);\n  const balanced = Math.ceil(count / rows);\n  for (let cols = balanced; cols >= 2; cols -= 1) {\n    if (count % cols !== 1) return cols as StatGroupColumns;\n  }\n  return balanced as StatGroupColumns;\n}\n\n/** True when the last row would hold a single tile at this column count. */\nexport function statGroupHasOrphan(count: number, cols: number): boolean {\n  return cols > 1 && count > cols && count % cols === 1;\n}\n\n/* ------------------------------------------------------------------ */\n/* Static class tables (Tailwind needs literal class names)              */\n/* ------------------------------------------------------------------ */\n\n// Keys are the number of columns that fit (container width in the value).\n// Each breakpoint uses a grid of equal tracks (--sg-t<fit>). A normal tile\n// spans --sg-s<fit> tracks and a tile on a short last row spans --sg-l<fit>,\n// so the short row shares the full width. See the component for the maths.\nconst LIST: Record<number, string> = {\n  2: 'ds:@[400px]:grid-cols-[repeat(var(--sg-t2),minmax(0,1fr))]',\n  3: 'ds:@[608px]:grid-cols-[repeat(var(--sg-t3),minmax(0,1fr))]',\n  4: 'ds:@[816px]:grid-cols-[repeat(var(--sg-t4),minmax(0,1fr))]',\n  5: 'ds:@[1024px]:grid-cols-[repeat(var(--sg-t5),minmax(0,1fr))]',\n  6: 'ds:@[1232px]:grid-cols-[repeat(var(--sg-t6),minmax(0,1fr))]',\n};\n\nconst SPAN: Record<number, { normal: string; last: string }> = {\n  2: {\n    normal: 'ds:@[400px]:col-span-[var(--sg-s2)]',\n    last: 'ds:@[400px]:col-span-[var(--sg-l2)]',\n  },\n  3: {\n    normal: 'ds:@[608px]:col-span-[var(--sg-s3)]',\n    last: 'ds:@[608px]:col-span-[var(--sg-l3)]',\n  },\n  4: {\n    normal: 'ds:@[816px]:col-span-[var(--sg-s4)]',\n    last: 'ds:@[816px]:col-span-[var(--sg-l4)]',\n  },\n  5: {\n    normal: 'ds:@[1024px]:col-span-[var(--sg-s5)]',\n    last: 'ds:@[1024px]:col-span-[var(--sg-l5)]',\n  },\n  6: {\n    normal: 'ds:@[1232px]:col-span-[var(--sg-s6)]',\n    last: 'ds:@[1232px]:col-span-[var(--sg-l6)]',\n  },\n};\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\n// The wrapper is the size container; the list inside is the grid.\nconst rootVariants = cva('ds:@container ds:block ds:w-full ds:min-w-0');\n\nconst listVariants = cva(\n  [\n    'ds:grid ds:list-none ds:m-0 ds:p-0 ds:grid-cols-1',\n    'ds:gap-[var(--spacing-md)] ds:items-stretch',\n  ].join(' '),\n);\n\nconst itemVariants = cva('ds:flex ds:min-w-0 ds:[&>*]:w-full ds:[&>*]:min-w-0');\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface StatGroupProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'children'\n> {\n  /** The tiles, usually `Stat`. Each child becomes one grid cell. */\n  children: ReactNode;\n  /**\n   * Most columns allowed, 1 to 6. Default 6. Lower it to keep tiles wider,\n   * for example 4 on a dense dashboard.\n   */\n  maxColumns?: StatGroupColumns;\n  /** Accessible name for the group of figures. */\n  'aria-label'?: string;\n}\n\n/* ------------------------------------------------------------------ */\n/* Component                                                            */\n/* ------------------------------------------------------------------ */\n\nexport const StatGroup = forwardRef<HTMLDivElement, StatGroupProps>(\n  function StatGroup(\n    { children, maxColumns = STAT_GROUP_MAX_COLUMNS, className, ...rest },\n    ref,\n  ) {\n    const items = Children.toArray(children);\n    const count = items.length;\n    const cap = Math.min(maxColumns, STAT_GROUP_MAX_COLUMNS);\n\n    // At each breakpoint with n columns and k tiles on a short last row, the\n    // grid has n * k equal tracks: normal tiles span k, last-row tiles span n.\n    // A span of k tracks is (W - (n - 1) * gap) / n, so full rows are unchanged.\n    const listClasses: string[] = [];\n    const listVars: Record<string, number> = {};\n    const lastRowAt: Record<number, number> = {};\n    for (let fit = 2; fit <= STAT_GROUP_MAX_COLUMNS; fit += 1) {\n      const cols = statGroupColumns(count, Math.min(fit, cap));\n      const short = count > 0 ? count % cols : 0;\n      const k = short === 0 ? 1 : short;\n      listClasses.push(LIST[fit]!);\n      listVars[`--sg-t${fit}`] = cols * k;\n      listVars[`--sg-s${fit}`] = k;\n      listVars[`--sg-l${fit}`] = short === 0 ? k : cols;\n      lastRowAt[fit] = short;\n    }\n\n    return (\n      <div\n        ref={ref}\n        data-component=\"stat-group\"\n        data-count={count}\n        role={rest['aria-label'] ? 'group' : undefined}\n        className={[rootVariants(), className].filter(Boolean).join(' ')}\n        {...rest}\n      >\n        <ul\n          className={[listVariants(), ...listClasses].join(' ')}\n          // Inline style: permitted per 23-constraints §Runtime-computed dimensions\n          //   (CSS custom property setter; the track rules live in classes).\n          // eslint-disable-next-line react/forbid-dom-props -- per-breakpoint track counts as CSS variables\n          style={listVars as CSSProperties}\n        >\n          {items.map((child, index) => {\n            const spans = Object.entries(SPAN)\n              .map(([fit, s]) => {\n                const short = lastRowAt[Number(fit)]!;\n                return short > 0 && index >= count - short ? s.last : s.normal;\n              })\n              .join(' ');\n            return (\n              <li\n                key={index}\n                data-stat-group-item=\"\"\n                className={[itemVariants(), spans].join(' ')}\n              >\n                {child}\n              </li>\n            );\n          })}\n        </ul>\n      </div>\n    );\n  },\n);\n\nStatGroup.displayName = 'StatGroup';\n"],"names":["STAT_GROUP_MAX_COLUMNS","statGroupColumns","count","available","fit","rows","balanced","cols","statGroupHasOrphan","LIST","SPAN","rootVariants","cva","listVariants","itemVariants","StatGroup","forwardRef","children","maxColumns","className","rest","ref","items","Children","cap","listClasses","listVars","lastRowAt","short","k","jsx","child","index","spans","s"],"mappings":"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"}

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "1.106.0",
+  "packageVersion": "1.107.0",
   "components": [
     {
       "kind": "component",

package/dist/components/stat-group/index.js

@@ -1,4 +1,4 @@
-import { S as t, a as o, s as r, b as p } from "../../_chunks/stat-group-DSNnzkbW.js";
+import { S as t, a as o, s as r, b as p } from "../../_chunks/stat-group-CC4-O-Fj.js";
 export {
   t as STAT_GROUP_MAX_COLUMNS,
   o as StatGroup,

package/dist/components/stat-group/stat-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat-group.d.ts","sourceRoot":"","sources":["../../../src/components/stat-group/stat-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAErD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,gBAAgB,CASlB;AAED,4EAA4E;AAC5E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAEvE;AA+ED,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,SAAS,2GAgDrB,CAAC"}
+{"version":3,"file":"stat-group.d.ts","sourceRoot":"","sources":["../../../src/components/stat-group/stat-group.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAWf,eAAO,MAAM,sBAAsB,IAAI,CAAC;AACxC,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAErD;;;GAGG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,SAAS,EAAE,MAAM,GAChB,gBAAgB,CASlB;AAED,4EAA4E;AAC5E,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAEvE;AA6DD,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,cAAc,CAAC,cAAc,CAAC,EAC9B,UAAU,CACX;IACC,mEAAmE;IACnE,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAMD,eAAO,MAAM,SAAS,2GA+DrB,CAAC"}