@langchain/macaw-components 1.0.0-beta.0

package/dist/utils/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","names":[],"sources":["../../src/utils/animation.ts"],"sourcesContent":["/**\n * Shared animation presets as Tailwind class strings.\n *\n * Usage: cn(animation.popoverEntry, 'other-classes')\n *\n * All durations follow the 12 Principles of Animation:\n * - User-initiated: ≤150ms (micro), ≤200ms (layout)\n * - Easing: ease-out for entrances, ease-in for exits\n * - No linear for motion (only progress indicators)\n */\n\nexport const animation = {\n  fadeIn: 'animate-in fade-in duration-150',\n  fadeOut: 'animate-out fade-out duration-100',\n\n  scaleIn: 'animate-in fade-in zoom-in-95 duration-200 ease-out',\n  scaleOut: 'animate-out fade-out duration-500 ease-out fill-mode-forwards',\n\n  listItemEntry:\n    'animate-in fade-in slide-in-from-bottom-1 duration-200 ease-out',\n\n  popoverEntry: 'animate-in fade-in slide-in-from-top-1 duration-150',\n  popoverEntryLeft: 'animate-in fade-in slide-in-from-left-1 duration-150',\n  popoverEntryRight: 'animate-in fade-in slide-in-from-right-1 duration-150',\n  popoverEntryBottom: 'animate-in fade-in slide-in-from-bottom-1 duration-150',\n\n  collapseOpen: 'transition-[grid-template-rows] duration-150 ease-out',\n\n  hoverReveal:\n    'opacity-0 transition-opacity duration-100 ease-out group-hover:opacity-100 group-focus-within:opacity-100',\n\n  bgTransition: 'transition-[background-color,opacity] duration-150 ease-out',\n  colorTransition: 'transition-colors duration-150 ease-out',\n\n  pressScale: 'transition-transform duration-100 ease-out active:scale-95',\n  pressScaleSmall: 'transition-transform duration-100 ease-out active:scale-90',\n\n  panelWidth: 'transition-[width] duration-200 ease-out',\n  panelOpacity: 'transition-opacity duration-200 ease-out',\n\n  contentResize: 'grid transition-[grid-template-rows] duration-200 ease-out',\n  contentResizeWithOpacity:\n    'grid transition-[grid-template-rows,opacity] duration-200 ease-out',\n} as const;\n\nexport const motion = {\n  titleRevealDurationMs: 280,\n  titleRevealStaggerMs: 24,\n  titleRevealMaxStaggeredLetters: 16,\n  titleRevealEasing: 'cubic-bezier(0.16, 1, 0.3, 1)',\n} as const;\n"],"mappings":";;;;;;;;;;;AAWA,IAAa,YAAY;CACvB,QAAQ;CACR,SAAS;CAET,SAAS;CACT,UAAU;CAEV,eACE;CAEF,cAAc;CACd,kBAAkB;CAClB,mBAAmB;CACnB,oBAAoB;CAEpB,cAAc;CAEd,aACE;CAEF,cAAc;CACd,iBAAiB;CAEjB,YAAY;CACZ,iBAAiB;CAEjB,YAAY;CACZ,cAAc;CAEd,eAAe;CACf,0BACE;AACJ;AAEA,IAAa,SAAS;CACpB,uBAAuB;CACvB,sBAAsB;CACtB,gCAAgC;CAChC,mBAAmB;AACrB"}

package/dist/utils/chartAxisLayout.d.ts

@@ -0,0 +1,6 @@
+type ChartAxisLayout = {
+    thickness: number;
+};
+export declare const getChartAxisLabelOffset: (thickness: number) => number;
+export declare const getSecondaryChartAxisOffset: (axes: readonly ChartAxisLayout[], index: number) => number;
+export {};

package/dist/utils/chartAxisLayout.js

@@ -0,0 +1,8 @@
+import "./chartConstants.js";
+//#region packages/components/src/utils/chartAxisLayout.ts
+var getChartAxisLabelOffset = (thickness) => Math.max(0, thickness - 10);
+var getSecondaryChartAxisOffset = (axes, index) => axes.slice(1, index).reduce((total, axis) => total + axis.thickness, 0);
+//#endregion
+export { getChartAxisLabelOffset, getSecondaryChartAxisOffset };
+
+//# sourceMappingURL=chartAxisLayout.js.map

package/dist/utils/chartAxisLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartAxisLayout.js","names":[],"sources":["../../src/utils/chartAxisLayout.ts"],"sourcesContent":["import { CHART_AXIS_LABEL_THICKNESS } from './chartConstants';\n\ntype ChartAxisLayout = { thickness: number };\n\nexport const getChartAxisLabelOffset = (thickness: number) =>\n  Math.max(0, thickness - CHART_AXIS_LABEL_THICKNESS / 2);\n\nexport const getSecondaryChartAxisOffset = (\n  axes: readonly ChartAxisLayout[],\n  index: number\n) => axes.slice(1, index).reduce((total, axis) => total + axis.thickness, 0);\n"],"mappings":";;AAIA,IAAa,2BAA2B,cACtC,KAAK,IAAI,GAAG,YAAA,EAA0C;AAExD,IAAa,+BACX,MACA,UACG,KAAK,MAAM,GAAG,KAAK,CAAC,CAAC,QAAQ,OAAO,SAAS,QAAQ,KAAK,WAAW,CAAC"}

