@lobehub/ui 6.0.0-beta.1 → 6.0.0-beta.11

package/es/dashboard/MetricStrip/MetricCell.mjs

@@ -0,0 +1,92 @@
+"use client";
+import Icon from "../../Icon/Icon.mjs";
+import Skeleton from "../../Skeleton/index.mjs";
+import { useSurfaceLink } from "../Surface/link.mjs";
+import { styles } from "./style.mjs";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+//#region src/dashboard/MetricStrip/MetricCell.tsx
+const deltaStyles = {
+	down: styles.deltaDown,
+	flat: styles.deltaFlat,
+	up: styles.deltaUp
+};
+const MetricBody = ({ item, loading }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+	/* @__PURE__ */ jsxs("div", {
+		...stylex.props(styles.head),
+		children: [
+			/* @__PURE__ */ jsx("div", {
+				...stylex.props(styles.headCopy),
+				children: /* @__PURE__ */ jsx("div", {
+					...stylex.props(styles.label),
+					children: item.label
+				})
+			}),
+			item.action ? /* @__PURE__ */ jsx("div", {
+				...stylex.props(styles.headAction),
+				children: item.action
+			}) : null,
+			item.mark ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": true,
+				...stylex.props(styles.mark),
+				children: /* @__PURE__ */ jsx(Icon, {
+					icon: item.mark,
+					size: 14
+				})
+			}) : null
+		]
+	}),
+	loading ? /* @__PURE__ */ jsx(Skeleton, {
+		height: 28,
+		radius: 6,
+		width: 88
+	}) : /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles.value, item.valueTone === "danger" && styles.valueDanger, item.valueTone === "warning" && styles.valueWarning),
+		children: item.value
+	}),
+	!loading && (item.delta || item.hint) ? /* @__PURE__ */ jsxs("div", {
+		...stylex.props(styles.foot),
+		children: [item.delta ? /* @__PURE__ */ jsx("span", {
+			...stylex.props(styles.delta, deltaStyles[item.direction ?? "flat"]),
+			children: item.delta
+		}) : null, item.hint ? /* @__PURE__ */ jsx("span", {
+			...stylex.props(styles.hint),
+			children: item.hint
+		}) : null]
+	}) : null,
+	!loading && item.chart ? /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles.chart),
+		children: item.chart
+	}) : null
+] });
+/** One metric: label row, figure, delta and hint. Shared by MetricStrip and StatCard. */
+const MetricCell = ({ item, loading, renderLink, seam = false }) => {
+	const link = useSurfaceLink(renderLink);
+	const body = /* @__PURE__ */ jsx(MetricBody, {
+		item,
+		loading: item.loading ?? loading
+	});
+	const cell = [styles.cell, seam && styles.cellSeam];
+	if (item.href) return /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles.slot),
+		children: link({
+			children: body,
+			className: stylex.props(cell, styles.link).className,
+			href: item.href
+		})
+	});
+	if (item.onClick) return /* @__PURE__ */ jsx("button", {
+		type: "button",
+		onClick: item.onClick,
+		...stylex.props(cell, styles.press),
+		children: body
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...stylex.props(cell),
+		children: body
+	});
+};
+//#endregion
+export { MetricCell as default };
+
+//# sourceMappingURL=MetricCell.mjs.map

