@alfadocs/ui-kit-debug 1.67.0 → 1.68.0

package/dist/_chunks/skeleton-tTWJpvAq.js

@@ -0,0 +1,415 @@
+import { jsx as e, jsxs as x } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import { a as o, c as y } from "./index-D2ZczOXr.js";
+const A = [
+  "ds:bg-[var(--muted)]",
+  "ds:motion-reduce:animate-none",
+  "ds:forced-colors:bg-[GrayText]",
+  "ds:forced-colors:outline",
+  "ds:forced-colors:outline-1",
+  "ds:forced-colors:outline-[CanvasText]",
+  "ds:forced-colors:animate-none"
+].join(" "), H = y(A, {
+  variants: {
+    variant: {
+      text: "ds:rounded-[var(--radius-sm)] ds:w-full",
+      circular: "ds:rounded-[var(--radius-full)] ds:aspect-square ds:shrink-0",
+      rectangular: "ds:rounded-none",
+      rounded: "ds:rounded-[var(--radius-md)]"
+    },
+    size: {
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  compoundVariants: [
+    { variant: "text", size: "sm", class: "ds:h-3" },
+    { variant: "text", size: "md", class: "ds:h-4" },
+    { variant: "text", size: "lg", class: "ds:h-5" },
+    { variant: "circular", size: "sm", class: "ds:h-8 ds:w-8" },
+    { variant: "circular", size: "md", class: "ds:h-10 ds:w-10" },
+    { variant: "circular", size: "lg", class: "ds:h-12 ds:w-12" },
+    { variant: "rectangular", size: "sm", class: "ds:h-16" },
+    { variant: "rectangular", size: "md", class: "ds:h-24" },
+    { variant: "rectangular", size: "lg", class: "ds:h-40" },
+    { variant: "rounded", size: "sm", class: "ds:h-16" },
+    { variant: "rounded", size: "md", class: "ds:h-24" },
+    { variant: "rounded", size: "lg", class: "ds:h-40" }
+  ],
+  defaultVariants: {
+    variant: "text",
+    size: "md"
+  }
+}), T = "ds:animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite]", C = [
+  "",
+  "ds:[animation-delay:calc(var(--animation-duration)*0.6)]",
+  "ds:[animation-delay:calc(var(--animation-duration)*1.2)]",
+  "ds:[animation-delay:calc(var(--animation-duration)*1.8)]",
+  "ds:[animation-delay:calc(var(--animation-duration)*2.4)]",
+  "ds:[animation-delay:calc(var(--animation-duration)*3)]"
+], b = (s) => s === void 0 ? "" : C[Math.abs(Math.trunc(s)) % C.length] ?? "", $ = "ds:animate-[content-enter_var(--animation-duration)_var(--ease-out)] ds:motion-reduce:animate-none", L = g(
+  ({
+    variant: s = "text",
+    size: a = "md",
+    lines: r,
+    width: d,
+    height: c,
+    animate: l = !0,
+    stagger: i,
+    className: n,
+    ...m
+  }, t) => {
+    const u = d !== void 0 || c !== void 0 ? {
+      ...d !== void 0 && { width: d },
+      ...c !== void 0 && { height: c }
+    } : void 0, w = [
+      H({ variant: s, size: a }),
+      l && T
+    ].filter(Boolean).join(" ");
+    return r !== void 0 && r > 1 ? /* @__PURE__ */ e(
+      "div",
+      {
+        ref: t,
+        "aria-hidden": "true",
+        "data-component": "skeleton",
+        className: [
+          "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
+          n
+        ].filter(Boolean).join(" "),
+        style: u,
+        ...m,
+        children: Array.from({ length: r }, (k, N) => /* @__PURE__ */ e(
+          "div",
+          {
+            "aria-hidden": "true",
+            className: [
+              w,
+              l && i !== void 0 && b(i + N),
+              N === r - 1 && "ds:w-3/5"
+            ].filter(Boolean).join(" ")
+          },
+          `skeleton-line-${N}`
+        ))
+      }
+    ) : /* @__PURE__ */ e(
+      "div",
+      {
+        ref: t,
+        "aria-hidden": "true",
+        "data-component": "skeleton",
+        className: [w, l && b(i), n].filter(Boolean).join(" "),
+        style: u,
+        ...m
+      }
+    );
+  }
+);
+L.displayName = "Skeleton";
+const F = y(
+  "ds:flex ds:size-full ds:min-h-0 ds:min-w-0 ds:flex-col ds:overflow-hidden",
+  {
+    variants: {
+      preset: {
+        figure: "ds:gap-[var(--spacing-sm)]",
+        "line-chart": "ds:gap-[var(--spacing-xs)]",
+        "bar-chart": "ds:gap-[var(--spacing-xs)]",
+        table: "ds:gap-[var(--spacing-sm)]",
+        heatmap: "",
+        list: "ds:gap-[var(--spacing-sm)]"
+      }
+    }
+  }
+), h = y(A, {
+  variants: {
+    shape: {
+      // One line of text: a label, a cell, an axis tick.
+      line: "ds:h-3 ds:rounded-[var(--radius-sm)]",
+      // The headline number of a figure widget.
+      figure: "ds:h-8 ds:rounded-[var(--radius-md)]",
+      // A list row's leading marker.
+      dot: "ds:size-6 ds:shrink-0 ds:rounded-[var(--radius-full)]",
+      // One heat-map cell: stretches with its grid track.
+      cell: "ds:min-h-3 ds:rounded-[var(--radius-sm)]"
+    }
+  }
+}), z = [
+  "ds:relative ds:min-h-16 ds:flex-1",
+  "ds:border-solid ds:border-[color:var(--muted)]",
+  "ds:border-s-[length:var(--border-width-md)] ds:border-b-[length:var(--border-width-md)]",
+  "ds:forced-colors:border-[GrayText]",
+  // It pulses in the line chart: still under reduced motion and in
+  // forced colours, like every other shape.
+  "ds:motion-reduce:animate-none ds:forced-colors:animate-none"
+].join(" "), j = [
+  "ds:absolute ds:inset-0 ds:size-full ds:overflow-visible",
+  "ds:text-[var(--muted)] ds:forced-colors:text-[GrayText]",
+  // The series starts at the inline-start axis in both directions.
+  "ds:rtl:-scale-x-100"
+].join(" "), R = "ds:motion-reduce:animate-none ds:forced-colors:animate-none", S = [
+  "ds:w-3/5",
+  "ds:w-2/5",
+  "ds:w-4/5",
+  "ds:w-1/2",
+  "ds:w-3/4"
+], _ = [18, 28, 22, 34, 14, 26, 30], D = [
+  "ds:grid-cols-1",
+  "ds:grid-cols-2",
+  "ds:grid-cols-3",
+  "ds:grid-cols-4",
+  "ds:grid-cols-5",
+  "ds:grid-cols-6",
+  "ds:grid-cols-7",
+  "ds:grid-cols-8",
+  "ds:grid-cols-9",
+  "ds:grid-cols-10",
+  "ds:grid-cols-11",
+  "ds:grid-cols-12"
+], P = [
+  "ds:grid-rows-1",
+  "ds:grid-rows-2",
+  "ds:grid-rows-3",
+  "ds:grid-rows-4",
+  "ds:grid-rows-5",
+  "ds:grid-rows-6",
+  "ds:grid-rows-7",
+  "ds:grid-rows-8",
+  "ds:grid-rows-9",
+  "ds:grid-rows-10",
+  "ds:grid-rows-11",
+  "ds:grid-rows-12"
+];
+function p(s, a, r, d) {
+  return s === void 0 || !Number.isFinite(s) ? a : Math.min(d, Math.max(r, Math.trunc(s)));
+}
+function v(s, a) {
+  return s ? o(T, b(a)) : "";
+}
+function f(s, a) {
+  return {
+    "aria-hidden": !0,
+    "data-component": "skeleton",
+    "data-preset": s,
+    className: o(F({ preset: s }), a)
+  };
+}
+const B = g(
+  ({ animate: s = !0, className: a, ...r }, d) => /* @__PURE__ */ x("div", { ref: d, ...f("figure", a), ...r, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: o(
+          h({ shape: "line" }),
+          "ds:w-2/5",
+          v(s, 0)
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: o(
+          h({ shape: "figure" }),
+          "ds:w-3/5",
+          v(s, 1)
+        )
+      }
+    )
+  ] })
+);
+B.displayName = "Skeleton.Figure";
+function G({ animate: s, step: a }) {
+  return /* @__PURE__ */ e("div", { className: "ds:flex ds:shrink-0 ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)]", children: [0, 1, 2, 3].map((r) => /* @__PURE__ */ e(
+    "div",
+    {
+      className: o(
+        h({ shape: "line" }),
+        "ds:w-8",
+        v(s, a + r)
+      )
+    },
+    r
+  )) });
+}
+const E = g(
+  ({ animate: s = !0, className: a, ...r }, d) => /* @__PURE__ */ x("div", { ref: d, ...f("line-chart", a), ...r, children: [
+    /* @__PURE__ */ e("div", { className: o(z, v(s, 0)), children: /* @__PURE__ */ e(
+      "svg",
+      {
+        viewBox: "0 0 100 40",
+        preserveAspectRatio: "none",
+        focusable: "false",
+        className: j,
+        children: /* @__PURE__ */ e(
+          "polyline",
+          {
+            points: "0,32 14,26 28,29 42,19 56,23 70,13 84,16 100,7",
+            fill: "none",
+            stroke: "currentColor",
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            vectorEffect: "non-scaling-stroke",
+            className: o(
+              "ds:[stroke-width:var(--border-width-lg)]",
+              R
+            )
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e(G, { animate: s, step: 1 })
+  ] })
+);
+E.displayName = "Skeleton.LineChart";
+const M = g(
+  ({ animate: s = !0, bars: a, className: r, ...d }, c) => {
+    const l = p(a, 6, 2, 12), i = 100 / l;
+    return /* @__PURE__ */ x("div", { ref: c, ...f("bar-chart", r), ...d, children: [
+      /* @__PURE__ */ e("div", { className: z, children: /* @__PURE__ */ e(
+        "svg",
+        {
+          viewBox: "0 0 100 40",
+          preserveAspectRatio: "none",
+          focusable: "false",
+          className: j,
+          children: Array.from({ length: l }, (n, m) => {
+            const t = _[m % _.length] ?? 20;
+            return /* @__PURE__ */ e(
+              "rect",
+              {
+                "data-skeleton-bar": "",
+                x: m * i + i * 0.2,
+                y: 40 - t,
+                width: i * 0.6,
+                height: t,
+                fill: "currentColor",
+                className: o(R, v(s, m))
+              },
+              m
+            );
+          })
+        }
+      ) }),
+      /* @__PURE__ */ e(G, { animate: s, step: 1 })
+    ] });
+  }
+);
+M.displayName = "Skeleton.BarChart";
+const O = g(
+  ({ animate: s = !0, rows: a, columns: r, className: d, ...c }, l) => {
+    const i = p(a, 4, 1, 20), n = p(r, 3, 1, 8), m = (t, u) => /* @__PURE__ */ e(
+      "div",
+      {
+        "data-skeleton-row": u ? "header" : "body",
+        className: o(
+          "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-md)]",
+          u && "ds:border-solid ds:border-b-[length:var(--border-width-sm)] ds:border-[color:var(--muted)] ds:pb-[var(--spacing-sm)] ds:forced-colors:border-[GrayText]"
+        ),
+        children: Array.from({ length: n }, (w, k) => /* @__PURE__ */ e("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: o(
+              h({ shape: "line" }),
+              u ? "ds:w-1/2" : S[(t + k) % S.length],
+              v(s, t)
+            )
+          }
+        ) }, k))
+      },
+      t
+    );
+    return /* @__PURE__ */ x("div", { ref: l, ...f("table", d), ...c, children: [
+      m(0, !0),
+      Array.from({ length: i }, (t, u) => m(u + 1, !1))
+    ] });
+  }
+);
+O.displayName = "Skeleton.Table";
+const I = g(
+  ({ animate: s = !0, rows: a, columns: r, className: d, ...c }, l) => {
+    const i = p(a, 5, 1, 12), n = p(r, 7, 1, 12);
+    return /* @__PURE__ */ e("div", { ref: l, ...f("heatmap", d), ...c, children: /* @__PURE__ */ e(
+      "div",
+      {
+        className: o(
+          "ds:grid ds:min-h-16 ds:flex-1 ds:gap-[var(--spacing-2xs)]",
+          D[n - 1],
+          P[i - 1]
+        ),
+        children: Array.from({ length: i * n }, (m, t) => {
+          const u = Math.floor(t / n), w = t % n;
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              "data-skeleton-cell": "",
+              className: o(
+                h({ shape: "cell" }),
+                v(s, u + w)
+              )
+            },
+            t
+          );
+        })
+      }
+    ) });
+  }
+);
+I.displayName = "Skeleton.Heatmap";
+const V = g(
+  ({ animate: s = !0, items: a, className: r, ...d }, c) => {
+    const l = p(a, 3, 1, 10);
+    return /* @__PURE__ */ e("div", { ref: c, ...f("list", r), ...d, children: Array.from({ length: l }, (i, n) => /* @__PURE__ */ x(
+      "div",
+      {
+        "data-skeleton-item": "",
+        className: "ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]",
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                h({ shape: "dot" }),
+                v(s, n)
+              )
+            }
+          ),
+          /* @__PURE__ */ e("div", { className: "ds:min-w-0 ds:flex-1", children: /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                h({ shape: "line" }),
+                S[n % S.length],
+                v(s, n)
+              )
+            }
+          ) }),
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                h({ shape: "line" }),
+                "ds:w-10 ds:shrink-0",
+                v(s, n)
+              )
+            }
+          )
+        ]
+      },
+      n
+    )) });
+  }
+);
+V.displayName = "Skeleton.List";
+const J = Object.assign(L, {
+  Figure: B,
+  LineChart: E,
+  BarChart: M,
+  Table: O,
+  Heatmap: I,
+  List: V
+});
+export {
+  $ as C,
+  J as S
+};
+//# sourceMappingURL=skeleton-tTWJpvAq.js.map