package/dist/utils/chartColors.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Semantic colors for data visualization. These values intentionally remain
+ * CSS variable references because SVG fill/stroke props cannot consume
+ * Tailwind classes. Theme-specific values live in `src/index.css`.
+ */
+export declare const CHART_CATEGORICAL_LINE_COLORS: string[];
+export declare const CHART_CATEGORICAL_FILL_COLORS: string[];
+export declare const CHART_COMPARISON_COLORS: string[];
+export declare const CHART_SINGLE_FILL_COLOR = "var(--chart-single-fill)";
+export declare const CHART_OTHER_COLOR = "var(--chart-other)";
+export declare const CHART_INTERACTION_CONTRAST_COLOR = "var(--chart-interaction-contrast)";
+export declare const CHART_ON_COLOR = "var(--chart-on-color)";
+export declare const CHART_ON_WARNING_COLOR = "var(--chart-on-warning)";
+export declare const CHART_STATUS_COLORS: {
+    positive: string;
+    warning: string;
+    negative: string;
+    negativeSubtle: string;
+};
+/** Lower-luminance semantic colors for large filled marks. */
+export declare const CHART_STATUS_FILL_COLORS: {
+    positive: string;
+    warning: string;
+    negative: string;
+};
+export declare const CHART_BREAKDOWN_COLORS: {
+    input: string;
+    output: string;
+    other: string;
+};
+export declare const getCategoricalLineChartColor: (index: number) => string;
+export declare const getCategoricalFillChartColor: (index: number) => string;
+export declare const getLineChartColorForKey: (key: string) => string;
+export declare const getFillChartColorForKey: (key: string) => string;
+export declare const getCategoricalFillColor: (color: string) => string;
+export declare const getChartStatusColor: (...labels: Array<string | undefined>) => string | undefined;
+export type ChartColorResolver = (color: string) => string;
+export declare const useChartColorResolver: () => ChartColorResolver;

package/dist/utils/chartColors.js

@@ -0,0 +1,78 @@
+import { useColorScheme } from "../hooks/useColorScheme.js";
+import { useMemo } from "react";
+//#region packages/components/src/utils/chartColors.ts
+/**
+* Semantic colors for data visualization. These values intentionally remain
+* CSS variable references because SVG fill/stroke props cannot consume
+* Tailwind classes. Theme-specific values live in `src/index.css`.
+*/
+var CHART_CATEGORICAL_LINE_COLORS = Array.from({ length: 20 }, (_, index) => `var(--chart-categorical-line-${index + 1})`);
+var CHART_CATEGORICAL_FILL_COLORS = Array.from({ length: 20 }, (_, index) => `var(--chart-categorical-fill-${index + 1})`);
+var CHART_COMPARISON_COLORS = Array.from({ length: 10 }, (_, index) => `var(--chart-comparison-${index + 1})`);
+var CHART_SINGLE_FILL_COLOR = "var(--chart-single-fill)";
+var CHART_OTHER_COLOR = "var(--chart-other)";
+var CHART_INTERACTION_CONTRAST_COLOR = "var(--chart-interaction-contrast)";
+var CHART_ON_COLOR = "var(--chart-on-color)";
+var CHART_ON_WARNING_COLOR = "var(--chart-on-warning)";
+var CHART_STATUS_COLORS = {
+	positive: "var(--chart-positive)",
+	warning: "var(--chart-warning)",
+	negative: "var(--chart-negative)",
+	negativeSubtle: "var(--chart-negative-subtle)"
+};
+/** Lower-luminance semantic colors for large filled marks. */
+var CHART_STATUS_FILL_COLORS = {
+	positive: "var(--chart-positive-fill)",
+	warning: "var(--chart-warning-fill)",
+	negative: "var(--chart-negative-fill)"
+};
+var CHART_BREAKDOWN_COLORS = {
+	input: "var(--chart-breakdown-input)",
+	output: "var(--chart-breakdown-output)",
+	other: "var(--chart-breakdown-other)"
+};
+var getCategoricalLineChartColor = (index) => CHART_CATEGORICAL_LINE_COLORS[index % CHART_CATEGORICAL_LINE_COLORS.length] ?? CHART_CATEGORICAL_LINE_COLORS[0];
+var getCategoricalFillChartColor = (index) => CHART_CATEGORICAL_FILL_COLORS[index % CHART_CATEGORICAL_FILL_COLORS.length] ?? "var(--chart-single-fill)";
+var getPaletteIndexForKey = (key) => {
+	let hash = 0;
+	for (const character of key) hash = hash * 31 + character.charCodeAt(0) >>> 0;
+	return hash;
+};
+var getLineChartColorForKey = (key) => getCategoricalLineChartColor(getPaletteIndexForKey(key));
+var getFillChartColorForKey = (key) => getCategoricalFillChartColor(getPaletteIndexForKey(key));
+var getCategoricalFillColor = (color) => {
+	const lineIndex = CHART_CATEGORICAL_LINE_COLORS.indexOf(color);
+	return lineIndex === -1 ? color : CHART_CATEGORICAL_FILL_COLORS[lineIndex] ?? color;
+};
+var getChartStatusColor = (...labels) => {
+	const normalized = labels.map((label) => label?.trim().toLowerCase());
+	if (normalized.includes("success")) return CHART_STATUS_COLORS.positive;
+	if (normalized.includes("error") || normalized.some((label) => /^fail(?:ed|ing|ures?|s)?$/.test(label ?? ""))) return CHART_STATUS_COLORS.negative;
+};
+/** Resolve semantic CSS variables for renderers that run outside the DOM. */
+var resolveChartColor = (color, resolvedMode) => {
+	if (typeof document === "undefined") return color;
+	const root = document.documentElement;
+	if (root.dataset.theme && root.dataset.theme !== resolvedMode) return color;
+	const styles = getComputedStyle(root);
+	let resolved = color;
+	for (let depth = 0; depth < 10 && resolved.includes("var("); depth += 1) resolved = resolved.replace(/var\(\s*(--[a-z0-9-]+)\s*(?:,\s*((?:[^()]|[a-z-]+\([^()]*\))+))?\)/gi, (match, property, fallback) => styles.getPropertyValue(property).trim() || fallback?.trim() || match);
+	return resolved;
+};
+var useChartColorResolver = () => {
+	const { resolvedMode } = useColorScheme();
+	return useMemo(() => {
+		const cache = /* @__PURE__ */ new Map();
+		return (color) => {
+			const cached = cache.get(color);
+			if (cached !== void 0) return cached;
+			const resolved = resolveChartColor(color, resolvedMode);
+			if (!resolved.includes("var(")) cache.set(color, resolved);
+			return resolved;
+		};
+	}, [resolvedMode]);
+};
+//#endregion
+export { CHART_BREAKDOWN_COLORS, CHART_CATEGORICAL_FILL_COLORS, CHART_CATEGORICAL_LINE_COLORS, CHART_COMPARISON_COLORS, CHART_INTERACTION_CONTRAST_COLOR, CHART_ON_COLOR, CHART_ON_WARNING_COLOR, CHART_OTHER_COLOR, CHART_SINGLE_FILL_COLOR, CHART_STATUS_COLORS, CHART_STATUS_FILL_COLORS, getCategoricalFillChartColor, getCategoricalFillColor, getCategoricalLineChartColor, getChartStatusColor, getFillChartColorForKey, getLineChartColorForKey, useChartColorResolver };
+
+//# sourceMappingURL=chartColors.js.map