package/es/dashboard/MetricStrip/MetricCell.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCell.mjs","names":[],"sources":["../../../src/dashboard/MetricStrip/MetricCell.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport Icon from '@/Icon';\nimport Skeleton from '@/Skeleton';\n\nimport { useSurfaceLink } from '../Surface/link';\nimport type { SurfaceRenderLink } from '../Surface/type';\nimport { styles } from './style';\nimport type { MetricItem } from './type';\n\nconst deltaStyles = {\n  down: styles.deltaDown,\n  flat: styles.deltaFlat,\n  up: styles.deltaUp,\n} as const;\n\nconst MetricBody = ({ item, loading }: { item: MetricItem; loading?: boolean }) => (\n  <>\n    <div {...stylex.props(styles.head)}>\n      <div {...stylex.props(styles.headCopy)}>\n        <div {...stylex.props(styles.label)}>{item.label}</div>\n      </div>\n      {item.action ? <div {...stylex.props(styles.headAction)}>{item.action}</div> : null}\n      {item.mark ? (\n        <span aria-hidden {...stylex.props(styles.mark)}>\n          <Icon icon={item.mark} size={14} />\n        </span>\n      ) : null}\n    </div>\n    {loading ? (\n      <Skeleton height={28} radius={6} width={88} />\n    ) : (\n      <div\n        {...stylex.props(\n          styles.value,\n          item.valueTone === 'danger' && styles.valueDanger,\n          item.valueTone === 'warning' && styles.valueWarning,\n        )}\n      >\n        {item.value}\n      </div>\n    )}\n    {!loading && (item.delta || item.hint) ? (\n      <div {...stylex.props(styles.foot)}>\n        {item.delta ? (\n          <span {...stylex.props(styles.delta, deltaStyles[item.direction ?? 'flat'])}>\n            {item.delta}\n          </span>\n        ) : null}\n        {item.hint ? <span {...stylex.props(styles.hint)}>{item.hint}</span> : null}\n      </div>\n    ) : null}\n    {!loading && item.chart ? <div {...stylex.props(styles.chart)}>{item.chart}</div> : null}\n  </>\n);\n\nexport interface MetricCellProps {\n  item: MetricItem;\n  loading?: boolean;\n  renderLink?: SurfaceRenderLink;\n  /** Draw the joined-strip divider on the trailing and bottom edges. */\n  seam?: boolean;\n}\n\n/** One metric: label row, figure, delta and hint. Shared by MetricStrip and StatCard. */\nconst MetricCell = ({ item, loading, renderLink, seam = false }: MetricCellProps) => {\n  const link = useSurfaceLink(renderLink);\n  const body = <MetricBody item={item} loading={item.loading ?? loading} />;\n  const cell = [styles.cell, seam && styles.cellSeam];\n\n  if (item.href) {\n    return (\n      <div {...stylex.props(styles.slot)}>\n        {link({\n          children: body,\n          className: stylex.props(cell, styles.link).className,\n          href: item.href,\n        })}\n      </div>\n    );\n  }\n  if (item.onClick) {\n    return (\n      <button type=\"button\" onClick={item.onClick} {...stylex.props(cell, styles.press)}>\n        {body}\n      </button>\n    );\n  }\n  return <div {...stylex.props(cell)}>{body}</div>;\n};\n\nexport default MetricCell;\n"],"mappings":";;;;;;;;AASA,MAAM,cAAc;CAClB,MAAM,OAAO;CACb,MAAM,OAAO;CACb,IAAI,OAAO;AACb;AACA,MAAM,cAAc,EAClB,MACA,cAII,qBAAA,UAAA,EAAA,UAAA;CACF,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EAAjC,UAAA;GACE,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,QAAQ;IACnC,UAAA,oBAAC,OAAD;KAAK,GAAI,OAAO,MAAM,OAAO,KAAK;KAAI,UAAA,KAAK;IAAW,CAAA;GACnD,CAAA;GACJ,KAAK,SAAS,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAM,OAAO,UAAU;IAAI,UAAA,KAAK;GAAY,CAAA,IAAI;GAC9E,KAAK,OAAO,oBAAC,QAAD;IAAM,eAAA;IAAY,GAAI,OAAO,MAAM,OAAO,IAAI;IACvD,UAAA,oBAAC,MAAD;KAAM,MAAM,KAAK;KAAM,MAAM;IAAK,CAAA;GAC9B,CAAA,IAAI;EACT;;CACJ,UAAU,oBAAC,UAAD;EAAU,QAAQ;EAAI,QAAQ;EAAG,OAAO;CAAK,CAAA,IAAI,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO,KAAK,cAAc,YAAY,OAAO,aAAa,KAAK,cAAc,aAAa,OAAO,YAAY;EACjM,UAAA,KAAK;CACH,CAAA;CACN,CAAC,YAAY,KAAK,SAAS,KAAK,QAAQ,qBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EAAjC,UAAA,CACpC,KAAK,QAAQ,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,OAAO,YAAY,KAAK,aAAa,OAAO;GACnF,UAAA,KAAK;EACF,CAAA,IAAI,MACX,KAAK,OAAO,oBAAC,QAAD;GAAM,GAAI,OAAO,MAAM,OAAO,IAAI;GAAI,UAAA,KAAK;EAAW,CAAA,IAAI,IACpE;CAAI,CAAA,IAAA;CACV,CAAC,WAAW,KAAK,QAAQ,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,KAAK;EAAI,UAAA,KAAK;CAAW,CAAA,IAAI;AACpF,EAAA,CAAA;;AAUJ,MAAM,cAAc,EAClB,MACA,SACA,YACA,OAAO,YACc;CACrB,MAAM,OAAO,eAAe,UAAU;CACtC,MAAM,OAAO,oBAAC,YAAD;EAAkB;EAAM,SAAS,KAAK,WAAW;CAAU,CAAA;CACxE,MAAM,OAAO,CAAC,OAAO,MAAM,QAAQ,OAAO,QAAQ;CAClD,IAAI,KAAK,MACP,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,IAAI;EACnC,UAAA,KAAK;GACN,UAAU;GACV,WAAW,OAAO,MAAM,MAAM,OAAO,IAAI,CAAC,CAAC;GAC3C,MAAM,KAAK;EACb,CAAC;CACI,CAAA;CAET,IAAI,KAAK,SACP,OAAO,oBAAC,UAAD;EAAQ,MAAK;EAAS,SAAS,KAAK;EAAS,GAAI,OAAO,MAAM,MAAM,OAAO,KAAK;EAClF,UAAA;CACK,CAAA;CAEZ,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,IAAI;EAAI,UAAA;CAAU,CAAA;AACjD"}

package/es/dashboard/MetricStrip/MetricStrip.d.mts

@@ -0,0 +1,13 @@
+import { MetricStripProps } from "./type.mjs";
+//#region src/dashboard/MetricStrip/MetricStrip.d.ts
+/**
+ * Peer metrics. `joined` shares one card divided into cells; `split` gives each item its own card,
+ * identical to StatCard.
+ */
+declare const MetricStrip: {
+  ({ items, loading, renderLink, variant }: MetricStripProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { MetricStrip as default };
+//# sourceMappingURL=MetricStrip.d.mts.map

package/es/dashboard/MetricStrip/MetricStrip.mjs

@@ -0,0 +1,47 @@
+"use client";
+import { styles } from "../Surface/style.mjs";
+import { useSurfaceCardStyles } from "../Surface/link.mjs";
+import Surface from "../Surface/Surface.mjs";
+import { styles as styles$1 } from "./style.mjs";
+import MetricCell from "./MetricCell.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+//#region src/dashboard/MetricStrip/MetricStrip.tsx
+/**
+* Peer metrics. `joined` shares one card divided into cells; `split` gives each item its own card,
+* identical to StatCard.
+*/
+const MetricStrip = ({ items, loading, renderLink, variant = "joined" }) => {
+	const cardStyles = useSurfaceCardStyles();
+	if (variant === "split") return /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles$1.split),
+		children: items.map((item, index) => /* @__PURE__ */ jsx("div", {
+			...stylex.props(styles$1.card, cardStyles, styles.clip),
+			children: /* @__PURE__ */ jsx(MetricCell, {
+				item,
+				loading,
+				renderLink
+			})
+		}, index))
+	});
+	return /* @__PURE__ */ jsx(Surface, {
+		className: stylex.props(styles.clip).className,
+		children: /* @__PURE__ */ jsx("div", {
+			...stylex.props(styles$1.frame),
+			children: /* @__PURE__ */ jsx("div", {
+				...stylex.props(styles$1.grid),
+				children: items.map((item, index) => /* @__PURE__ */ jsx(MetricCell, {
+					seam: true,
+					item,
+					loading,
+					renderLink
+				}, index))
+			})
+		})
+	});
+};
+MetricStrip.displayName = "MetricStrip";
+//#endregion
+export { MetricStrip as default };
+
+//# sourceMappingURL=MetricStrip.mjs.map