package/dist/_chunks/skeleton-tTWJpvAq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton-tTWJpvAq.js","sources":["../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { forwardRef, type CSSProperties, type HTMLAttributes } from 'react';\nimport { cva, cx, type VariantProps } from 'class-variance-authority';\n\n/* Every placeholder shape, the atom and the presets alike: muted fill, no\n   pulse under reduced motion, and a visible outline in forced colours. */\nconst ATOM_BASE = [\n  'ds:bg-[var(--muted)]',\n  'ds:motion-reduce:animate-none',\n  'ds:forced-colors:bg-[GrayText]',\n  'ds:forced-colors:outline',\n  'ds:forced-colors:outline-1',\n  'ds:forced-colors:outline-[CanvasText]',\n  'ds:forced-colors:animate-none',\n].join(' ');\n\nconst skeletonVariants = cva(ATOM_BASE, {\n  variants: {\n    variant: {\n      text: 'ds:rounded-[var(--radius-sm)] ds:w-full',\n      circular: 'ds:rounded-[var(--radius-full)] ds:aspect-square ds:shrink-0',\n      rectangular: 'ds:rounded-none',\n      rounded: 'ds:rounded-[var(--radius-md)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n  },\n  compoundVariants: [\n    { variant: 'text', size: 'sm', class: 'ds:h-3' },\n    { variant: 'text', size: 'md', class: 'ds:h-4' },\n    { variant: 'text', size: 'lg', class: 'ds:h-5' },\n    { variant: 'circular', size: 'sm', class: 'ds:h-8 ds:w-8' },\n    { variant: 'circular', size: 'md', class: 'ds:h-10 ds:w-10' },\n    { variant: 'circular', size: 'lg', class: 'ds:h-12 ds:w-12' },\n    { variant: 'rectangular', size: 'sm', class: 'ds:h-16' },\n    { variant: 'rectangular', size: 'md', class: 'ds:h-24' },\n    { variant: 'rectangular', size: 'lg', class: 'ds:h-40' },\n    { variant: 'rounded', size: 'sm', class: 'ds:h-16' },\n    { variant: 'rounded', size: 'md', class: 'ds:h-24' },\n    { variant: 'rounded', size: 'lg', class: 'ds:h-40' },\n  ],\n  defaultVariants: {\n    variant: 'text',\n    size: 'md',\n  },\n});\n\nconst ANIMATION_CLASS =\n  'ds:animate-[skeleton-pulse_calc(var(--animation-duration)*8)_ease-in-out_infinite]';\n\n/* A wave, not a blink. Atoms that pulse in lockstep read as one flashing\n   block; offsetting each by a step makes the placeholder breathe from the\n   top down. Static classes, keyed by step, so no inline style is needed. The\n   delay scales with `--animation-duration`, so the accessible theme's 0ms\n   and reduced motion flatten it with everything else. */\nconst STAGGER_CLASSES = [\n  '',\n  'ds:[animation-delay:calc(var(--animation-duration)*0.6)]',\n  'ds:[animation-delay:calc(var(--animation-duration)*1.2)]',\n  'ds:[animation-delay:calc(var(--animation-duration)*1.8)]',\n  'ds:[animation-delay:calc(var(--animation-duration)*2.4)]',\n  'ds:[animation-delay:calc(var(--animation-duration)*3)]',\n] as const;\n\nconst staggerClass = (step: number | undefined): string =>\n  step === undefined\n    ? ''\n    : (STAGGER_CLASSES[Math.abs(Math.trunc(step)) % STAGGER_CLASSES.length] ??\n      '');\n\n/**\n * Put this on the REAL content that replaces a skeleton, so it settles in\n * instead of snapping. Opacity only; none under reduced motion, and none in\n * the accessible theme, whose `--animation-duration` is 0ms.\n */\nexport const CONTENT_ENTER_CLASS =\n  'ds:animate-[content-enter_var(--animation-duration)_var(--ease-out)] ds:motion-reduce:animate-none';\n\nexport interface SkeletonProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'aria-hidden' | 'style'>,\n    VariantProps<typeof skeletonVariants> {\n  variant?: 'text' | 'circular' | 'rectangular' | 'rounded';\n  size?: 'sm' | 'md' | 'lg';\n  /** Number of stacked text lines — only applies when variant='text' */\n  lines?: number;\n  /**\n   * Width override — accepts any CSS value.\n   * Exception to constraint §4: skeleton dimensions are consumer-specified\n   * and cannot be expressed as static Tailwind classes.\n   */\n  width?: string;\n  /**\n   * Height override — accepts any CSS value.\n   * Exception to constraint §4: skeleton dimensions are consumer-specified\n   * and cannot be expressed as static Tailwind classes.\n   */\n  height?: string;\n  /** Whether to animate the pulse */\n  animate?: boolean;\n  /**\n   * Position in a wave. Atoms with rising steps (0, 1, 2…) pulse one after\n   * another instead of all at once. With `lines`, each line takes the next\n   * step by itself. Omit and nothing is staggered, as before.\n   */\n  stagger?: number;\n}\n\nconst SkeletonRoot = forwardRef<HTMLDivElement, SkeletonProps>(\n  (\n    {\n      variant = 'text',\n      size = 'md',\n      lines,\n      width,\n      height,\n      animate = true,\n      stagger,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    // Exception to constraint §4: width/height are consumer-specified dimensions\n    // that cannot be expressed as static Tailwind classes.\n    const inlineStyle: CSSProperties | undefined =\n      width !== undefined || height !== undefined\n        ? {\n            ...(width !== undefined && { width }),\n            ...(height !== undefined && { height }),\n          }\n        : undefined;\n\n    const atomClass = [\n      skeletonVariants({ variant, size }),\n      animate && ANIMATION_CLASS,\n    ]\n      .filter(Boolean)\n      .join(' ');\n\n    if (lines !== undefined && lines > 1) {\n      return (\n        <div\n          ref={ref}\n          aria-hidden=\"true\"\n          data-component=\"skeleton\"\n          className={[\n            'ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]',\n            className,\n          ]\n            .filter(Boolean)\n            .join(' ')}\n          // eslint-disable-next-line react/forbid-dom-props -- caller-supplied skeleton width/height, runtime-computed\n          style={inlineStyle}\n          {...props}\n        >\n          {Array.from({ length: lines }, (_, i) => (\n            <div\n              key={`skeleton-line-${i}`}\n              aria-hidden=\"true\"\n              className={[\n                atomClass,\n                animate && stagger !== undefined && staggerClass(stagger + i),\n                i === lines - 1 && 'ds:w-3/5',\n              ]\n                .filter(Boolean)\n                .join(' ')}\n            />\n          ))}\n        </div>\n      );\n    }\n\n    return (\n      <div\n        ref={ref}\n        aria-hidden=\"true\"\n        data-component=\"skeleton\"\n        className={[atomClass, animate && staggerClass(stagger), className]\n          .filter(Boolean)\n          .join(' ')}\n        // eslint-disable-next-line react/forbid-dom-props -- caller-supplied skeleton width/height, runtime-computed\n        style={inlineStyle}\n        {...props}\n      />\n    );\n  },\n);\n\nSkeletonRoot.displayName = 'Skeleton';\n\n/* ------------------------------------------------------------------ */\n/* Presets                                                              */\n/*                                                                     */\n/* Placeholders shaped like the widget that will replace them, so a    */\n/* board keeps its look while figures load. Each fills its container   */\n/* (size-full) and clips what does not fit. Charts and the heat map    */\n/* keep a minimum block size, so they never collapse in a box that     */\n/* sizes to its content. Purely decorative: the root is aria-hidden;   */\n/* the busy region around it (`aria-busy`) is what assistive           */\n/* technology hears. Same pulse, wave and motion rules as the atom.    */\n/* ------------------------------------------------------------------ */\n\nexport type SkeletonPreset =\n  | 'figure'\n  | 'line-chart'\n  | 'bar-chart'\n  | 'table'\n  | 'heatmap'\n  | 'list';\n\nconst presetVariants = cva(\n  'ds:flex ds:size-full ds:min-h-0 ds:min-w-0 ds:flex-col ds:overflow-hidden',\n  {\n    variants: {\n      preset: {\n        figure: 'ds:gap-[var(--spacing-sm)]',\n        'line-chart': 'ds:gap-[var(--spacing-xs)]',\n        'bar-chart': 'ds:gap-[var(--spacing-xs)]',\n        table: 'ds:gap-[var(--spacing-sm)]',\n        heatmap: '',\n        list: 'ds:gap-[var(--spacing-sm)]',\n      },\n    },\n  },\n);\n\nconst presetAtomVariants = cva(ATOM_BASE, {\n  variants: {\n    shape: {\n      // One line of text: a label, a cell, an axis tick.\n      line: 'ds:h-3 ds:rounded-[var(--radius-sm)]',\n      // The headline number of a figure widget.\n      figure: 'ds:h-8 ds:rounded-[var(--radius-md)]',\n      // A list row's leading marker.\n      dot: 'ds:size-6 ds:shrink-0 ds:rounded-[var(--radius-full)]',\n      // One heat-map cell: stretches with its grid track.\n      cell: 'ds:min-h-3 ds:rounded-[var(--radius-sm)]',\n    },\n  },\n});\n\n/* A chart's plot box: the inline-start and block-end axes, drawn as\n   borders in the placeholder colour. A minimum block size, so a chart in\n   a content-sized box keeps a shape. */\nconst PLOT_CLASS = [\n  'ds:relative ds:min-h-16 ds:flex-1',\n  'ds:border-solid ds:border-[color:var(--muted)]',\n  'ds:border-s-[length:var(--border-width-md)] ds:border-b-[length:var(--border-width-md)]',\n  'ds:forced-colors:border-[GrayText]',\n  // It pulses in the line chart: still under reduced motion and in\n  // forced colours, like every other shape.\n  'ds:motion-reduce:animate-none ds:forced-colors:animate-none',\n].join(' ');\n\n/* The series layer: an SVG stretched over the plot. It takes the\n   placeholder colour through currentColor. */\nconst PLOT_SVG_CLASS = [\n  'ds:absolute ds:inset-0 ds:size-full ds:overflow-visible',\n  'ds:text-[var(--muted)] ds:forced-colors:text-[GrayText]',\n  // The series starts at the inline-start axis in both directions.\n  'ds:rtl:-scale-x-100',\n].join(' ');\n\nconst SVG_MARK_CLASS =\n  'ds:motion-reduce:animate-none ds:forced-colors:animate-none';\n\n// Widths that vary row to row, so a table or list reads as text.\nconst LINE_WIDTHS = [\n  'ds:w-3/5',\n  'ds:w-2/5',\n  'ds:w-4/5',\n  'ds:w-1/2',\n  'ds:w-3/4',\n] as const;\n\n// Bar heights as a share of the plot (viewBox units out of 40).\nconst BAR_HEIGHTS = [18, 28, 22, 34, 14, 26, 30] as const;\n\n// Static grid track classes, so the column and row counts need no inline\n// style. Counts are clamped to this range.\nconst GRID_COLS = [\n  'ds:grid-cols-1',\n  'ds:grid-cols-2',\n  'ds:grid-cols-3',\n  'ds:grid-cols-4',\n  'ds:grid-cols-5',\n  'ds:grid-cols-6',\n  'ds:grid-cols-7',\n  'ds:grid-cols-8',\n  'ds:grid-cols-9',\n  'ds:grid-cols-10',\n  'ds:grid-cols-11',\n  'ds:grid-cols-12',\n] as const;\nconst GRID_ROWS = [\n  'ds:grid-rows-1',\n  'ds:grid-rows-2',\n  'ds:grid-rows-3',\n  'ds:grid-rows-4',\n  'ds:grid-rows-5',\n  'ds:grid-rows-6',\n  'ds:grid-rows-7',\n  'ds:grid-rows-8',\n  'ds:grid-rows-9',\n  'ds:grid-rows-10',\n  'ds:grid-rows-11',\n  'ds:grid-rows-12',\n] as const;\n\n/** A whole count inside [min, max], or the fallback when unusable. */\nfunction clampCount(\n  value: number | undefined,\n  fallback: number,\n  min: number,\n  max: number,\n): number {\n  if (value === undefined || !Number.isFinite(value)) return fallback;\n  return Math.min(max, Math.max(min, Math.trunc(value)));\n}\n\n/** Pulse classes for one shape at a wave step, or none when still. */\nfunction pulse(animate: boolean, step: number): string {\n  return animate ? cx(ANIMATION_CLASS, staggerClass(step)) : '';\n}\n\nexport interface SkeletonPresetProps extends Omit<\n  HTMLAttributes<HTMLDivElement>,\n  'aria-hidden' | 'style' | 'children' | 'tabIndex'\n> {\n  /**\n   * Pulse the shapes. Defaults to true. There is never a pulse under\n   * reduced motion, in forced colours, or in the accessible themes,\n   * whatever this says.\n   */\n  animate?: boolean;\n}\n\nexport interface SkeletonBarChartProps extends SkeletonPresetProps {\n  /** Number of bars, 2 to 12. Defaults to 6. */\n  bars?: number;\n}\n\nexport interface SkeletonTableProps extends SkeletonPresetProps {\n  /** Body rows under the header, 1 to 20. Defaults to 4. */\n  rows?: number;\n  /** Columns, 1 to 8. Defaults to 3. */\n  columns?: number;\n}\n\nexport interface SkeletonHeatmapProps extends SkeletonPresetProps {\n  /** Rows, 1 to 12. Defaults to 5. */\n  rows?: number;\n  /** Columns, 1 to 12. Defaults to 7, one week. */\n  columns?: number;\n}\n\nexport interface SkeletonListProps extends SkeletonPresetProps {\n  /** Items, 1 to 10. Defaults to 3. */\n  items?: number;\n}\n\n/** The root every preset shares: decorative, marked, filling its box. */\nfunction presetRootProps(\n  preset: SkeletonPreset,\n  className: string | undefined,\n) {\n  return {\n    'aria-hidden': true as const,\n    'data-component': 'skeleton',\n    'data-preset': preset,\n    className: cx(presetVariants({ preset }), className),\n  };\n}\n\n/** A label above one large number: a single-figure widget. */\nconst SkeletonFigure = forwardRef<HTMLDivElement, SkeletonPresetProps>(\n  ({ animate = true, className, ...props }, ref) => (\n    <div ref={ref} {...presetRootProps('figure', className)} {...props}>\n      <div\n        className={cx(\n          presetAtomVariants({ shape: 'line' }),\n          'ds:w-2/5',\n          pulse(animate, 0),\n        )}\n      />\n      <div\n        className={cx(\n          presetAtomVariants({ shape: 'figure' }),\n          'ds:w-3/5',\n          pulse(animate, 1),\n        )}\n      />\n    </div>\n  ),\n);\nSkeletonFigure.displayName = 'Skeleton.Figure';\n\n/** Axis ticks under a plot: four short labels spread along the axis. */\nfunction AxisTicks({ animate, step }: { animate: boolean; step: number }) {\n  return (\n    <div className=\"ds:flex ds:shrink-0 ds:justify-between ds:gap-[var(--spacing-sm)] ds:ps-[var(--spacing-sm)]\">\n      {[0, 1, 2, 3].map((i) => (\n        <div\n          key={i}\n          className={cx(\n            presetAtomVariants({ shape: 'line' }),\n            'ds:w-8',\n            pulse(animate, step + i),\n          )}\n        />\n      ))}\n    </div>\n  );\n}\n\n/** Two axes and one rising line: a trend widget. */\nconst SkeletonLineChart = forwardRef<HTMLDivElement, SkeletonPresetProps>(\n  ({ animate = true, className, ...props }, ref) => (\n    <div ref={ref} {...presetRootProps('line-chart', className)} {...props}>\n      <div className={cx(PLOT_CLASS, pulse(animate, 0))}>\n        <svg\n          viewBox=\"0 0 100 40\"\n          preserveAspectRatio=\"none\"\n          focusable=\"false\"\n          className={PLOT_SVG_CLASS}\n        >\n          <polyline\n            points=\"0,32 14,26 28,29 42,19 56,23 70,13 84,16 100,7\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            strokeLinecap=\"round\"\n            strokeLinejoin=\"round\"\n            vectorEffect=\"non-scaling-stroke\"\n            className={cx(\n              'ds:[stroke-width:var(--border-width-lg)]',\n              SVG_MARK_CLASS,\n            )}\n          />\n        </svg>\n      </div>\n      <AxisTicks animate={animate} step={1} />\n    </div>\n  ),\n);\nSkeletonLineChart.displayName = 'Skeleton.LineChart';\n\n/** Two axes and a row of bars of different heights: a bar-chart widget. */\nconst SkeletonBarChart = forwardRef<HTMLDivElement, SkeletonBarChartProps>(\n  ({ animate = true, bars, className, ...props }, ref) => {\n    const count = clampCount(bars, 6, 2, 12);\n    const slot = 100 / count;\n    return (\n      <div ref={ref} {...presetRootProps('bar-chart', className)} {...props}>\n        <div className={PLOT_CLASS}>\n          <svg\n            viewBox=\"0 0 100 40\"\n            preserveAspectRatio=\"none\"\n            focusable=\"false\"\n            className={PLOT_SVG_CLASS}\n          >\n            {Array.from({ length: count }, (_, i) => {\n              const height = BAR_HEIGHTS[i % BAR_HEIGHTS.length] ?? 20;\n              return (\n                <rect\n                  key={i}\n                  data-skeleton-bar=\"\"\n                  x={i * slot + slot * 0.2}\n                  y={40 - height}\n                  width={slot * 0.6}\n                  height={height}\n                  fill=\"currentColor\"\n                  className={cx(SVG_MARK_CLASS, pulse(animate, i))}\n                />\n              );\n            })}\n          </svg>\n        </div>\n        <AxisTicks animate={animate} step={1} />\n      </div>\n    );\n  },\n);\nSkeletonBarChart.displayName = 'Skeleton.BarChart';\n\n/** A header row over N body rows: a table widget. */\nconst SkeletonTable = forwardRef<HTMLDivElement, SkeletonTableProps>(\n  ({ animate = true, rows, columns, className, ...props }, ref) => {\n    const rowCount = clampCount(rows, 4, 1, 20);\n    const colCount = clampCount(columns, 3, 1, 8);\n    const row = (r: number, header: boolean) => (\n      <div\n        key={r}\n        data-skeleton-row={header ? 'header' : 'body'}\n        className={cx(\n          'ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-md)]',\n          header &&\n            'ds:border-solid ds:border-b-[length:var(--border-width-sm)] ds:border-[color:var(--muted)] ds:pb-[var(--spacing-sm)] ds:forced-colors:border-[GrayText]',\n        )}\n      >\n        {Array.from({ length: colCount }, (_, c) => (\n          <div key={c} className=\"ds:min-w-0 ds:flex-1\">\n            <div\n              className={cx(\n                presetAtomVariants({ shape: 'line' }),\n                header ? 'ds:w-1/2' : LINE_WIDTHS[(r + c) % LINE_WIDTHS.length],\n                pulse(animate, r),\n              )}\n            />\n          </div>\n        ))}\n      </div>\n    );\n    return (\n      <div ref={ref} {...presetRootProps('table', className)} {...props}>\n        {row(0, true)}\n        {Array.from({ length: rowCount }, (_, r) => row(r + 1, false))}\n      </div>\n    );\n  },\n);\nSkeletonTable.displayName = 'Skeleton.Table';\n\n/** A grid of cells: a heat-map widget. The cells share the box evenly. */\nconst SkeletonHeatmap = forwardRef<HTMLDivElement, SkeletonHeatmapProps>(\n  ({ animate = true, rows, columns, className, ...props }, ref) => {\n    const rowCount = clampCount(rows, 5, 1, 12);\n    const colCount = clampCount(columns, 7, 1, 12);\n    return (\n      <div ref={ref} {...presetRootProps('heatmap', className)} {...props}>\n        <div\n          className={cx(\n            'ds:grid ds:min-h-16 ds:flex-1 ds:gap-[var(--spacing-2xs)]',\n            GRID_COLS[colCount - 1],\n            GRID_ROWS[rowCount - 1],\n          )}\n        >\n          {Array.from({ length: rowCount * colCount }, (_, i) => {\n            const r = Math.floor(i / colCount);\n            const c = i % colCount;\n            return (\n              <div\n                key={i}\n                data-skeleton-cell=\"\"\n                // The wave runs on the diagonal, corner to corner.\n                className={cx(\n                  presetAtomVariants({ shape: 'cell' }),\n                  pulse(animate, r + c),\n                )}\n              />\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\nSkeletonHeatmap.displayName = 'Skeleton.Heatmap';\n\n/** A few rows of marker, text and a trailing value: a short list widget. */\nconst SkeletonList = forwardRef<HTMLDivElement, SkeletonListProps>(\n  ({ animate = true, items, className, ...props }, ref) => {\n    const count = clampCount(items, 3, 1, 10);\n    return (\n      <div ref={ref} {...presetRootProps('list', className)} {...props}>\n        {Array.from({ length: count }, (_, i) => (\n          <div\n            key={i}\n            data-skeleton-item=\"\"\n            className=\"ds:flex ds:shrink-0 ds:items-center ds:gap-[var(--spacing-sm)]\"\n          >\n            <div\n              className={cx(\n                presetAtomVariants({ shape: 'dot' }),\n                pulse(animate, i),\n              )}\n            />\n            <div className=\"ds:min-w-0 ds:flex-1\">\n              <div\n                className={cx(\n                  presetAtomVariants({ shape: 'line' }),\n                  LINE_WIDTHS[i % LINE_WIDTHS.length],\n                  pulse(animate, i),\n                )}\n              />\n            </div>\n            <div\n              className={cx(\n                presetAtomVariants({ shape: 'line' }),\n                'ds:w-10 ds:shrink-0',\n                pulse(animate, i),\n              )}\n            />\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\nSkeletonList.displayName = 'Skeleton.List';\n\n/**\n * Placeholder shapes. `<Skeleton>` is one atom (a line, a circle, a\n * block); the members are presets shaped like a whole widget.\n */\nexport const Skeleton = Object.assign(SkeletonRoot, {\n  Figure: SkeletonFigure,\n  LineChart: SkeletonLineChart,\n  BarChart: SkeletonBarChart,\n  Table: SkeletonTable,\n  Heatmap: SkeletonHeatmap,\n  List: SkeletonList,\n});\n"],"names":["ATOM_BASE","skeletonVariants","cva","ANIMATION_CLASS","STAGGER_CLASSES","staggerClass","step","CONTENT_ENTER_CLASS","SkeletonRoot","forwardRef","variant","size","lines","width","height","animate","stagger","className","props","ref","inlineStyle","atomClass","jsx","_","i","presetVariants","presetAtomVariants","PLOT_CLASS","PLOT_SVG_CLASS","SVG_MARK_CLASS","LINE_WIDTHS","BAR_HEIGHTS","GRID_COLS","GRID_ROWS","clampCount","value","fallback","min","max","pulse","cx","presetRootProps","preset","SkeletonFigure","jsxs","AxisTicks","SkeletonLineChart","SkeletonBarChart","bars","count","slot","SkeletonTable","rows","columns","rowCount","colCount","row","r","header","c","SkeletonHeatmap","SkeletonList","items","Skeleton"],"mappings":"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"}

package/dist/_chunks/{slot-grid-dj5f6R2w.js → slot-grid-D_gix9mJ.js}

@@ -5,7 +5,7 @@ import { useTranslation as we } from "react-i18next";
 import { B as F } from "./button-D-MQxsA_.js";
 import { I as q } from "./icon-button-C_1TgRiK.js";
 import { E as xe } from "./empty-state-pL1qum99.js";
-import { S as W } from "./skeleton-B1KTdJ4N.js";
+import { S as W } from "./skeleton-tTWJpvAq.js";
 import { u as Se } from "./registry-DvAUVLHh.js";
 import { b as ke, f as De } from "./format-D-1gTdHF.js";
 import { p as Ie } from "./parseISO-y3LncvfO.js";
@@ -637,4 +637,4 @@ export {
   Qe as i,
   Ge as s
 };
-//# sourceMappingURL=slot-grid-dj5f6R2w.js.map
+//# sourceMappingURL=slot-grid-D_gix9mJ.js.map