package/dist/utils/chartColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartColors.js","names":[],"sources":["../../src/utils/chartColors.ts"],"sourcesContent":["import { useMemo } from 'react';\n\nimport {\n  useColorScheme,\n  type ResolvedThemeMode,\n} from '../hooks/useColorScheme';\n\n/**\n * Semantic colors for data visualization. These values intentionally remain\n * CSS variable references because SVG fill/stroke props cannot consume\n * Tailwind classes. Theme-specific values live in `src/index.css`.\n */\nexport const CHART_CATEGORICAL_LINE_COLORS = Array.from(\n  { length: 20 },\n  (_, index) => `var(--chart-categorical-line-${index + 1})`\n);\n\nexport const CHART_CATEGORICAL_FILL_COLORS = Array.from(\n  { length: 20 },\n  (_, index) => `var(--chart-categorical-fill-${index + 1})`\n);\n\nexport const CHART_COMPARISON_COLORS = Array.from(\n  { length: 10 },\n  (_, index) => `var(--chart-comparison-${index + 1})`\n);\n\nexport const CHART_SINGLE_FILL_COLOR = 'var(--chart-single-fill)';\nexport const CHART_OTHER_COLOR = 'var(--chart-other)';\nexport const CHART_INTERACTION_CONTRAST_COLOR =\n  'var(--chart-interaction-contrast)';\nexport const CHART_ON_COLOR = 'var(--chart-on-color)';\nexport const CHART_ON_WARNING_COLOR = 'var(--chart-on-warning)';\n\nexport const CHART_STATUS_COLORS = {\n  positive: 'var(--chart-positive)',\n  warning: 'var(--chart-warning)',\n  negative: 'var(--chart-negative)',\n  negativeSubtle: 'var(--chart-negative-subtle)',\n};\n\n/** Lower-luminance semantic colors for large filled marks. */\nexport const CHART_STATUS_FILL_COLORS = {\n  positive: 'var(--chart-positive-fill)',\n  warning: 'var(--chart-warning-fill)',\n  negative: 'var(--chart-negative-fill)',\n};\n\nexport const CHART_BREAKDOWN_COLORS = {\n  input: 'var(--chart-breakdown-input)',\n  output: 'var(--chart-breakdown-output)',\n  other: 'var(--chart-breakdown-other)',\n};\n\nexport const getCategoricalLineChartColor = (index: number): string =>\n  CHART_CATEGORICAL_LINE_COLORS[index % CHART_CATEGORICAL_LINE_COLORS.length] ??\n  CHART_CATEGORICAL_LINE_COLORS[0];\n\nexport const getCategoricalFillChartColor = (index: number): string =>\n  CHART_CATEGORICAL_FILL_COLORS[index % CHART_CATEGORICAL_FILL_COLORS.length] ??\n  CHART_SINGLE_FILL_COLOR;\n\nconst getPaletteIndexForKey = (key: string): number => {\n  let hash = 0;\n  for (const character of key) {\n    hash = (hash * 31 + character.charCodeAt(0)) >>> 0;\n  }\n  return hash;\n};\n\nexport const getLineChartColorForKey = (key: string): string =>\n  getCategoricalLineChartColor(getPaletteIndexForKey(key));\n\nexport const getFillChartColorForKey = (key: string): string =>\n  getCategoricalFillChartColor(getPaletteIndexForKey(key));\n\nexport const getCategoricalFillColor = (color: string): string => {\n  const lineIndex = CHART_CATEGORICAL_LINE_COLORS.indexOf(color);\n  return lineIndex === -1\n    ? color\n    : (CHART_CATEGORICAL_FILL_COLORS[lineIndex] ?? color);\n};\n\nexport const getChartStatusColor = (\n  ...labels: Array<string | undefined>\n): string | undefined => {\n  const normalized = labels.map((label) => label?.trim().toLowerCase());\n  if (normalized.includes('success')) return CHART_STATUS_COLORS.positive;\n  if (\n    normalized.includes('error') ||\n    normalized.some((label) => /^fail(?:ed|ing|ures?|s)?$/.test(label ?? ''))\n  ) {\n    return CHART_STATUS_COLORS.negative;\n  }\n  return undefined;\n};\n\nexport type ChartColorResolver = (color: string) => string;\n\n/** Resolve semantic CSS variables for renderers that run outside the DOM. */\nconst resolveChartColor = (\n  color: string,\n  resolvedMode: ResolvedThemeMode\n): string => {\n  if (typeof document === 'undefined') return color;\n\n  const root = document.documentElement;\n  if (root.dataset.theme && root.dataset.theme !== resolvedMode) return color;\n\n  const styles = getComputedStyle(root);\n  let resolved = color;\n  for (let depth = 0; depth < 10 && resolved.includes('var('); depth += 1) {\n    resolved = resolved.replace(\n      /var\\(\\s*(--[a-z0-9-]+)\\s*(?:,\\s*((?:[^()]|[a-z-]+\\([^()]*\\))+))?\\)/gi,\n      (match, property: string, fallback: string | undefined) =>\n        styles.getPropertyValue(property).trim() || fallback?.trim() || match\n    );\n  }\n  return resolved;\n};\n\nexport const useChartColorResolver = (): ChartColorResolver => {\n  const { resolvedMode } = useColorScheme();\n\n  return useMemo(() => {\n    const cache = new Map<string, string>();\n    return (color: string) => {\n      const cached = cache.get(color);\n      if (cached !== undefined) return cached;\n\n      const resolved = resolveChartColor(color, resolvedMode);\n      if (!resolved.includes('var(')) cache.set(color, resolved);\n      return resolved;\n    };\n  }, [resolvedMode]);\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,gCAAgC,MAAM,KACjD,EAAE,QAAQ,GAAG,IACZ,GAAG,UAAU,gCAAgC,QAAQ,EAAE,EAC1D;AAEA,IAAa,gCAAgC,MAAM,KACjD,EAAE,QAAQ,GAAG,IACZ,GAAG,UAAU,gCAAgC,QAAQ,EAAE,EAC1D;AAEA,IAAa,0BAA0B,MAAM,KAC3C,EAAE,QAAQ,GAAG,IACZ,GAAG,UAAU,0BAA0B,QAAQ,EAAE,EACpD;AAEA,IAAa,0BAA0B;AACvC,IAAa,oBAAoB;AACjC,IAAa,mCACX;AACF,IAAa,iBAAiB;AAC9B,IAAa,yBAAyB;AAEtC,IAAa,sBAAsB;CACjC,UAAU;CACV,SAAS;CACT,UAAU;CACV,gBAAgB;AAClB;;AAGA,IAAa,2BAA2B;CACtC,UAAU;CACV,SAAS;CACT,UAAU;AACZ;AAEA,IAAa,yBAAyB;CACpC,OAAO;CACP,QAAQ;CACR,OAAO;AACT;AAEA,IAAa,gCAAgC,UAC3C,8BAA8B,QAAQ,8BAA8B,WACpE,8BAA8B;AAEhC,IAAa,gCAAgC,UAC3C,8BAA8B,QAAQ,8BAA8B,WAAA;AAGtE,IAAM,yBAAyB,QAAwB;CACrD,IAAI,OAAO;CACX,KAAK,MAAM,aAAa,KACtB,OAAQ,OAAO,KAAK,UAAU,WAAW,CAAC,MAAO;CAEnD,OAAO;AACT;AAEA,IAAa,2BAA2B,QACtC,6BAA6B,sBAAsB,GAAG,CAAC;AAEzD,IAAa,2BAA2B,QACtC,6BAA6B,sBAAsB,GAAG,CAAC;AAEzD,IAAa,2BAA2B,UAA0B;CAChE,MAAM,YAAY,8BAA8B,QAAQ,KAAK;CAC7D,OAAO,cAAc,KACjB,QACC,8BAA8B,cAAc;AACnD;AAEA,IAAa,uBACX,GAAG,WACoB;CACvB,MAAM,aAAa,OAAO,KAAK,UAAU,OAAO,KAAK,CAAC,CAAC,YAAY,CAAC;CACpE,IAAI,WAAW,SAAS,SAAS,GAAG,OAAO,oBAAoB;CAC/D,IACE,WAAW,SAAS,OAAO,KAC3B,WAAW,MAAM,UAAU,4BAA4B,KAAK,SAAS,EAAE,CAAC,GAExE,OAAO,oBAAoB;AAG/B;;AAKA,IAAM,qBACJ,OACA,iBACW;CACX,IAAI,OAAO,aAAa,aAAa,OAAO;CAE5C,MAAM,OAAO,SAAS;CACtB,IAAI,KAAK,QAAQ,SAAS,KAAK,QAAQ,UAAU,cAAc,OAAO;CAEtE,MAAM,SAAS,iBAAiB,IAAI;CACpC,IAAI,WAAW;CACf,KAAK,IAAI,QAAQ,GAAG,QAAQ,MAAM,SAAS,SAAS,MAAM,GAAG,SAAS,GACpE,WAAW,SAAS,QAClB,yEACC,OAAO,UAAkB,aACxB,OAAO,iBAAiB,QAAQ,CAAC,CAAC,KAAK,KAAK,UAAU,KAAK,KAAK,KACpE;CAEF,OAAO;AACT;AAEA,IAAa,8BAAkD;CAC7D,MAAM,EAAE,iBAAiB,eAAe;CAExC,OAAO,cAAc;EACnB,MAAM,wBAAQ,IAAI,IAAoB;EACtC,QAAQ,UAAkB;GACxB,MAAM,SAAS,MAAM,IAAI,KAAK;GAC9B,IAAI,WAAW,KAAA,GAAW,OAAO;GAEjC,MAAM,WAAW,kBAAkB,OAAO,YAAY;GACtD,IAAI,CAAC,SAAS,SAAS,MAAM,GAAG,MAAM,IAAI,OAAO,QAAQ;GACzD,OAAO;EACT;CACF,GAAG,CAAC,YAAY,CAAC;AACnB"}

package/dist/utils/chartConstants.d.ts

@@ -0,0 +1,10 @@
+/** Font size shared by chart tick and axis labels. */
+export declare const CHART_TICK_FONT_SIZE = 12;
+/** Reserved space for an axis name outside its tick labels. */
+export declare const CHART_AXIS_LABEL_THICKNESS = 20;
+/** Distance between a value-axis baseline and its tick labels. */
+export declare const CHART_VALUE_AXIS_TICK_LENGTH = 8;
+/** Dash pattern shared by chart grid and active guide lines. */
+export declare const CHART_DASHED_STROKE_DASHARRAY = "4 2";
+/** Opacity for chart marks that do not match the active legend item. */
+export declare const CHART_DIMMED_OPACITY = 0.45;

package/dist/utils/chartConstants.js

@@ -0,0 +1,15 @@
+//#region packages/components/src/utils/chartConstants.ts
+/** Font size shared by chart tick and axis labels. */
+var CHART_TICK_FONT_SIZE = 12;
+/** Reserved space for an axis name outside its tick labels. */
+var CHART_AXIS_LABEL_THICKNESS = 20;
+/** Distance between a value-axis baseline and its tick labels. */
+var CHART_VALUE_AXIS_TICK_LENGTH = 8;
+/** Dash pattern shared by chart grid and active guide lines. */
+var CHART_DASHED_STROKE_DASHARRAY = "4 2";
+/** Opacity for chart marks that do not match the active legend item. */
+var CHART_DIMMED_OPACITY = .45;
+//#endregion
+export { CHART_AXIS_LABEL_THICKNESS, CHART_DASHED_STROKE_DASHARRAY, CHART_DIMMED_OPACITY, CHART_TICK_FONT_SIZE, CHART_VALUE_AXIS_TICK_LENGTH };
+
+//# sourceMappingURL=chartConstants.js.map

package/dist/utils/chartConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartConstants.js","names":[],"sources":["../../src/utils/chartConstants.ts"],"sourcesContent":["/** Font size shared by chart tick and axis labels. */\nexport const CHART_TICK_FONT_SIZE = 12;\n/** Reserved space for an axis name outside its tick labels. */\nexport const CHART_AXIS_LABEL_THICKNESS = 20;\n/** Distance between a value-axis baseline and its tick labels. */\nexport const CHART_VALUE_AXIS_TICK_LENGTH = 8;\n/** Dash pattern shared by chart grid and active guide lines. */\nexport const CHART_DASHED_STROKE_DASHARRAY = '4 2';\n/** Opacity for chart marks that do not match the active legend item. */\nexport const CHART_DIMMED_OPACITY = 0.45;\n"],"mappings":";;AACA,IAAa,uBAAuB;;AAEpC,IAAa,6BAA6B;;AAE1C,IAAa,+BAA+B;;AAE5C,IAAa,gCAAgC;;AAE7C,IAAa,uBAAuB"}

package/dist/utils/chartValues.d.ts

@@ -0,0 +1,2 @@
+export declare const getNearestChartValue: <Value>(values: readonly Value[], targetPosition: number, getPosition: (value: Value) => number | undefined) => Value | null;
+export declare const getChartTickValues: <Value>(values: readonly Value[], maximumTickCount: number) => Value[];

package/dist/utils/chartValues.js

@@ -0,0 +1,36 @@
+//#region packages/components/src/utils/chartValues.ts
+var getNearestChartValue = (values, targetPosition, getPosition) => {
+	let nearest = null;
+	let nearestDistance = Number.POSITIVE_INFINITY;
+	for (const value of values) {
+		const position = getPosition(value);
+		if (position == null) continue;
+		const distance = Math.abs(position - targetPosition);
+		if (distance < nearestDistance) {
+			nearest = value;
+			nearestDistance = distance;
+		}
+	}
+	return nearest;
+};
+var getChartTickValues = (values, maximumTickCount) => {
+	if (values.length === 0) return [];
+	const finiteMaximum = Number.isFinite(maximumTickCount) ? Math.floor(maximumTickCount) : 1;
+	const tickCount = Math.max(1, Math.min(values.length, finiteMaximum));
+	if (tickCount === values.length) return Array.from(values);
+	if (tickCount === 1) {
+		const firstValue = values[0];
+		return firstValue == null ? [] : [firstValue];
+	}
+	const ticks = [];
+	const maximumIndex = values.length - 1;
+	for (let index = 0; index < tickCount; index += 1) {
+		const value = values[Math.round(index * maximumIndex / (tickCount - 1))];
+		if (value != null && ticks.at(-1) !== value) ticks.push(value);
+	}
+	return ticks;
+};
+//#endregion
+export { getChartTickValues, getNearestChartValue };
+
+//# sourceMappingURL=chartValues.js.map

package/dist/utils/chartValues.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chartValues.js","names":[],"sources":["../../src/utils/chartValues.ts"],"sourcesContent":["export const getNearestChartValue = <Value>(\n  values: readonly Value[],\n  targetPosition: number,\n  getPosition: (value: Value) => number | undefined\n): Value | null => {\n  let nearest: Value | null = null;\n  let nearestDistance = Number.POSITIVE_INFINITY;\n\n  for (const value of values) {\n    const position = getPosition(value);\n    if (position == null) continue;\n    const distance = Math.abs(position - targetPosition);\n    if (distance < nearestDistance) {\n      nearest = value;\n      nearestDistance = distance;\n    }\n  }\n\n  return nearest;\n};\n\nexport const getChartTickValues = <Value>(\n  values: readonly Value[],\n  maximumTickCount: number\n): Value[] => {\n  if (values.length === 0) return [];\n\n  const finiteMaximum = Number.isFinite(maximumTickCount)\n    ? Math.floor(maximumTickCount)\n    : 1;\n  const tickCount = Math.max(1, Math.min(values.length, finiteMaximum));\n  if (tickCount === values.length) return Array.from(values);\n  if (tickCount === 1) {\n    const firstValue = values[0];\n    return firstValue == null ? [] : [firstValue];\n  }\n\n  const ticks: Value[] = [];\n  const maximumIndex = values.length - 1;\n  for (let index = 0; index < tickCount; index += 1) {\n    const valueIndex = Math.round((index * maximumIndex) / (tickCount - 1));\n    const value = values[valueIndex];\n    if (value != null && ticks.at(-1) !== value) ticks.push(value);\n  }\n  return ticks;\n};\n"],"mappings":";AAAA,IAAa,wBACX,QACA,gBACA,gBACiB;CACjB,IAAI,UAAwB;CAC5B,IAAI,kBAAkB,OAAO;CAE7B,KAAK,MAAM,SAAS,QAAQ;EAC1B,MAAM,WAAW,YAAY,KAAK;EAClC,IAAI,YAAY,MAAM;EACtB,MAAM,WAAW,KAAK,IAAI,WAAW,cAAc;EACnD,IAAI,WAAW,iBAAiB;GAC9B,UAAU;GACV,kBAAkB;EACpB;CACF;CAEA,OAAO;AACT;AAEA,IAAa,sBACX,QACA,qBACY;CACZ,IAAI,OAAO,WAAW,GAAG,OAAO,CAAC;CAEjC,MAAM,gBAAgB,OAAO,SAAS,gBAAgB,IAClD,KAAK,MAAM,gBAAgB,IAC3B;CACJ,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,OAAO,QAAQ,aAAa,CAAC;CACpE,IAAI,cAAc,OAAO,QAAQ,OAAO,MAAM,KAAK,MAAM;CACzD,IAAI,cAAc,GAAG;EACnB,MAAM,aAAa,OAAO;EAC1B,OAAO,cAAc,OAAO,CAAC,IAAI,CAAC,UAAU;CAC9C;CAEA,MAAM,QAAiB,CAAC;CACxB,MAAM,eAAe,OAAO,SAAS;CACrC,KAAK,IAAI,QAAQ,GAAG,QAAQ,WAAW,SAAS,GAAG;EAEjD,MAAM,QAAQ,OADK,KAAK,MAAO,QAAQ,gBAAiB,YAAY,EAC/C;EACrB,IAAI,SAAS,QAAQ,MAAM,GAAG,EAAE,MAAM,OAAO,MAAM,KAAK,KAAK;CAC/D;CACA,OAAO;AACT"}

package/dist/utils/clamp.d.ts

@@ -0,0 +1,2 @@
+/** Constrains `value` to the inclusive `[minimum, maximum]` range. */
+export declare const clamp: (value: number, minimum: number, maximum: number) => number;

package/dist/utils/clamp.js

@@ -0,0 +1,7 @@
+//#region packages/components/src/utils/clamp.ts
+/** Constrains `value` to the inclusive `[minimum, maximum]` range. */
+var clamp = (value, minimum, maximum) => Math.min(maximum, Math.max(minimum, value));
+//#endregion
+export { clamp };
+
+//# sourceMappingURL=clamp.js.map

package/dist/utils/clamp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"clamp.js","names":[],"sources":["../../src/utils/clamp.ts"],"sourcesContent":["/** Constrains `value` to the inclusive `[minimum, maximum]` range. */\nexport const clamp = (\n  value: number,\n  minimum: number,\n  maximum: number\n): number => Math.min(maximum, Math.max(minimum, value));\n"],"mappings":";;AACA,IAAa,SACX,OACA,SACA,YACW,KAAK,IAAI,SAAS,KAAK,IAAI,SAAS,KAAK,CAAC"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+import type { ClassValue } from 'clsx';
+export declare const cn: (...inputs: ClassValue[]) => string;

package/dist/utils/cn.js

@@ -0,0 +1,191 @@
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+//#region packages/components/src/utils/cn.tsx
+/** Numeric brand palette keys from `theme.colors.brand` (Tailwind). */
+var BRAND_PALETTE_STEPS = [
+	"10",
+	"25",
+	"50",
+	"75",
+	"100",
+	"200",
+	"300",
+	"400",
+	"500",
+	"600",
+	"700",
+	"800",
+	"900",
+	"950"
+];
+var brandBgClasses = BRAND_PALETTE_STEPS.map((step) => `bg-brand-${step}`);
+var brandBorderClasses = BRAND_PALETTE_STEPS.map((step) => `border-brand-${step}`);
+var brandTextClasses = BRAND_PALETTE_STEPS.map((step) => `text-brand-${step}`);
+var buttonBorderColorClasses = [
+	"button-primary-underlined-border",
+	"button-primary-underlined-border-hover",
+	"button-secondary-underlined-border",
+	"button-secondary-underlined-border-hover",
+	"button-error-underlined-border",
+	"button-error-underlined-border-hover",
+	"button-error-disabled-border"
+];
+var buttonTextColorClasses = [
+	"button-primary-underlined-foreground",
+	"button-primary-underlined-foreground-hover",
+	"button-error-underlined-foreground-hover",
+	"button-error-disabled-foreground"
+];
+var customTwMerge = extendTailwindMerge({ extend: {
+	theme: { spacing: [
+		"space-1",
+		"space-2",
+		"space-3",
+		"space-4",
+		"space-5",
+		"space-6",
+		"space-7",
+		"space-8",
+		"space-9"
+	] },
+	classGroups: {
+		"font-size": [
+			"display-sm",
+			"display-base",
+			"display-lg",
+			"display-xl",
+			"display-2xl",
+			"caps-label-sm",
+			"caps-label-xs",
+			"text-xxs",
+			"text-xs",
+			"text-sm",
+			"text-base",
+			"text-lg",
+			"text-xl"
+		],
+		"bg-color": [
+			"bg-primary",
+			"bg-primary-hover",
+			"bg-secondary",
+			"bg-secondary-hover",
+			"bg-tertiary",
+			"bg-quaternary",
+			"bg-surface-level-1",
+			"bg-surface-level-1-hover",
+			"bg-surface-level-2",
+			"bg-surface-level-2-hover",
+			"bg-surface-level-3",
+			"bg-surface-level-4",
+			"bg-disabled",
+			"bg-elevated",
+			"bg-elevated-hover",
+			"bg-elevated-selected",
+			"bg-overlay",
+			"bg-brand",
+			"bg-brand-hover",
+			"bg-brand-subtle",
+			"bg-brand-subtle-gradient",
+			"bg-brand-subtle-hover",
+			"bg-brand-illustration",
+			"bg-brand-muted",
+			"bg-brand-primary",
+			"bg-brand-primary-hover",
+			"bg-brand-secondary",
+			"bg-brand-secondary-hover",
+			"bg-brand-tertiary",
+			"bg-purple",
+			"bg-success",
+			"bg-success-subtle",
+			"bg-success-primary",
+			"bg-success-secondary",
+			"bg-success-strong",
+			"bg-error",
+			"bg-error-subtle",
+			"bg-error-primary",
+			"bg-error-secondary",
+			"bg-error-strong",
+			"bg-warning",
+			"bg-warning-subtle",
+			"bg-warning-primary",
+			"bg-warning-secondary",
+			"bg-warning-strong",
+			"bg-control-active",
+			"bg-control-active-hover",
+			"bg-control-thumb",
+			"bg-control-disabled",
+			"bg-selected",
+			"bg-selected-hover",
+			...brandBgClasses
+		],
+		"border-color": [
+			"border-default",
+			"border-subtle",
+			"border-muted",
+			"border-faint",
+			"border-primary",
+			"border-secondary",
+			"border-tertiary",
+			"border-quaternary",
+			"border-error",
+			"border-error-strong",
+			"border-brand",
+			"border-brand-strong",
+			"border-brand-subtle",
+			"border-strong",
+			"border-disabled",
+			"border-focus",
+			"border-warning",
+			"border-success",
+			"border-purple",
+			"border-status-green",
+			"border-status-orange",
+			"border-status-yellow",
+			"border-status-red",
+			...brandBorderClasses,
+			...buttonBorderColorClasses
+		],
+		"text-color": [
+			"text-primary",
+			"text-secondary",
+			"text-tertiary",
+			"text-quaternary",
+			"text-disabled",
+			"text-error-secondary",
+			"text-warning-secondary",
+			"text-success-secondary",
+			"text-placeholder",
+			"text-control-active-foreground",
+			"text-purple",
+			"text-brand-primary",
+			"text-brand-secondary",
+			"text-brand-tertiary",
+			"text-brand-disabled",
+			"text-brand-on-fill",
+			"text-link",
+			"text-link-hover",
+			"text-status-green",
+			"text-status-orange",
+			"text-status-yellow",
+			"text-status-red",
+			"text-button-primary",
+			"text-icon-primary",
+			"text-icon-secondary",
+			"text-icon-tertiary",
+			"text-icon-disabled",
+			"text-icon-brand",
+			"text-icon-error",
+			"text-icon-success",
+			"text-icon-warning",
+			...brandTextClasses,
+			...buttonTextColorClasses
+		]
+	}
+} });
+var cn = (...inputs) => {
+	return customTwMerge(clsx(inputs));
+};
+//#endregion
+export { cn };
+
+//# sourceMappingURL=cn.js.map

package/dist/utils/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","names":[],"sources":["../../src/utils/cn.tsx"],"sourcesContent":["import type { ClassValue } from 'clsx';\nimport { clsx } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\n/** Numeric brand palette keys from `theme.colors.brand` (Tailwind). */\nconst BRAND_PALETTE_STEPS = [\n  '10',\n  '25',\n  '50',\n  '75',\n  '100',\n  '200',\n  '300',\n  '400',\n  '500',\n  '600',\n  '700',\n  '800',\n  '900',\n  '950',\n] as const;\n\nconst brandBgClasses = BRAND_PALETTE_STEPS.map((step) => `bg-brand-${step}`);\nconst brandBorderClasses = BRAND_PALETTE_STEPS.map(\n  (step) => `border-brand-${step}`\n);\nconst brandTextClasses = BRAND_PALETTE_STEPS.map(\n  (step) => `text-brand-${step}`\n);\nconst buttonBorderColorClasses = [\n  'button-primary-underlined-border',\n  'button-primary-underlined-border-hover',\n  'button-secondary-underlined-border',\n  'button-secondary-underlined-border-hover',\n  'button-error-underlined-border',\n  'button-error-underlined-border-hover',\n  'button-error-disabled-border',\n];\nconst buttonTextColorClasses = [\n  'button-primary-underlined-foreground',\n  'button-primary-underlined-foreground-hover',\n  'button-error-underlined-foreground-hover',\n  'button-error-disabled-foreground',\n];\n\n// Lets `space-*` tokens dedupe against built-in spacing (keep in sync with tailwind.config.js).\nconst SPACE_SCALE_STEPS = [\n  'space-1',\n  'space-2',\n  'space-3',\n  'space-4',\n  'space-5',\n  'space-6',\n  'space-7',\n  'space-8',\n  'space-9',\n];\n\nconst customTwMerge = extendTailwindMerge({\n  extend: {\n    theme: {\n      spacing: SPACE_SCALE_STEPS,\n    },\n    classGroups: {\n      // Extend font-size to include custom display and caps classes\n      'font-size': [\n        'display-sm',\n        'display-base',\n        'display-lg',\n        'display-xl',\n        'display-2xl',\n        'caps-label-sm',\n        'caps-label-xs',\n        'text-xxs',\n        'text-xs',\n        'text-sm',\n        'text-base',\n        'text-lg',\n        'text-xl',\n      ],\n      // Extend bg-color to include custom background colors\n      'bg-color': [\n        'bg-primary',\n        'bg-primary-hover',\n        'bg-secondary',\n        'bg-secondary-hover',\n        'bg-tertiary',\n        'bg-quaternary',\n        'bg-surface-level-1',\n        'bg-surface-level-1-hover',\n        'bg-surface-level-2',\n        'bg-surface-level-2-hover',\n        'bg-surface-level-3',\n        'bg-surface-level-4',\n        'bg-disabled',\n        'bg-elevated',\n        'bg-elevated-hover',\n        'bg-elevated-selected',\n        'bg-overlay',\n        'bg-brand',\n        'bg-brand-hover',\n        'bg-brand-subtle',\n        'bg-brand-subtle-gradient',\n        'bg-brand-subtle-hover',\n        'bg-brand-illustration',\n        'bg-brand-muted',\n        'bg-brand-primary',\n        'bg-brand-primary-hover',\n        'bg-brand-secondary',\n        'bg-brand-secondary-hover',\n        'bg-brand-tertiary',\n        'bg-purple',\n        'bg-success',\n        'bg-success-subtle',\n        'bg-success-primary',\n        'bg-success-secondary',\n        'bg-success-strong',\n        'bg-error',\n        'bg-error-subtle',\n        'bg-error-primary',\n        'bg-error-secondary',\n        'bg-error-strong',\n        'bg-warning',\n        'bg-warning-subtle',\n        'bg-warning-primary',\n        'bg-warning-secondary',\n        'bg-warning-strong',\n        'bg-control-active',\n        'bg-control-active-hover',\n        'bg-control-thumb',\n        'bg-control-disabled',\n        'bg-selected',\n        'bg-selected-hover',\n        ...brandBgClasses,\n      ],\n      // Extend border-color to include custom border colors\n      'border-color': [\n        'border-default',\n        'border-subtle',\n        'border-muted',\n        'border-faint',\n        'border-primary',\n        'border-secondary',\n        'border-tertiary',\n        'border-quaternary',\n        'border-error',\n        'border-error-strong',\n        'border-brand',\n        'border-brand-strong',\n        'border-brand-subtle',\n        'border-strong',\n        'border-disabled',\n        'border-focus',\n        'border-warning',\n        'border-success',\n        'border-purple',\n        'border-status-green',\n        'border-status-orange',\n        'border-status-yellow',\n        'border-status-red',\n        ...brandBorderClasses,\n        ...buttonBorderColorClasses,\n      ],\n      // Extend text-color to include custom text colors\n      'text-color': [\n        'text-primary',\n        'text-secondary',\n        'text-tertiary',\n        'text-quaternary',\n        'text-disabled',\n        'text-error-secondary',\n        'text-warning-secondary',\n        'text-success-secondary',\n        'text-placeholder',\n        'text-control-active-foreground',\n        'text-purple',\n        'text-brand-primary',\n        'text-brand-secondary',\n        'text-brand-tertiary',\n        'text-brand-disabled',\n        'text-brand-on-fill',\n        'text-link',\n        'text-link-hover',\n        'text-status-green',\n        'text-status-orange',\n        'text-status-yellow',\n        'text-status-red',\n        'text-button-primary',\n        'text-icon-primary',\n        'text-icon-secondary',\n        'text-icon-tertiary',\n        'text-icon-disabled',\n        'text-icon-brand',\n        'text-icon-error',\n        'text-icon-success',\n        'text-icon-warning',\n        ...brandTextClasses,\n        ...buttonTextColorClasses,\n      ],\n    },\n  },\n});\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return customTwMerge(clsx(inputs));\n};\n"],"mappings":";;;;AAKA,IAAM,sBAAsB;CAC1B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AAEA,IAAM,iBAAiB,oBAAoB,KAAK,SAAS,YAAY,MAAM;AAC3E,IAAM,qBAAqB,oBAAoB,KAC5C,SAAS,gBAAgB,MAC5B;AACA,IAAM,mBAAmB,oBAAoB,KAC1C,SAAS,cAAc,MAC1B;AACA,IAAM,2BAA2B;CAC/B;CACA;CACA;CACA;CACA;CACA;CACA;AACF;AACA,IAAM,yBAAyB;CAC7B;CACA;CACA;CACA;AACF;AAeA,IAAM,gBAAgB,oBAAoB,EACxC,QAAQ;CACN,OAAO,EACL,SAAS;EAdb;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CAMa,EACX;CACA,aAAa;EAEX,aAAa;GACX;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;EAEA,YAAY;GACV;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;EACL;EAEA,gBAAgB;GACd;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;EACL;EAEA,cAAc;GACZ;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,GAAG;GACH,GAAG;EACL;CACF;AACF,EACF,CAAC;AAED,IAAa,MAAM,GAAG,WAAyB;CAC7C,OAAO,cAAc,KAAK,MAAM,CAAC;AACnC"}

package/dist/utils/componentSizes.d.ts

@@ -0,0 +1,104 @@
+/**
+ * Named outer-size contracts shared by related design-system components.
+ *
+ * Each family owns its supported tiers. Do not combine these into a universal
+ * size type: the same name is meaningful only within its component family.
+ */
+/** Components: Decorated Icon, Avatar, and Spinner. */
+export declare const VISUAL_ELEMENT_SIZES: {
+    readonly xxs: {
+        readonly name: "xxs";
+        readonly rem: 0.75;
+        readonly className: "size-3";
+    };
+    readonly xs: {
+        readonly name: "xs";
+        readonly rem: 1;
+        readonly className: "size-4";
+    };
+    readonly sm: {
+        readonly name: "sm";
+        readonly rem: 1.25;
+        readonly className: "size-5";
+    };
+    readonly md: {
+        readonly name: "md";
+        readonly rem: 1.5;
+        readonly className: "size-6";
+    };
+};
+export type VisualElementSize = keyof typeof VISUAL_ELEMENT_SIZES;
+/**
+ * Components: Button, IconButton, ButtonGroup, CopyButton, Input,
+ * CommandInput, Select, Typeahead, and GroupedTabs.
+ */
+export declare const CONTROL_SIZES: {
+    readonly xs: {
+        readonly name: "xs";
+        readonly rem: 1.25;
+        readonly heightClassName: "h-5";
+        readonly minHeightClassName: "min-h-5";
+    };
+    readonly sm: {
+        readonly name: "sm";
+        readonly rem: 1.5;
+        readonly heightClassName: "h-6";
+        readonly minHeightClassName: "min-h-6";
+    };
+    readonly md: {
+        readonly name: "md";
+        readonly rem: 2;
+        readonly heightClassName: "h-8";
+        readonly minHeightClassName: "min-h-8";
+    };
+    readonly lg: {
+        readonly name: "lg";
+        readonly rem: 2.5;
+        readonly heightClassName: "h-10";
+        readonly minHeightClassName: "min-h-10";
+    };
+};
+export type ControlSize = keyof typeof CONTROL_SIZES;
+/**
+ * Components: Checkbox, RadioButton, Switch, and RadioCard support every tier.
+ * RadioGroupItem and Slider retain intrinsic/default geometry. Applies to
+ * indicator geometry, not intrinsic row/card height.
+ */
+export declare const SELECTION_CONTROL_SIZES: {
+    readonly sm: {
+        readonly name: "sm";
+        readonly rem: 1;
+        readonly className: "size-4";
+        readonly heightClassName: "h-4";
+    };
+    readonly md: {
+        readonly name: "md";
+        readonly rem: 1.25;
+        readonly className: "size-5";
+        readonly heightClassName: "h-5";
+    };
+};
+export type SelectionControlSize = keyof typeof SELECTION_CONTROL_SIZES;
+/**
+ * Keeps compact visual indicators at least 24px pointer targets without
+ * changing their layout geometry.
+ */
+export declare const SELECTION_CONTROL_HIT_AREA_STYLES = "relative after:absolute after:left-1/2 after:top-1/2 after:min-h-6 after:min-w-6 after:-translate-x-1/2 after:-translate-y-1/2 after:content-['']";
+/**
+ * Components: CommandItem, DropdownMenuItem, DropdownMenuSubTrigger,
+ * ContextMenuItem, SelectItem, and Typeahead option/create-option rows.
+ */
+export declare const OPTION_ROW_SIZES: {
+    readonly sm: {
+        readonly name: "sm";
+        readonly rem: 1.5;
+        readonly minHeightClassName: "min-h-6";
+    };
+    readonly md: {
+        readonly name: "md";
+        readonly rem: 2;
+        readonly minHeightClassName: "min-h-8";
+    };
+};
+/** @knipignore Public family type for components adopting this contract. */
+export type OptionRowSize = keyof typeof OPTION_ROW_SIZES;