package/es/dashboard/MetricStrip/MetricStrip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricStrip.mjs","names":["styles","surfaceStyles"],"sources":["../../../src/dashboard/MetricStrip/MetricStrip.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { useSurfaceCardStyles } from '../Surface/link';\nimport { styles as surfaceStyles } from '../Surface/style';\nimport Surface from '../Surface/Surface';\nimport MetricCell from './MetricCell';\nimport { styles } from './style';\nimport type { MetricStripProps } from './type';\n\n/**\n * Peer metrics. `joined` shares one card divided into cells; `split` gives each item its own card,\n * identical to StatCard.\n */\nconst MetricStrip = ({ items, loading, renderLink, variant = 'joined' }: MetricStripProps) => {\n  const cardStyles = useSurfaceCardStyles();\n\n  if (variant === 'split') {\n    return (\n      <div {...stylex.props(styles.split)}>\n        {items.map((item, index) => (\n          <div key={index} {...stylex.props(styles.card, cardStyles, surfaceStyles.clip)}>\n            <MetricCell item={item} loading={loading} renderLink={renderLink} />\n          </div>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <Surface className={stylex.props(surfaceStyles.clip).className}>\n      <div {...stylex.props(styles.frame)}>\n        <div {...stylex.props(styles.grid)}>\n          {items.map((item, index) => (\n            <MetricCell seam item={item} key={index} loading={loading} renderLink={renderLink} />\n          ))}\n        </div>\n      </div>\n    </Surface>\n  );\n};\n\nMetricStrip.displayName = 'MetricStrip';\n\nexport default MetricStrip;\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,eAAe,EACnB,OACA,SACA,YACA,UAAU,eACY;CACtB,MAAM,aAAa,qBAAqB;CACxC,IAAI,YAAY,SACd,OAAO,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAMA,SAAO,KAAK;EACpC,UAAA,MAAM,KAAK,MAAM,UAAU,oBAAC,OAAD;GAAiB,GAAI,OAAO,MAAMA,SAAO,MAAM,YAAYC,OAAc,IAAI;GACrG,UAAA,oBAAC,YAAD;IAAkB;IAAe;IAAqB;GAAa,CAAA;EAChE,GAF+B,KAE/B,CAAC;CACL,CAAA;CAET,OAAO,oBAAC,SAAD;EAAS,WAAW,OAAO,MAAMA,OAAc,IAAI,CAAC,CAAC;EACxD,UAAA,oBAAC,OAAD;GAAK,GAAI,OAAO,MAAMD,SAAO,KAAK;GAChC,UAAA,oBAAC,OAAD;IAAK,GAAI,OAAO,MAAMA,SAAO,IAAI;IAC9B,UAAA,MAAM,KAAK,MAAM,UAAU,oBAAC,YAAD;KAAY,MAAA;KAAW;KAA2B;KAAqB;IAAa,GAAlD,KAAkD,CAAC;GAC9G,CAAA;EACF,CAAA;CACE,CAAA;AACb;AACA,YAAY,cAAc"}

package/es/dashboard/MetricStrip/index.d.mts

@@ -0,0 +1,3 @@
+import { MetricItem, MetricStripProps } from "./type.mjs";
+import MetricStrip from "./MetricStrip.mjs";
+export { type MetricItem, type MetricStripProps, MetricStrip as default };

package/es/dashboard/MetricStrip/style.mjs

@@ -0,0 +1,169 @@
+//#region src/dashboard/MetricStrip/style.ts
+const styles = {
+	card: {
+		k1xSpc: "lbrvj5dj",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	cell: {
+		kOIVth: "lb17d4w8g",
+		k8WAf4: "lb1xn8qrt",
+		kg3NbH: "lb17qtykl",
+		kWkggS: "lbjbqb8w",
+		k1xSpc: "lb78zum5",
+		kXwgrk: "lbdt5ytf",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	cellSeam: {
+		kGVxlE: "lb4uk749",
+		$$css: true
+	},
+	delta: {
+		kGuDYH: "lb4z9k3i",
+		kcqcaj: "lbss6m8b",
+		kLWn49: "lb37zpob",
+		$$css: true
+	},
+	deltaDown: {
+		kMwMTN: "lb12ap7uz",
+		$$css: true
+	},
+	deltaFlat: {
+		kMwMTN: "lbc77et8",
+		$$css: true
+	},
+	deltaUp: {
+		kMwMTN: "lbs9y9h1",
+		$$css: true
+	},
+	foot: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb1pha0wt",
+		k1xSpc: "lb78zum5",
+		kwnvtZ: "lb1a02dak",
+		$$css: true
+	},
+	frame: {
+		"--metric-seam": "lbecsxsy",
+		kaIpWk: "lb1pjcqnp",
+		kVQacm: "lbb3r6kr",
+		kWkggS: "lbjbqb8w",
+		$$css: true
+	},
+	grid: {
+		kWkggS: "lbjbqb8w",
+		k1xSpc: "lbrvj5dj",
+		kumcoG: "lb1rfa8br",
+		kzqmXN: "lbjl7whj",
+		k1K539: "lb1jyxor1",
+		$$css: true
+	},
+	head: {
+		kOIVth: "lb167g77z",
+		kGNEyG: "lb6s0dn4",
+		kZKoxP: "lb10w6t97",
+		kB7OPa: "lb9f619",
+		k1xSpc: "lb78zum5",
+		kjj79g: "lb1qughib",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	headCopy: {
+		kUk6DE: "lb98rzlu",
+		kOIVth: "lb17d4w8g",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	headAction: {
+		kUk6DE: "lb1okw0bk",
+		kGNEyG: "lb6s0dn4",
+		k1xSpc: "lb78zum5",
+		$$css: true
+	},
+	chart: {
+		kzqmXN: "lbh8yej3",
+		keoZOQ: "lb1k70j0n",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	hint: {
+		kMwMTN: "lbc77et8",
+		kGuDYH: "lb4z9k3i",
+		kLWn49: "lb37zpob",
+		$$css: true
+	},
+	label: {
+		kMwMTN: "lbc77et8",
+		kGuDYH: "lb4z9k3i",
+		k63SB2: "lbk50ysn",
+		kLWn49: "lb37zpob",
+		$$css: true
+	},
+	link: {
+		kybGjl: "lb1hl2dhg",
+		kWkggS: "lbjbqb8w lbql1cz1",
+		kMwMTN: "lb1heor9g",
+		$$css: true
+	},
+	mark: {
+		kVAM5u: "lb6d5vuu",
+		kaIpWk: "lb1vihcfj",
+		ksu8eU: "lb1y0btm7",
+		kMzoRj: "lbmkeg23",
+		kUk6DE: "lb1okw0bk",
+		kGNEyG: "lb6s0dn4",
+		kWkggS: "lbaljia1",
+		kZKoxP: "lbxk0z11",
+		kMwMTN: "lb53gy9q",
+		k1xSpc: "lb3nfvp2",
+		kzqmXN: "lbvy4d1p",
+		kjj79g: "lbl56j7k",
+		$$css: true
+	},
+	press: {
+		kVVagm: "lbln7xf2",
+		ksu8eU: "lbng3xce",
+		kWkggS: "lbjbqb8w lbql1cz1",
+		kMwMTN: "lb1heor9g",
+		kkrTdU: "lb1ypdohk",
+		k9WMMc: "lb1yc453h",
+		$$css: true
+	},
+	slot: {
+		k1xSpc: "lbrvj5dj",
+		k7Eaqz: "lbeuugli",
+		$$css: true
+	},
+	split: {
+		kOIVth: "lb1v2ro7d",
+		k1xSpc: "lbrvj5dj",
+		kumcoG: "lb1rfa8br",
+		$$css: true
+	},
+	value: {
+		kVQacm: "lbb3r6kr",
+		kMwMTN: "lb66ogz0",
+		kGuDYH: "lb4zirph",
+		kcqcaj: "lbss6m8b",
+		k63SB2: "lb1s688f",
+		kLWn49: "lb1uo3zyz",
+		kg5iWk: "lblyipyv",
+		khDVqt: "lbuxw1ft",
+		$$css: true
+	},
+	valueDanger: {
+		kMwMTN: "lb12ap7uz",
+		$$css: true
+	},
+	valueWarning: {
+		kMwMTN: "lbgyvj36",
+		$$css: true
+	}
+};
+//#endregion
+export { styles };
+
+//# sourceMappingURL=style.mjs.map

package/es/dashboard/MetricStrip/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/MetricStrip/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nexport const styles = stylex.create({\n  /** Split strip and StatCard: one card per item. */\n  card: {\n    display: 'grid',\n    minInlineSize: 0,\n  },\n  cell: {\n    gap: 6,\n    paddingBlock: 16,\n    paddingInline: 20,\n    backgroundColor: 'transparent',\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  /** Joined strip only: the divider on the cell's trailing and bottom edges. */\n  cellSeam: {\n    boxShadow: 'inset -1px 0 0 var(--metric-seam), inset 0 -1px 0 var(--metric-seam)',\n  },\n  delta: {\n    fontSize: 13,\n    fontVariantNumeric: 'tabular-nums',\n    lineHeight: 1.4,\n  },\n  deltaDown: {\n    color: cssVar.colorError,\n  },\n  deltaFlat: {\n    color: cssVar.colorTextSecondary,\n  },\n  deltaUp: {\n    color: cssVar.colorSuccess,\n  },\n  foot: {\n    gap: 8,\n    alignItems: 'baseline',\n    display: 'flex',\n    flexWrap: 'wrap',\n  },\n  /**\n   * Clips the seam that would otherwise sit on the card's trailing and bottom\n   * edges. A short last row used to show the seam color across the empty\n   * track, which reads louder than the cells.\n   */\n  frame: {\n    '--metric-seam': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n    'borderRadius': 'inherit',\n    'overflow': 'hidden',\n    'backgroundColor': 'transparent',\n  },\n  grid: {\n    backgroundColor: 'transparent',\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n    inlineSize: 'calc(100% + 1px)',\n    marginBlockEnd: -1,\n  },\n  /* One fixed 32px row (a small Segmented or ActionIcon fits): an action or mark in the head must\n     not push the value down, so cells with and without header controls line up across a split\n     strip or a row of StatCards. */\n  head: {\n    gap: 8,\n    alignItems: 'center',\n    blockSize: 32,\n    boxSizing: 'border-box',\n    display: 'flex',\n    justifyContent: 'space-between',\n    minInlineSize: 0,\n  },\n  headCopy: {\n    flex: '1',\n    gap: 6,\n    alignItems: 'center',\n    display: 'flex',\n    minInlineSize: 0,\n  },\n  headAction: {\n    flex: 'none',\n    alignItems: 'center',\n    display: 'flex',\n  },\n  chart: {\n    inlineSize: '100%',\n    marginBlockStart: 6,\n    minInlineSize: 0,\n  },\n  hint: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    lineHeight: 1.4,\n  },\n  label: {\n    color: cssVar.colorTextSecondary,\n    fontSize: 13,\n    fontWeight: 500,\n    lineHeight: 1.4,\n  },\n  link: {\n    textDecoration: 'none',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    color: 'inherit',\n  },\n  mark: {\n    borderColor: cssVar.colorFillSecondary,\n    borderRadius: cssVar.borderRadiusSM,\n    borderStyle: 'solid',\n    borderWidth: 1,\n    flex: 'none',\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    blockSize: 24,\n    color: cssVar.colorTextTertiary,\n    display: 'inline-flex',\n    inlineSize: 24,\n    justifyContent: 'center',\n  },\n  press: {\n    font: 'inherit',\n    borderStyle: 'none',\n    backgroundColor: { 'default': 'transparent', ':hover': cssVar.colorFillQuaternary },\n    color: 'inherit',\n    cursor: 'pointer',\n    textAlign: 'start',\n  },\n  /** Grid cell around a rendered link, so the link fills it. */\n  slot: {\n    display: 'grid',\n    minInlineSize: 0,\n  },\n  split: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  value: {\n    overflow: 'hidden',\n    color: cssVar.colorText,\n    fontSize: cssVar.fontSizeHeading3,\n    fontVariantNumeric: 'tabular-nums',\n    fontWeight: 600,\n    lineHeight: 1.15,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n  },\n  valueDanger: {\n    color: cssVar.colorError,\n  },\n  valueWarning: {\n    color: cssVar.colorWarning,\n  },\n});\n"],"mappings":";AAGA,MAAa,SAAS;CACpB,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,iBAAiB;EACjB,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/MetricStrip/type.d.mts

@@ -0,0 +1,38 @@
+import { IconProps } from "../../Icon/type.mjs";
+import "../../Icon/index.mjs";
+import { SurfaceRenderLink } from "../Surface/type.mjs";
+import { ReactNode } from "react";
+//#region src/dashboard/MetricStrip/type.d.ts
+export interface MetricItem {
+  /** Control on the label row, such as a menu. */
+  action?: ReactNode;
+  /** Full-width chart (sparkline, area) under the delta and hint. */
+  chart?: ReactNode;
+  delta?: ReactNode;
+  direction?: 'up' | 'down' | 'flat';
+  hint?: ReactNode;
+  href?: string;
+  label: ReactNode;
+  /** This cell only. Cells fed by different queries arrive at different times. */
+  loading?: boolean;
+  /** Corner glyph. Hidden from assistive tech so it does not repeat the label. */
+  mark?: IconProps['icon'];
+  onClick?: () => void;
+  value: ReactNode;
+  /** Color the figure when the number itself is the thing to act on. */
+  valueTone?: 'danger' | 'warning';
+}
+export interface MetricStripProps {
+  items: MetricItem[];
+  /** First load only: values become placeholders, labels stay. */
+  loading?: boolean;
+  renderLink?: SurfaceRenderLink;
+  /**
+   * `joined`: one card divided into cells. `split`: every item is its own card (the StatCard look)
+   * on a responsive grid with a gap.
+   * @default 'joined'
+   */
+  variant?: 'joined' | 'split';
+}
+//#endregion
+//# sourceMappingURL=type.d.mts.map

package/es/dashboard/PageSkeleton/PageSkeleton.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { cssVar } from "../../styles/stylex/cssVar.stylex.mjs";
 import Skeleton from "../../Skeleton/index.mjs";
-import { styles } from "../Surface/style.mjs";
-import { styles as styles$1 } from "./style.mjs";
+import { useSurfaceCardStyles } from "../Surface/link.mjs";
+import { styles } from "./style.mjs";
 import { createElement } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import * as stylex from "@stylexjs/stylex";
@@ -24,7 +24,7 @@ const lineWidths = [
 function LoadingAnnouncer({ label }) {
 	return /* @__PURE__ */ jsx("output", {
 		"aria-live": "polite",
-		...stylex.props(styles$1.srOnly),
+		...stylex.props(styles.srOnly),
 		children: label
 	});
 }
@@ -32,24 +32,25 @@ LoadingAnnouncer.displayName = "LoadingAnnouncer";
 function PageHeaderSkeleton({ action = true }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": true,
-		...stylex.props(styles$1.header),
+		...stylex.props(styles.header),
 		children: [/* @__PURE__ */ jsxs("div", {
-			...stylex.props(styles$1.headerCopy),
+			...stylex.props(styles.headerCopy),
 			children: [/* @__PURE__ */ jsx(Skeleton, {
-				className: stylex.props(styles$1.title).className,
+				className: stylex.props(styles.title).className,
 				style: bone
 			}), /* @__PURE__ */ jsx(Skeleton.Text, {
 				fontSize: 14,
 				width: "46%"
 			})]
 		}), action ? /* @__PURE__ */ jsx(Skeleton, {
-			className: stylex.props(styles$1.action).className,
+			className: stylex.props(styles.action).className,
 			style: bone
 		}) : null]
 	});
 }
 PageHeaderSkeleton.displayName = "PageHeaderSkeleton";
 function TableSkeleton({ framed = true, leading = "text", rows = 6 }) {
+	const cardStyles = useSurfaceCardStyles();
 	const head = [
 		96,
 		72,
@@ -58,18 +59,18 @@ function TableSkeleton({ framed = true, leading = "text", rows = 6 }) {
 	];
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": true,
-		...stylex.props(styles$1.table, framed && styles.card),
+		...stylex.props(styles.table, framed && cardStyles),
 		children: [/* @__PURE__ */ jsx("div", {
-			...stylex.props(styles$1.thead),
+			...stylex.props(styles.thead),
 			children: head.map((width, index) => /* @__PURE__ */ jsx(Skeleton, {
-				className: stylex.props(styles$1.theadCell).className,
+				className: stylex.props(styles.theadCell).className,
 				style: {
 					...bone,
 					width
 				}
 			}, index))
 		}), Array.from({ length: rows }, (_, index) => /* @__PURE__ */ createElement("div", {
-			...stylex.props(styles$1.row),
+			...stylex.props(styles.row),
 			key: index
 		}, leading === "avatar" ? /* @__PURE__ */ jsx(Skeleton.Avatar, {
 			shape: "circle",
@@ -78,33 +79,34 @@ function TableSkeleton({ framed = true, leading = "text", rows = 6 }) {
 			shape: "square",
 			size: 24
 		}) : null, /* @__PURE__ */ jsx("div", {
-			...stylex.props(styles$1.copy),
+			...stylex.props(styles.copy),
 			children: /* @__PURE__ */ jsx(Skeleton.Text, {
 				fontSize: 14,
 				rows: 2,
 				width: [...lineWidths[index % lineWidths.length]]
 			})
 		}), /* @__PURE__ */ jsx(Skeleton, {
-			className: stylex.props(styles$1.tag).className,
+			className: stylex.props(styles.tag).className,
 			style: tagBone
 		}), /* @__PURE__ */ jsx(Skeleton, {
-			className: stylex.props(styles$1.cell).className,
+			className: stylex.props(styles.cell).className,
 			style: bone
 		})))]
 	});
 }
 TableSkeleton.displayName = "TableSkeleton";
 function StatCardSkeleton() {
+	const cardStyles = useSurfaceCardStyles();
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-hidden": true,
-		...stylex.props(styles$1.stat, styles.card),
+		...stylex.props(styles.stat, cardStyles),
 		children: [
 			/* @__PURE__ */ jsx(Skeleton.Text, {
 				fontSize: 14,
 				width: 72
 			}),
 			/* @__PURE__ */ jsx(Skeleton, {
-				className: stylex.props(styles$1.statValue).className,
+				className: stylex.props(styles.statValue).className,
 				style: bone
 			}),
 			/* @__PURE__ */ jsx(Skeleton.Text, {
@@ -118,13 +120,13 @@ StatCardSkeleton.displayName = "StatCardSkeleton";
 function PageLoading({ header = true, label = "Loading", stats = 4 }) {
 	return /* @__PURE__ */ jsxs("div", {
 		"aria-busy": "true",
-		...stylex.props(styles$1.page),
+		...stylex.props(styles.page),
 		children: [
 			/* @__PURE__ */ jsx(LoadingAnnouncer, { label }),
 			header ? /* @__PURE__ */ jsx(PageHeaderSkeleton, {}) : null,
 			/* @__PURE__ */ jsx("section", {
 				"aria-hidden": true,
-				...stylex.props(styles$1.statGrid),
+				...stylex.props(styles.statGrid),
 				children: Array.from({ length: stats }, (_, index) => /* @__PURE__ */ jsx(StatCardSkeleton, {}, index))
 			}),
 			/* @__PURE__ */ jsx(TableSkeleton, {})

package/es/dashboard/PageSkeleton/PageSkeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PageSkeleton.mjs","names":["styles","surfaceStyles"],"sources":["../../../src/dashboard/PageSkeleton/PageSkeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport Skeleton from '@/Skeleton';\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { styles as surfaceStyles } from '../Surface/style';\nimport { styles } from './style';\nimport type {\n  LoadingAnnouncerProps,\n  PageHeaderSkeletonProps,\n  PageLoadingProps,\n  TableSkeletonProps,\n} from './type';\n\nconst bone = { height: undefined, width: undefined };\nconst tagBone = { ...bone, borderRadius: cssVar.borderRadiusSM };\nconst lineWidths = [\n  ['68%', '36%'],\n  ['52%', '28%'],\n  ['76%', '42%'],\n  ['58%', '32%'],\n] as const;\n\nfunction LoadingAnnouncer({ label }: LoadingAnnouncerProps) {\n  return (\n    <output aria-live=\"polite\" {...stylex.props(styles.srOnly)}>\n      {label}\n    </output>\n  );\n}\n\nLoadingAnnouncer.displayName = 'LoadingAnnouncer';\n\nfunction PageHeaderSkeleton({ action = true }: PageHeaderSkeletonProps) {\n  return (\n    <div aria-hidden {...stylex.props(styles.header)}>\n      <div {...stylex.props(styles.headerCopy)}>\n        <Skeleton className={stylex.props(styles.title).className} style={bone} />\n        <Skeleton.Text fontSize={14} width=\"46%\" />\n      </div>\n      {action ? <Skeleton className={stylex.props(styles.action).className} style={bone} /> : null}\n    </div>\n  );\n}\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nfunction TableSkeleton({ framed = true, leading = 'text', rows = 6 }: TableSkeletonProps) {\n  const head = [96, 72, 64, 48];\n  return (\n    <div aria-hidden {...stylex.props(styles.table, framed && surfaceStyles.card)}>\n      <div {...stylex.props(styles.thead)}>\n        {head.map((width, index) => (\n          <Skeleton\n            className={stylex.props(styles.theadCell).className}\n            key={index}\n            style={{ ...bone, width }}\n          />\n        ))}\n      </div>\n      {Array.from({ length: rows }, (_, index) => (\n        <div {...stylex.props(styles.row)} key={index}>\n          {leading === 'avatar' ? <Skeleton.Avatar shape=\"circle\" size={24} /> : null}\n          {leading === 'icon' ? <Skeleton.Avatar shape=\"square\" size={24} /> : null}\n          <div {...stylex.props(styles.copy)}>\n            <Skeleton.Text\n              fontSize={14}\n              rows={2}\n              width={[...lineWidths[index % lineWidths.length]]}\n            />\n          </div>\n          <Skeleton className={stylex.props(styles.tag).className} style={tagBone} />\n          <Skeleton className={stylex.props(styles.cell).className} style={bone} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nTableSkeleton.displayName = 'TableSkeleton';\n\nfunction StatCardSkeleton() {\n  return (\n    <div aria-hidden {...stylex.props(styles.stat, surfaceStyles.card)}>\n      <Skeleton.Text fontSize={14} width={72} />\n      <Skeleton className={stylex.props(styles.statValue).className} style={bone} />\n      <Skeleton.Text fontSize={14} width=\"68%\" />\n    </div>\n  );\n}\n\nStatCardSkeleton.displayName = 'StatCardSkeleton';\n\nfunction PageLoading({ header = true, label = 'Loading', stats = 4 }: PageLoadingProps) {\n  return (\n    <div aria-busy=\"true\" {...stylex.props(styles.page)}>\n      <LoadingAnnouncer label={label} />\n      {header ? <PageHeaderSkeleton /> : null}\n      <section aria-hidden {...stylex.props(styles.statGrid)}>\n        {Array.from({ length: stats }, (_, index) => (\n          <StatCardSkeleton key={index} />\n        ))}\n      </section>\n      <TableSkeleton />\n    </div>\n  );\n}\n\nPageLoading.displayName = 'PageLoading';\n\nexport { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton };\nexport default PageLoading;\n"],"mappings":"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"}
+{"version":3,"file":"PageSkeleton.mjs","names":[],"sources":["../../../src/dashboard/PageSkeleton/PageSkeleton.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport Skeleton from '@/Skeleton';\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\n\nimport { useSurfaceCardStyles } from '../Surface/link';\nimport { styles } from './style';\nimport type {\n  LoadingAnnouncerProps,\n  PageHeaderSkeletonProps,\n  PageLoadingProps,\n  TableSkeletonProps,\n} from './type';\n\nconst bone = { height: undefined, width: undefined };\nconst tagBone = { ...bone, borderRadius: cssVar.borderRadiusSM };\nconst lineWidths = [\n  ['68%', '36%'],\n  ['52%', '28%'],\n  ['76%', '42%'],\n  ['58%', '32%'],\n] as const;\n\nfunction LoadingAnnouncer({ label }: LoadingAnnouncerProps) {\n  return (\n    <output aria-live=\"polite\" {...stylex.props(styles.srOnly)}>\n      {label}\n    </output>\n  );\n}\n\nLoadingAnnouncer.displayName = 'LoadingAnnouncer';\n\nfunction PageHeaderSkeleton({ action = true }: PageHeaderSkeletonProps) {\n  return (\n    <div aria-hidden {...stylex.props(styles.header)}>\n      <div {...stylex.props(styles.headerCopy)}>\n        <Skeleton className={stylex.props(styles.title).className} style={bone} />\n        <Skeleton.Text fontSize={14} width=\"46%\" />\n      </div>\n      {action ? <Skeleton className={stylex.props(styles.action).className} style={bone} /> : null}\n    </div>\n  );\n}\n\nPageHeaderSkeleton.displayName = 'PageHeaderSkeleton';\n\nfunction TableSkeleton({ framed = true, leading = 'text', rows = 6 }: TableSkeletonProps) {\n  const cardStyles = useSurfaceCardStyles();\n  const head = [96, 72, 64, 48];\n  return (\n    <div aria-hidden {...stylex.props(styles.table, framed && cardStyles)}>\n      <div {...stylex.props(styles.thead)}>\n        {head.map((width, index) => (\n          <Skeleton\n            className={stylex.props(styles.theadCell).className}\n            key={index}\n            style={{ ...bone, width }}\n          />\n        ))}\n      </div>\n      {Array.from({ length: rows }, (_, index) => (\n        <div {...stylex.props(styles.row)} key={index}>\n          {leading === 'avatar' ? <Skeleton.Avatar shape=\"circle\" size={24} /> : null}\n          {leading === 'icon' ? <Skeleton.Avatar shape=\"square\" size={24} /> : null}\n          <div {...stylex.props(styles.copy)}>\n            <Skeleton.Text\n              fontSize={14}\n              rows={2}\n              width={[...lineWidths[index % lineWidths.length]]}\n            />\n          </div>\n          <Skeleton className={stylex.props(styles.tag).className} style={tagBone} />\n          <Skeleton className={stylex.props(styles.cell).className} style={bone} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nTableSkeleton.displayName = 'TableSkeleton';\n\nfunction StatCardSkeleton() {\n  const cardStyles = useSurfaceCardStyles();\n  return (\n    <div aria-hidden {...stylex.props(styles.stat, cardStyles)}>\n      <Skeleton.Text fontSize={14} width={72} />\n      <Skeleton className={stylex.props(styles.statValue).className} style={bone} />\n      <Skeleton.Text fontSize={14} width=\"68%\" />\n    </div>\n  );\n}\n\nStatCardSkeleton.displayName = 'StatCardSkeleton';\n\nfunction PageLoading({ header = true, label = 'Loading', stats = 4 }: PageLoadingProps) {\n  return (\n    <div aria-busy=\"true\" {...stylex.props(styles.page)}>\n      <LoadingAnnouncer label={label} />\n      {header ? <PageHeaderSkeleton /> : null}\n      <section aria-hidden {...stylex.props(styles.statGrid)}>\n        {Array.from({ length: stats }, (_, index) => (\n          <StatCardSkeleton key={index} />\n        ))}\n      </section>\n      <TableSkeleton />\n    </div>\n  );\n}\n\nPageLoading.displayName = 'PageLoading';\n\nexport { LoadingAnnouncer, PageHeaderSkeleton, StatCardSkeleton, TableSkeleton };\nexport default PageLoading;\n"],"mappings":"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"}

package/es/dashboard/PageSkeleton/style.mjs

@@ -44,7 +44,7 @@ const styles = {
 		k8WAf4: "lb10dr8xq",
 		kg3NbH: "lb1hr3lfm",
 		kGNEyG: "lb6s0dn4",
-		kL6WhQ: "lbsyjar lb1wdpdt8",
+		kL6WhQ: "lb1fmh5c5 lb1wdpdt8",
 		kfdmCh: "lb1q0q8m5 lb14tvv71",
 		kt9PQ7: "lbso031l lb4vq4ti",
 		k1xSpc: "lb78zum5",
@@ -62,6 +62,7 @@ const styles = {
 	},
 	stat: {
 		kmVPX3: "lb1tamke2",
+		kVQacm: "lb7giv3",
 		k1xSpc: "lb78zum5",
 		kXwgrk: "lbdt5ytf",
 		$$css: true

package/es/dashboard/PageSkeleton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/PageSkeleton/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nexport const styles = stylex.create({\n  action: {\n    flex: 'none',\n    blockSize: { default: 32, [media.mobile]: 44 },\n    inlineSize: { default: 96, [media.mobile]: '100%' },\n  },\n  cell: {\n    flex: 'none',\n    blockSize: 14,\n    inlineSize: 88,\n  },\n  copy: {\n    flex: '1',\n    minInlineSize: 0,\n  },\n  header: {\n    gap: 16,\n    alignItems: { default: 'flex-start', [media.mobile]: 'stretch' },\n    display: 'flex',\n    flexDirection: { default: null, [media.mobile]: 'column' },\n    justifyContent: 'space-between',\n  },\n  headerCopy: {\n    flex: '1',\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  page: {\n    gap: 20,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  row: {\n    gap: 12,\n    paddingBlock: 12,\n    paddingInline: 16,\n    alignItems: 'center',\n    borderBlockEndColor: { 'default': cssVar.colorBorder, ':last-child': 'currentcolor' },\n    borderBlockEndStyle: { 'default': 'solid', ':last-child': 'none' },\n    borderBlockEndWidth: { 'default': 1, ':last-child': 'medium' },\n    display: 'flex',\n    minBlockSize: 54,\n  },\n  srOnly: {\n    overflow: 'hidden',\n    blockSize: 1,\n    clipPath: 'inset(50%)',\n    inlineSize: 1,\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n  },\n  stat: {\n    padding: 16,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  statGrid: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  statValue: {\n    blockSize: cssVar.fontSizeHeading2,\n    inlineSize: '42%',\n    marginBlockEnd: '14px',\n    marginBlockStart: '6px',\n  },\n  table: {\n    overflow: 'hidden',\n    minInlineSize: 0,\n  },\n  tag: {\n    flex: 'none',\n    blockSize: 22,\n    inlineSize: 72,\n  },\n  thead: {\n    gap: 12,\n    paddingBlock: 10,\n    paddingInline: 16,\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    display: 'flex',\n    minBlockSize: 39,\n  },\n  theadCell: {\n    flex: 'none',\n    blockSize: 12,\n  },\n  title: {\n    blockSize: cssVar.fontSizeHeading3,\n    inlineSize: 220,\n    maxInlineSize: '70%',\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/dashboard/PageSkeleton/style.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\n\nimport { cssVar } from '@/styles/stylex/cssVar.stylex';\nimport { media } from '@/styles/stylex/media.stylex';\n\nexport const styles = stylex.create({\n  action: {\n    flex: 'none',\n    blockSize: { default: 32, [media.mobile]: 44 },\n    inlineSize: { default: 96, [media.mobile]: '100%' },\n  },\n  cell: {\n    flex: 'none',\n    blockSize: 14,\n    inlineSize: 88,\n  },\n  copy: {\n    flex: '1',\n    minInlineSize: 0,\n  },\n  header: {\n    gap: 16,\n    alignItems: { default: 'flex-start', [media.mobile]: 'stretch' },\n    display: 'flex',\n    flexDirection: { default: null, [media.mobile]: 'column' },\n    justifyContent: 'space-between',\n  },\n  headerCopy: {\n    flex: '1',\n    gap: 8,\n    display: 'flex',\n    flexDirection: 'column',\n    minInlineSize: 0,\n  },\n  page: {\n    gap: 20,\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  row: {\n    gap: 12,\n    paddingBlock: 12,\n    paddingInline: 16,\n    alignItems: 'center',\n    borderBlockEndColor: {\n      'default': `var(--lobe-fill-border, ${cssVar.colorFill})`,\n      ':last-child': 'currentcolor',\n    },\n    borderBlockEndStyle: { 'default': 'solid', ':last-child': 'none' },\n    borderBlockEndWidth: { 'default': 1, ':last-child': 'medium' },\n    display: 'flex',\n    minBlockSize: 54,\n  },\n  srOnly: {\n    overflow: 'hidden',\n    blockSize: 1,\n    clipPath: 'inset(50%)',\n    inlineSize: 1,\n    position: 'absolute',\n    whiteSpace: 'nowrap',\n  },\n  stat: {\n    padding: 16,\n    overflow: 'clip',\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  statGrid: {\n    gap: 12,\n    display: 'grid',\n    gridTemplateColumns: 'repeat(auto-fit, minmax(180px, 1fr))',\n  },\n  statValue: {\n    blockSize: cssVar.fontSizeHeading2,\n    inlineSize: '42%',\n    marginBlockEnd: '14px',\n    marginBlockStart: '6px',\n  },\n  table: {\n    overflow: 'hidden',\n    minInlineSize: 0,\n  },\n  tag: {\n    flex: 'none',\n    blockSize: 22,\n    inlineSize: 72,\n  },\n  thead: {\n    gap: 12,\n    paddingBlock: 10,\n    paddingInline: 16,\n    alignItems: 'center',\n    backgroundColor: cssVar.colorFillTertiary,\n    display: 'flex',\n    minBlockSize: 39,\n  },\n  theadCell: {\n    flex: 'none',\n    blockSize: 12,\n  },\n  title: {\n    blockSize: cssVar.fontSizeHeading3,\n    inlineSize: 220,\n    maxInlineSize: '70%',\n  },\n});\n"],"mappings":";AAKA,MAAa,SAAS;CACpB,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,YAAY;EACV,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,QAAQ;EACN,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,MAAM;EACJ,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,KAAK;EACH,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}

package/es/dashboard/PageToolbar/PageToolbar.d.mts

@@ -0,0 +1,10 @@
+import { PageToolbarProps } from "./type.mjs";
+//#region src/dashboard/PageToolbar/PageToolbar.d.ts
+/** Filters start at the left edge; actions hold the right edge, also after wrapping. */
+declare const PageToolbar: {
+  ({ actions, children, className }: PageToolbarProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { PageToolbar as default };
+//# sourceMappingURL=PageToolbar.d.mts.map

package/es/dashboard/PageToolbar/PageToolbar.mjs

@@ -0,0 +1,22 @@
+"use client";
+import { styleProps } from "../../styles/stylex/props.mjs";
+import { styles } from "./style.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as stylex from "@stylexjs/stylex";
+//#region src/dashboard/PageToolbar/PageToolbar.tsx
+/** Filters start at the left edge; actions hold the right edge, also after wrapping. */
+const PageToolbar = ({ actions, children, className }) => /* @__PURE__ */ jsxs("div", {
+	...styleProps(styles.root, className),
+	children: [children ? /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles.filters),
+		children
+	}) : null, actions ? /* @__PURE__ */ jsx("div", {
+		...stylex.props(styles.actions),
+		children: actions
+	}) : null]
+});
+PageToolbar.displayName = "PageToolbar";
+//#endregion
+export { PageToolbar as default };
+
+//# sourceMappingURL=PageToolbar.mjs.map

package/es/dashboard/PageToolbar/PageToolbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageToolbar.mjs","names":[],"sources":["../../../src/dashboard/PageToolbar/PageToolbar.tsx"],"sourcesContent":["'use client';\n\nimport * as stylex from '@stylexjs/stylex';\n\nimport { styleProps } from '@/styles/stylex/props';\n\nimport { styles } from './style';\nimport type { PageToolbarProps } from './type';\n\n/** Filters start at the left edge; actions hold the right edge, also after wrapping. */\nconst PageToolbar = ({ actions, children, className }: PageToolbarProps) => (\n  <div {...styleProps(styles.root, className)}>\n    {children ? <div {...stylex.props(styles.filters)}>{children}</div> : null}\n    {actions ? <div {...stylex.props(styles.actions)}>{actions}</div> : null}\n  </div>\n);\n\nPageToolbar.displayName = 'PageToolbar';\n\nexport default PageToolbar;\n"],"mappings":";;;;;;;AAQA,MAAM,eAAe,EACnB,SACA,UACA,gBACsB,qBAAC,OAAD;CAAK,GAAI,WAAW,OAAO,MAAM,SAAS;CAA1C,UAAA,CACnB,WAAW,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO;EAAI;CAAc,CAAA,IAAI,MACrE,UAAU,oBAAC,OAAD;EAAK,GAAI,OAAO,MAAM,OAAO,OAAO;EAAI,UAAA;CAAa,CAAA,IAAI,IACjE;;AACP,YAAY,cAAc"}

package/es/dashboard/PageToolbar/index.d.mts

@@ -0,0 +1,3 @@
+import { PageToolbarProps } from "./type.mjs";
+import PageToolbar from "./PageToolbar.mjs";
+export { type PageToolbarProps, PageToolbar as default };