@alfadocs/ui-kit-debug 1.106.0 → 1.107.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "1.106.0",
+  "version": "1.107.0",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

package/dist/_chunks/stat-group-DSNnzkbW.js

@@ -1,107 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { forwardRef as S, Children as j } from "react";
-import { c as e } from "./index-D2ZczOXr.js";
-const a = 6;
-function w(s, o) {
-  const t = Math.max(1, Math.min(o, a));
-  if (s <= t) return Math.max(1, s);
-  const n = Math.ceil(s / t), r = Math.ceil(s / n);
-  for (let l = r; l >= 2; l -= 1)
-    if (s % l !== 1) return l;
-  return r;
-}
-function N(s, o) {
-  return o > 1 && s > o && s % o === 1;
-}
-const b = {
-  2: {
-    1: "ds:@[400px]:grid-cols-1",
-    2: "ds:@[400px]:grid-cols-2",
-    3: "ds:@[400px]:grid-cols-3",
-    4: "ds:@[400px]:grid-cols-4",
-    5: "ds:@[400px]:grid-cols-5",
-    6: "ds:@[400px]:grid-cols-6"
-  },
-  3: {
-    1: "ds:@[608px]:grid-cols-1",
-    2: "ds:@[608px]:grid-cols-2",
-    3: "ds:@[608px]:grid-cols-3",
-    4: "ds:@[608px]:grid-cols-4",
-    5: "ds:@[608px]:grid-cols-5",
-    6: "ds:@[608px]:grid-cols-6"
-  },
-  4: {
-    1: "ds:@[816px]:grid-cols-1",
-    2: "ds:@[816px]:grid-cols-2",
-    3: "ds:@[816px]:grid-cols-3",
-    4: "ds:@[816px]:grid-cols-4",
-    5: "ds:@[816px]:grid-cols-5",
-    6: "ds:@[816px]:grid-cols-6"
-  },
-  5: {
-    1: "ds:@[1024px]:grid-cols-1",
-    2: "ds:@[1024px]:grid-cols-2",
-    3: "ds:@[1024px]:grid-cols-3",
-    4: "ds:@[1024px]:grid-cols-4",
-    5: "ds:@[1024px]:grid-cols-5",
-    6: "ds:@[1024px]:grid-cols-6"
-  },
-  6: {
-    1: "ds:@[1232px]:grid-cols-1",
-    2: "ds:@[1232px]:grid-cols-2",
-    3: "ds:@[1232px]:grid-cols-3",
-    4: "ds:@[1232px]:grid-cols-4",
-    5: "ds:@[1232px]:grid-cols-5",
-    6: "ds:@[1232px]:grid-cols-6"
-  }
-}, G = {
-  2: { full: "ds:@[400px]:col-span-full", one: "ds:@[400px]:col-span-1" },
-  3: { full: "ds:@[608px]:col-span-full", one: "ds:@[608px]:col-span-1" },
-  4: { full: "ds:@[816px]:col-span-full", one: "ds:@[816px]:col-span-1" },
-  5: { full: "ds:@[1024px]:col-span-full", one: "ds:@[1024px]:col-span-1" },
-  6: { full: "ds:@[1232px]:col-span-full", one: "ds:@[1232px]:col-span-1" }
-}, A = e("ds:@container ds:block ds:w-full ds:min-w-0"), C = e(
-  [
-    "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 = e("ds:flex ds:min-w-0 ds:[&>*]:w-full ds:[&>*]:min-w-0"), v = S(
-  function({ children: o, maxColumns: t = a, className: n, ...r }, l) {
-    const x = j.toArray(o), c = x.length, m = Math.min(t, a), g = [], u = {};
-    for (let d = 2; d <= a; d += 1) {
-      const i = w(c, Math.min(d, m));
-      g.push(b[d][i]), u[d] = N(c, i);
-    }
-    return /* @__PURE__ */ p(
-      "div",
-      {
-        ref: l,
-        "data-component": "stat-group",
-        "data-count": c,
-        role: r["aria-label"] ? "group" : void 0,
-        className: [A(), n].filter(Boolean).join(" "),
-        ...r,
-        children: /* @__PURE__ */ p("ul", { className: [C(), ...g].join(" "), children: x.map((d, i) => {
-          const h = i === c - 1 ? Object.entries(G).map(([M, f]) => u[Number(M)] ? f.full : f.one).join(" ") : "";
-          return /* @__PURE__ */ p(
-            "li",
-            {
-              "data-stat-group-item": "",
-              className: [O(), h].filter(Boolean).join(" "),
-              children: d
-            },
-            i
-          );
-        }) })
-      }
-    );
-  }
-);
-v.displayName = "StatGroup";
-export {
-  a as S,
-  v as a,
-  N as b,
-  w as s
-};
-//# sourceMappingURL=stat-group-DSNnzkbW.js.map

package/dist/_chunks/stat-group-DSNnzkbW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-group-DSNnzkbW.js","sources":["../../src/components/stat-group/stat-group.tsx"],"sourcesContent":["import {\n  Children,\n  forwardRef,\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).\nconst COLS: Record<number, Record<StatGroupColumns, string>> = {\n  2: {\n    1: 'ds:@[400px]:grid-cols-1',\n    2: 'ds:@[400px]:grid-cols-2',\n    3: 'ds:@[400px]:grid-cols-3',\n    4: 'ds:@[400px]:grid-cols-4',\n    5: 'ds:@[400px]:grid-cols-5',\n    6: 'ds:@[400px]:grid-cols-6',\n  },\n  3: {\n    1: 'ds:@[608px]:grid-cols-1',\n    2: 'ds:@[608px]:grid-cols-2',\n    3: 'ds:@[608px]:grid-cols-3',\n    4: 'ds:@[608px]:grid-cols-4',\n    5: 'ds:@[608px]:grid-cols-5',\n    6: 'ds:@[608px]:grid-cols-6',\n  },\n  4: {\n    1: 'ds:@[816px]:grid-cols-1',\n    2: 'ds:@[816px]:grid-cols-2',\n    3: 'ds:@[816px]:grid-cols-3',\n    4: 'ds:@[816px]:grid-cols-4',\n    5: 'ds:@[816px]:grid-cols-5',\n    6: 'ds:@[816px]:grid-cols-6',\n  },\n  5: {\n    1: 'ds:@[1024px]:grid-cols-1',\n    2: 'ds:@[1024px]:grid-cols-2',\n    3: 'ds:@[1024px]:grid-cols-3',\n    4: 'ds:@[1024px]:grid-cols-4',\n    5: 'ds:@[1024px]:grid-cols-5',\n    6: 'ds:@[1024px]:grid-cols-6',\n  },\n  6: {\n    1: 'ds:@[1232px]:grid-cols-1',\n    2: 'ds:@[1232px]:grid-cols-2',\n    3: 'ds:@[1232px]:grid-cols-3',\n    4: 'ds:@[1232px]:grid-cols-4',\n    5: 'ds:@[1232px]:grid-cols-5',\n    6: 'ds:@[1232px]:grid-cols-6',\n  },\n};\n\n// A lone last tile spans the row when no column count can avoid it.\nconst SPAN: Record<number, { full: string; one: string }> = {\n  2: { full: 'ds:@[400px]:col-span-full', one: 'ds:@[400px]:col-span-1' },\n  3: { full: 'ds:@[608px]:col-span-full', one: 'ds:@[608px]:col-span-1' },\n  4: { full: 'ds:@[816px]:col-span-full', one: 'ds:@[816px]:col-span-1' },\n  5: { full: 'ds:@[1024px]:col-span-full', one: 'ds:@[1024px]:col-span-1' },\n  6: { full: 'ds:@[1232px]:col-span-full', one: 'ds:@[1232px]:col-span-1' },\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    const listClasses: string[] = [];\n    const orphanAt: Record<number, boolean> = {};\n    for (let fit = 2; fit <= STAT_GROUP_MAX_COLUMNS; fit += 1) {\n      const cols = statGroupColumns(count, Math.min(fit, cap));\n      listClasses.push(COLS[fit]![cols]);\n      orphanAt[fit] = statGroupHasOrphan(count, cols);\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 className={[listVariants(), ...listClasses].join(' ')}>\n          {items.map((child, index) => {\n            const isLast = index === count - 1;\n            const spans = isLast\n              ? Object.entries(SPAN)\n                  .map(([fit, s]) => (orphanAt[Number(fit)] ? s.full : s.one))\n                  .join(' ')\n              : '';\n            return (\n              <li\n                key={index}\n                data-stat-group-item=\"\"\n                className={[itemVariants(), spans].filter(Boolean).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","COLS","SPAN","rootVariants","cva","listVariants","itemVariants","StatGroup","forwardRef","children","maxColumns","className","rest","ref","items","Children","cap","listClasses","orphanAt","jsx","child","index","spans","s"],"mappings":"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"}