@persona/design-system 0.4.0 → 0.5.1

package/dist/components/CodeHighlight/index.mjs

@@ -0,0 +1,381 @@
+import { a as styled } from "../../styledComponentsInterop-NxwFjeA4.mjs";
+import { t as useToggle } from "../../useToggle-0zLL1E7s.mjs";
+import { Z_INDICES } from "../../lib/zindex.mjs";
+import { focusOutline } from "../../mixins/focus.mjs";
+import { n as Button } from "../../IconButton-CnJNIJVQ.mjs";
+import PrismWithLanguages_default from "./PrismWithLanguages.mjs";
+import { Color, Spacing } from "@persona/design-tokens";
+import { useCallback, useLayoutEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+import { ArrowCollapseIcon, ArrowExpandIcon } from "@persona/icons";
+import { ChevronDownIcon as ChevronDownIcon$1, ChevronRightIcon as ChevronRightIcon$1 } from "@persona/icons/12px";
+import { Link } from "react-router-dom";
+import { Highlight, themes } from "prism-react-renderer";
+//#region components/CodeHighlight/CodeHighlight.tsx
+const LINE_HEIGHT = 1.5;
+const Wrapper = styled.div`
+  font-family: ${({ theme }) => theme.text.fontFamily.mono};
+  font-size: ${({ theme }) => theme.text.paragraph.sm.fontSize};
+  line-height: ${LINE_HEIGHT};
+  text-align: center;
+  position: relative;
+`;
+const ExpandButtonContainer = styled.div`
+  position: absolute;
+  top: ${Spacing[2]};
+  right: ${Spacing[4]};
+  display: flex;
+  gap: ${Spacing[1]};
+  z-index: ${Z_INDICES.withShadow};
+`;
+const CollapseTriangle = styled.button`
+  cursor: pointer;
+  user-select: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 12px;
+  height: 12px;
+  margin-right: ${Spacing[1]};
+  color: ${Color.TextSecondary};
+  background: none;
+  border: none;
+  padding: 0;
+
+  &:hover {
+    color: ${Color.TextActive};
+  }
+
+  ${focusOutline}
+`;
+const Pre = styled.pre`
+  max-height: ${({ theme, expanded, rowsToShow }) => {
+	if (expanded || rowsToShow == null) return "unset";
+	const charHeight = parseFloat(theme.text.paragraph.sm.fontSize);
+	const rowHeight = charHeight * LINE_HEIGHT;
+	const marginHeight = charHeight * 2;
+	return `${rowsToShow * rowHeight + marginHeight}px`;
+}};
+
+  border-radius: ${({ theme }) => theme.element.borderRadius};
+  font-family: inherit;
+  text-align: left;
+  padding: 1rem; // Custom padding to match typical code block formatting
+  overflow: auto;
+
+  a {
+    /* overwrite dashboard global styles */
+    font-size: inherit;
+    line-height: inherit;
+    text-decoration: underline;
+  }
+`;
+const Line = styled.div`
+  display: table-row;
+`;
+const LineNo = styled.span`
+  display: table-cell;
+  text-align: right;
+  padding-right: 1rem; // Custom padding for line number gutter spacing
+  user-select: none;
+  opacity: 0.5;
+`;
+const LineContent = styled.span`
+  display: table-cell;
+`;
+const IndentSpacer = styled.span`
+  display: inline-block;
+  width: 16px; // Match collapse triangle icon (12px) + margin (4px) for alignment
+`;
+const CollapsedItemCount = styled.span`
+  color: ${Color.TextSecondary};
+`;
+const analyzeJsonStructure = (tokens, jsonString) => {
+	const collapsibleRegions = /* @__PURE__ */ new Map();
+	try {
+		const parsed = JSON.parse(jsonString);
+		const stack = [];
+		let depth = 0;
+		tokens.forEach((line, lineNum) => {
+			line.forEach((token) => {
+				if (token.types.includes("punctuation")) {
+					if (token.content === "{" || token.content === "[") {
+						stack.push({
+							line: lineNum,
+							char: token.content,
+							depth
+						});
+						depth++;
+					} else if (token.content === "}" || token.content === "]") {
+						depth--;
+						const opening = stack.pop();
+						if (opening && opening.line < lineNum) {
+							const startLine = opening.line;
+							const endLine = lineNum;
+							if (opening.depth === 0) return;
+							const itemCount = countItemsInRegion(parsed, tokens, startLine, endLine, opening.char);
+							if (itemCount > 0) collapsibleRegions.set(startLine, {
+								startLine,
+								endLine,
+								type: opening.char === "{" ? "object" : "array",
+								itemCount
+							});
+						}
+					}
+				}
+			});
+		});
+	} catch {
+		return /* @__PURE__ */ new Map();
+	}
+	return collapsibleRegions;
+};
+const countItemsInRegion = (_parsed, tokens, startLine, endLine, openChar) => {
+	let itemCount = 0;
+	let depth = 0;
+	for (let i = startLine; i <= endLine; i++) tokens[i]?.forEach((token) => {
+		if (!token.types.includes("punctuation")) return;
+		if (token.content === openChar) depth++;
+		else if (token.content === (openChar === "{" ? "}" : "]")) depth--;
+		if (token.content === "," && depth === 1) itemCount++;
+	});
+	return itemCount > 0 ? itemCount + 1 : 0;
+};
+const CodeHighlight = ({ id, children = "", language = "markup", rowsToShow, light = false, className, resolveEntityLink }) => {
+	const [expanded, { toggle: toggleExpanded }] = useToggle();
+	const rowCount = useMemo(() => children.match(/\n/g)?.length ?? 0, [children]);
+	const [collapsedLines, setCollapsedLines] = useState(/* @__PURE__ */ new Set());
+	const [hasCollapsibleRegions, setHasCollapsibleRegions] = useState(false);
+	const collapsibleRegionsRef = useRef(/* @__PURE__ */ new Map());
+	useLayoutEffect(() => {
+		if (language !== "json") {
+			if (hasCollapsibleRegions) setHasCollapsibleRegions(false);
+			return;
+		}
+		const hasRegions = collapsibleRegionsRef.current.size > 0;
+		if (hasRegions !== hasCollapsibleRegions) setHasCollapsibleRegions(hasRegions);
+	});
+	const toggleLineCollapse = useCallback((lineNumber, event) => {
+		if (event && "key" in event) event.preventDefault();
+		setCollapsedLines((prev) => {
+			const next = new Set(prev);
+			if (next.has(lineNumber)) next.delete(lineNumber);
+			else next.add(lineNumber);
+			return next;
+		});
+	}, []);
+	const collapseAll = useCallback(() => {
+		setCollapsedLines(new Set(collapsibleRegionsRef.current.keys()));
+	}, []);
+	const expandAll = useCallback(() => {
+		setCollapsedLines(/* @__PURE__ */ new Set());
+	}, []);
+	const allowExpanding = rowsToShow != null && rowsToShow < rowCount;
+	return /* @__PURE__ */ jsxs(Wrapper, {
+		className,
+		children: [(allowExpanding || hasCollapsibleRegions) && /* @__PURE__ */ jsxs(ExpandButtonContainer, { children: [hasCollapsibleRegions && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Button, {
+			id: `code-highlight__${id}__collapse-all`,
+			size: "sm",
+			variant: "inverse",
+			onClick: collapseAll,
+			"aria-label": "Collapse all JSON regions",
+			"data-test": "code-highlight__collapse-all",
+			children: "Collapse All"
+		}), /* @__PURE__ */ jsx(Button, {
+			id: `code-highlight__${id}__expand-all`,
+			size: "sm",
+			variant: "inverse",
+			onClick: expandAll,
+			"aria-label": "Expand all JSON regions",
+			"data-test": "code-highlight__expand-all",
+			children: "Expand All"
+		})] }), allowExpanding && /* @__PURE__ */ jsx(Button, {
+			id: `code-highlight__${id}__expand-button`,
+			size: "sm",
+			width: "icon",
+			onClick: toggleExpanded,
+			variant: "inverse",
+			"data-test": "code-highlight__expand",
+			children: expanded ? /* @__PURE__ */ jsx(ArrowCollapseIcon, {}) : /* @__PURE__ */ jsx(ArrowExpandIcon, {})
+		})] }), /* @__PURE__ */ jsx(Highlight, {
+			"data-test": "code-highlight",
+			theme: light ? themes.nightOwlLight : THEME,
+			code: children,
+			prism: PrismWithLanguages_default,
+			language,
+			children: ({ className, style, tokens, getLineProps, getTokenProps }) => {
+				const collapsibleRegions = language === "json" ? analyzeJsonStructure(tokens, children) : /* @__PURE__ */ new Map();
+				collapsibleRegionsRef.current = collapsibleRegions;
+				const isJsonFoldingEnabled = collapsibleRegions.size > 0;
+				const hiddenLines = /* @__PURE__ */ new Set();
+				collapsedLines.forEach((collapsedLine) => {
+					const region = collapsibleRegions.get(collapsedLine);
+					if (region) for (let i = region.startLine + 1; i <= region.endLine; i++) hiddenLines.add(i);
+				});
+				return /* @__PURE__ */ jsx(Pre, {
+					className,
+					style,
+					"data-test": id,
+					expanded,
+					rowsToShow,
+					children: tokens.map((line, i) => {
+						if (hiddenLines.has(i)) return null;
+						const region = collapsibleRegions.get(i);
+						const isCollapsed = collapsedLines.has(i);
+						const isCollapsible = region != null;
+						return /* @__PURE__ */ jsxs(Line, {
+							...getLineProps({
+								line,
+								key: i
+							}),
+							children: [/* @__PURE__ */ jsx(LineNo, { children: i + 1 }), /* @__PURE__ */ jsxs(LineContent, { children: [
+								isCollapsible && /* @__PURE__ */ jsx(CollapseTriangle, {
+									$isCollapsed: isCollapsed,
+									onClick: (e) => toggleLineCollapse(i, e),
+									onKeyDown: (e) => {
+										if (e.key === "Enter" || e.key === " ") toggleLineCollapse(i, e);
+									},
+									"aria-expanded": !isCollapsed,
+									"aria-label": `${isCollapsed ? "Expand" : "Collapse"} JSON ${region?.type} with ${region?.itemCount} items`,
+									type: "button",
+									tabIndex: 0,
+									"data-test": `code-highlight__collapse-toggle__${i}`,
+									children: isCollapsed ? /* @__PURE__ */ jsx(ChevronRightIcon$1, {}) : /* @__PURE__ */ jsx(ChevronDownIcon$1, {})
+								}),
+								!isCollapsible && isJsonFoldingEnabled && /* @__PURE__ */ jsx(IndentSpacer, {}),
+								isCollapsed && region ? /* @__PURE__ */ jsx(Fragment$1, { children: line.map((token, key) => {
+									const tokenProps = getTokenProps({
+										token,
+										key
+									});
+									if (token.content === "{" || token.content === "[") return /* @__PURE__ */ jsxs("span", { children: [
+										/* @__PURE__ */ jsx("span", { ...tokenProps }),
+										/* @__PURE__ */ jsx(CollapsedItemCount, { children: ` ${region.itemCount} ${region.itemCount === 1 ? "item" : "items"} ` }),
+										/* @__PURE__ */ jsx("span", {
+											...tokenProps,
+											children: region.type === "object" ? "}" : "]"
+										})
+									] }, key);
+									return /* @__PURE__ */ jsx("span", { ...tokenProps }, key);
+								}) }) : /* @__PURE__ */ jsx(Fragment$1, { children: line.map((token, key) => {
+									const tokenProps = getTokenProps({
+										token,
+										key
+									});
+									const tokenLink = resolveEntityLink != null && token.types[0] === "string" ? resolveEntityLink(token.content.slice(1, token.content.length - 1)) : void 0;
+									return tokenLink != null ? /* @__PURE__ */ jsxs("span", {
+										...tokenProps,
+										children: [
+											"\"",
+											/* @__PURE__ */ jsx(Link, {
+												to: tokenLink,
+												...tokenProps,
+												children: tokenProps.children.slice(1, tokenProps.children.length - 1)
+											}),
+											"\""
+										]
+									}) : /* @__PURE__ */ jsx("span", { ...tokenProps }, key);
+								}) })
+							] })]
+						}, i);
+					})
+				});
+			}
+		})]
+	});
+};
+const THEME = {
+	plain: {
+		backgroundColor: "#161320",
+		color: "#9a86fd"
+	},
+	styles: [
+		{
+			types: [
+				"comment",
+				"prolog",
+				"doctype",
+				"cdata",
+				"punctuation"
+			],
+			style: { color: "#6c6783" }
+		},
+		{
+			types: ["namespace"],
+			style: { opacity: .7 }
+		},
+		{
+			types: [
+				"tag",
+				"operator",
+				"number",
+				"keyword"
+			],
+			style: {
+				color: "#e09142",
+				fontWeight: "bold"
+			}
+		},
+		{
+			types: ["property", "function"],
+			style: { color: "#9a86fd" }
+		},
+		{
+			types: [
+				"tag-id",
+				"selector",
+				"atrule-id"
+			],
+			style: { color: "#eeebff" }
+		},
+		{
+			types: ["attr-name"],
+			style: { color: "#c4b9fe" }
+		},
+		{
+			types: [
+				"boolean",
+				"string",
+				"entity",
+				"url",
+				"attr-value",
+				"control",
+				"directive",
+				"unit",
+				"statement",
+				"regex",
+				"at-rule",
+				"placeholder",
+				"variable"
+			],
+			style: { color: "#ffcc99" }
+		},
+		{
+			types: ["deleted"],
+			style: { textDecorationLine: "line-through" }
+		},
+		{
+			types: ["inserted"],
+			style: { textDecorationLine: "underline" }
+		},
+		{
+			types: ["italic"],
+			style: { fontStyle: "italic" }
+		},
+		{
+			types: ["important", "bold"],
+			style: { fontWeight: "bold" }
+		},
+		{
+			types: ["important"],
+			style: { color: "#c4b9fe" }
+		}
+	]
+};
+//#endregion
+//#region components/CodeHighlight/index.ts
+var CodeHighlight_default = CodeHighlight;
+//#endregion
+export { CodeHighlight_default as default };
+
+//# sourceMappingURL=index.mjs.map

package/dist/components/CodeHighlight/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["Prism","ChevronRightIcon","ChevronDownIcon"],"sources":["../../../components/CodeHighlight/CodeHighlight.tsx","../../../components/CodeHighlight/index.ts"],"sourcesContent":["import { Highlight, type Language, type PrismTheme, themes } from 'prism-react-renderer';\nimport { useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\n\nimport Button from '@persona/design-system/components/Button';\nimport { Z_INDICES } from '@persona/design-system/lib/zindex';\nimport { focusOutline } from '@persona/design-system/mixins/focus';\nimport { Color, Spacing } from '@persona/design-tokens';\nimport { ArrowCollapseIcon, ArrowExpandIcon } from '@persona/icons';\nimport { ChevronDownIcon, ChevronRightIcon } from '@persona/icons/12px';\nimport useToggle from 'design-system/lib/useToggle';\n\nimport Prism from './PrismWithLanguages';\n\nconst LINE_HEIGHT = 1.5;\n\nexport const Wrapper = styled.div`\n  font-family: ${({ theme }) => theme.text.fontFamily.mono};\n  font-size: ${({ theme }) => theme.text.paragraph.sm.fontSize};\n  line-height: ${LINE_HEIGHT};\n  text-align: center;\n  position: relative;\n`;\n\nexport const ExpandButtonContainer = styled.div`\n  position: absolute;\n  top: ${Spacing[2]};\n  right: ${Spacing[4]};\n  display: flex;\n  gap: ${Spacing[1]};\n  z-index: ${Z_INDICES.withShadow};\n`;\n\nexport const CollapseTriangle = styled.button<{ $isCollapsed: boolean }>`\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 12px;\n  height: 12px;\n  margin-right: ${Spacing[1]};\n  color: ${Color.TextSecondary};\n  background: none;\n  border: none;\n  padding: 0;\n\n  &:hover {\n    color: ${Color.TextActive};\n  }\n\n  ${focusOutline}\n`;\n\nexport const Pre = styled.pre<{ expanded: boolean; rowsToShow?: number }>`\n  max-height: ${({ theme, expanded, rowsToShow }) => {\n    if (expanded || rowsToShow == null) {\n      return 'unset';\n    }\n\n    const charHeight = parseFloat(theme.text.paragraph.sm.fontSize);\n    const rowHeight = charHeight * LINE_HEIGHT;\n    const marginHeight = charHeight * 2; // margin is 1rem\n    // Row height + top/bottom padding\n    return `${rowsToShow * rowHeight + marginHeight}px`;\n  }};\n\n  border-radius: ${({ theme }) => theme.element.borderRadius};\n  font-family: inherit;\n  text-align: left;\n  padding: 1rem; // Custom padding to match typical code block formatting\n  overflow: auto;\n\n  a {\n    /* overwrite dashboard global styles */\n    font-size: inherit;\n    line-height: inherit;\n    text-decoration: underline;\n  }\n`;\n\nexport const Line = styled.div`\n  display: table-row;\n`;\n\nexport const LineNo = styled.span`\n  display: table-cell;\n  text-align: right;\n  padding-right: 1rem; // Custom padding for line number gutter spacing\n  user-select: none;\n  opacity: 0.5;\n`;\n\nexport const LineContent = styled.span`\n  display: table-cell;\n`;\n\nexport const IndentSpacer = styled.span`\n  display: inline-block;\n  width: 16px; // Match collapse triangle icon (12px) + margin (4px) for alignment\n`;\n\nexport const CollapsedItemCount = styled.span`\n  color: ${Color.TextSecondary};\n`;\n\n// mirrored from lib -- not exported\ntype Token = {\n  types: string[];\n  content: string;\n  empty?: boolean;\n};\n\ntype CollapsibleRegion = {\n  startLine: number;\n  endLine: number;\n  type: 'object' | 'array';\n  itemCount: number;\n};\n\n// Analyzes JSON structure from Prism tokens to find collapsible regions\n// This correctly handles brackets/braces inside strings by using tokenization\nconst analyzeJsonStructure = (\n  tokens: Token[][],\n  jsonString: string,\n): Map<number, CollapsibleRegion> => {\n  const collapsibleRegions = new Map<number, CollapsibleRegion>();\n\n  try {\n    // Validate JSON is parseable\n    const parsed = JSON.parse(jsonString);\n\n    // Use a stack to track opening brackets/braces with their line numbers\n    const stack: Array<{ line: number; char: '{' | '['; depth: number }> = [];\n    let depth = 0;\n\n    tokens.forEach((line, lineNum) => {\n      line.forEach((token) => {\n        // Only process punctuation tokens (not strings)\n        if (token.types.includes('punctuation')) {\n          if (token.content === '{' || token.content === '[') {\n            stack.push({ line: lineNum, char: token.content, depth });\n            depth++;\n          } else if (token.content === '}' || token.content === ']') {\n            depth--;\n            const opening = stack.pop();\n\n            if (opening && opening.line < lineNum) {\n              // This is a multi-line object/array\n              const startLine = opening.line;\n              const endLine = lineNum;\n\n              // Skip root-level (depth 0) regions\n              if (opening.depth === 0) {\n                return;\n              }\n\n              // Count items in this region\n              const itemCount = countItemsInRegion(\n                parsed,\n                tokens,\n                startLine,\n                endLine,\n                opening.char,\n              );\n\n              // Only add regions with items (skip empty objects/arrays)\n              if (itemCount > 0) {\n                collapsibleRegions.set(startLine, {\n                  startLine,\n                  endLine,\n                  type: opening.char === '{' ? 'object' : 'array',\n                  itemCount,\n                });\n              }\n            }\n          }\n        }\n      });\n    });\n  } catch {\n    // If JSON is invalid, return empty map\n    return new Map();\n  }\n\n  return collapsibleRegions;\n};\n\n// Count items in a collapsible region by counting commas at the same depth\nconst countItemsInRegion = (\n  _parsed: unknown,\n  tokens: Token[][],\n  startLine: number,\n  endLine: number,\n  openChar: '{' | '[',\n): number => {\n  let itemCount = 0;\n  let depth = 0;\n\n  // Iterate through lines in the region\n  for (let i = startLine; i <= endLine; i++) {\n    tokens[i]?.forEach((token) => {\n      if (!token.types.includes('punctuation')) {\n        return;\n      }\n\n      // Track depth\n      if (token.content === openChar) {\n        depth++;\n      } else if (token.content === (openChar === '{' ? '}' : ']')) {\n        depth--;\n      }\n\n      // Count commas at depth 1 (immediate children)\n      if (token.content === ',' && depth === 1) {\n        itemCount++;\n      }\n    });\n  }\n\n  // Items = commas + 1 (if any content exists)\n  return itemCount > 0 ? itemCount + 1 : 0;\n};\n\ninterface CodeHighlightProps {\n  id?: string;\n  children: string;\n  language?: Language;\n  rowsToShow?: number;\n  light?: boolean;\n  className?: string;\n  resolveEntityLink?: (token: string) => string | undefined;\n}\n\nconst CodeHighlight = ({\n  id,\n  children = '',\n  language = 'markup',\n  rowsToShow,\n  light = false,\n  className,\n  resolveEntityLink,\n}: CodeHighlightProps) => {\n  const [expanded, { toggle: toggleExpanded }] = useToggle();\n  const rowCount = useMemo(() => children.match(/\\n/g)?.length ?? 0, [children]);\n\n  // JSON folding state\n  const [collapsedLines, setCollapsedLines] = useState<Set<number>>(new Set());\n  const [hasCollapsibleRegions, setHasCollapsibleRegions] = useState(false);\n  const collapsibleRegionsRef = useRef<Map<number, CollapsibleRegion>>(new Map());\n\n  // Sync hasCollapsibleRegions state from ref after render (avoids state update during render)\n  useLayoutEffect(() => {\n    if (language !== 'json') {\n      if (hasCollapsibleRegions) {\n        setHasCollapsibleRegions(false);\n      }\n      return;\n    }\n\n    const hasRegions = collapsibleRegionsRef.current.size > 0;\n    if (hasRegions !== hasCollapsibleRegions) {\n      setHasCollapsibleRegions(hasRegions);\n    }\n  });\n\n  const toggleLineCollapse = useCallback(\n    (lineNumber: number, event?: React.KeyboardEvent | React.MouseEvent) => {\n      // Prevent default if it's a keyboard event to avoid page scrolling\n      if (event && 'key' in event) {\n        event.preventDefault();\n      }\n\n      setCollapsedLines((prev) => {\n        const next = new Set(prev);\n        if (next.has(lineNumber)) {\n          next.delete(lineNumber);\n        } else {\n          next.add(lineNumber);\n        }\n        return next;\n      });\n    },\n    [],\n  );\n\n  const collapseAll = useCallback(() => {\n    setCollapsedLines(new Set(collapsibleRegionsRef.current.keys()));\n  }, []);\n\n  const expandAll = useCallback(() => {\n    setCollapsedLines(new Set());\n  }, []);\n\n  const allowExpanding = rowsToShow != null && rowsToShow < rowCount;\n\n  return (\n    <Wrapper className={className}>\n      {(allowExpanding || hasCollapsibleRegions) && (\n        <ExpandButtonContainer>\n          {hasCollapsibleRegions && (\n            <>\n              <Button\n                id={`code-highlight__${id}__collapse-all`}\n                size='sm'\n                variant='inverse'\n                onClick={collapseAll}\n                aria-label='Collapse all JSON regions'\n                data-test='code-highlight__collapse-all'\n              >\n                Collapse All\n              </Button>\n              <Button\n                id={`code-highlight__${id}__expand-all`}\n                size='sm'\n                variant='inverse'\n                onClick={expandAll}\n                aria-label='Expand all JSON regions'\n                data-test='code-highlight__expand-all'\n              >\n                Expand All\n              </Button>\n            </>\n          )}\n          {allowExpanding && (\n            <Button\n              id={`code-highlight__${id}__expand-button`}\n              size='sm'\n              width='icon'\n              onClick={toggleExpanded}\n              variant='inverse'\n              data-test='code-highlight__expand'\n            >\n              {expanded ? <ArrowCollapseIcon /> : <ArrowExpandIcon />}\n            </Button>\n          )}\n        </ExpandButtonContainer>\n      )}\n      <Highlight\n        data-test='code-highlight'\n        theme={light ? themes.nightOwlLight : THEME}\n        code={children}\n        prism={Prism}\n        language={language}\n      >\n        {({ className, style, tokens, getLineProps, getTokenProps }) => {\n          // Compute collapsible regions from tokens (only for JSON)\n          const collapsibleRegions =\n            language === 'json' ? analyzeJsonStructure(tokens, children) : new Map();\n\n          // Update ref (state will be synced in useLayoutEffect)\n          collapsibleRegionsRef.current = collapsibleRegions;\n\n          const isJsonFoldingEnabled = collapsibleRegions.size > 0;\n\n          // Determine which lines should be hidden based on collapsed state\n          const hiddenLines = new Set<number>();\n          collapsedLines.forEach((collapsedLine) => {\n            const region = collapsibleRegions.get(collapsedLine);\n            if (region) {\n              // Hide all lines between start and end (exclusive)\n              for (let i = region.startLine + 1; i <= region.endLine; i++) {\n                hiddenLines.add(i);\n              }\n            }\n          });\n\n          return (\n            <Pre\n              className={className}\n              style={style}\n              data-test={id}\n              expanded={expanded}\n              rowsToShow={rowsToShow}\n            >\n              {tokens.map((line, i) => {\n                // Skip hidden lines\n                if (hiddenLines.has(i)) {\n                  return null;\n                }\n\n                const region = collapsibleRegions.get(i);\n                const isCollapsed = collapsedLines.has(i);\n                const isCollapsible = region != null;\n\n                return (\n                  <Line key={i} {...getLineProps({ line, key: i })}>\n                    <LineNo>{i + 1}</LineNo>\n                    <LineContent>\n                      {isCollapsible && (\n                        <CollapseTriangle\n                          $isCollapsed={isCollapsed}\n                          onClick={(e) => toggleLineCollapse(i, e)}\n                          onKeyDown={(e) => {\n                            if (e.key === 'Enter' || e.key === ' ') {\n                              toggleLineCollapse(i, e);\n                            }\n                          }}\n                          aria-expanded={!isCollapsed}\n                          aria-label={`${isCollapsed ? 'Expand' : 'Collapse'} JSON ${region?.type} with ${region?.itemCount} items`}\n                          type='button'\n                          tabIndex={0}\n                          data-test={`code-highlight__collapse-toggle__${i}`}\n                        >\n                          {isCollapsed ? <ChevronRightIcon /> : <ChevronDownIcon />}\n                        </CollapseTriangle>\n                      )}\n                      {!isCollapsible && isJsonFoldingEnabled && <IndentSpacer />}\n                      {isCollapsed && region ? (\n                        // Render collapsed representation\n                        <>\n                          {line.map((token, key) => {\n                            const tokenProps = getTokenProps({ token, key });\n                            // Only render up to the opening bracket\n                            if (token.content === '{' || token.content === '[') {\n                              return (\n                                <span key={key}>\n                                  <span {...tokenProps} />\n                                  <CollapsedItemCount>\n                                    {` ${region.itemCount} ${region.itemCount === 1 ? 'item' : 'items'} `}\n                                  </CollapsedItemCount>\n                                  <span {...tokenProps}>\n                                    {region.type === 'object' ? '}' : ']'}\n                                  </span>\n                                </span>\n                              );\n                            }\n                            // Render tokens before the bracket\n                            return <span key={key} {...tokenProps} />;\n                          })}\n                        </>\n                      ) : (\n                        // Render normal line\n                        <>\n                          {line.map((token, key) => {\n                            const tokenProps = getTokenProps({ token, key });\n                            const tokenLink =\n                              resolveEntityLink != null && token.types[0] === 'string'\n                                ? resolveEntityLink(\n                                    token.content.slice(1, token.content.length - 1),\n                                  )\n                                : undefined;\n\n                            return tokenLink != null ? (\n                              <span {...tokenProps}>\n                                &quot;\n                                <Link to={tokenLink} {...tokenProps}>\n                                  {tokenProps.children.slice(1, tokenProps.children.length - 1)}\n                                </Link>\n                                &quot;\n                              </span>\n                            ) : (\n                              <span key={key} {...tokenProps} />\n                            );\n                          })}\n                        </>\n                      )}\n                    </LineContent>\n                  </Line>\n                );\n              })}\n            </Pre>\n          );\n        }}\n      </Highlight>\n    </Wrapper>\n  );\n};\n\nexport default CodeHighlight;\n\n// Based off of https://github.com/FormidableLabs/prism-react-renderer/blob/master/src/themes/duotoneDark.js\n// NOTE: This theme uses hardcoded hex colors instead of design tokens because it's a specialized\n// syntax highlighting theme for the prism-react-renderer library. The colors are carefully chosen\n// for code readability and are not semantic UI colors from our design system.\nconst THEME: PrismTheme = {\n  plain: {\n    backgroundColor: '#161320', // edited\n    color: '#9a86fd',\n  },\n  styles: [\n    {\n      types: ['comment', 'prolog', 'doctype', 'cdata', 'punctuation'],\n      style: {\n        color: '#6c6783',\n      },\n    },\n    {\n      types: ['namespace'],\n      style: {\n        opacity: 0.7,\n      },\n    },\n    {\n      types: ['tag', 'operator', 'number', 'keyword'],\n      style: {\n        color: '#e09142',\n        fontWeight: 'bold', // added for more contrast\n      },\n    },\n    {\n      types: ['property', 'function'],\n      style: {\n        color: '#9a86fd',\n      },\n    },\n    {\n      types: ['tag-id', 'selector', 'atrule-id'],\n      style: {\n        color: '#eeebff',\n      },\n    },\n    {\n      types: ['attr-name'],\n      style: {\n        color: '#c4b9fe',\n      },\n    },\n    {\n      types: [\n        'boolean',\n        'string',\n        'entity',\n        'url',\n        'attr-value',\n        'control',\n        'directive',\n        'unit',\n        'statement',\n        'regex',\n        'at-rule',\n        'placeholder',\n        'variable',\n      ],\n      style: {\n        color: '#ffcc99',\n      },\n    },\n    {\n      types: ['deleted'],\n      style: {\n        textDecorationLine: 'line-through',\n      },\n    },\n    {\n      types: ['inserted'],\n      style: {\n        textDecorationLine: 'underline',\n      },\n    },\n    {\n      types: ['italic'],\n      style: {\n        fontStyle: 'italic',\n      },\n    },\n    {\n      types: ['important', 'bold'],\n      style: {\n        fontWeight: 'bold',\n      },\n    },\n    {\n      types: ['important'],\n      style: {\n        color: '#c4b9fe',\n      },\n    },\n  ],\n};\n","import CodeHighlight from './CodeHighlight';\n\nexport default CodeHighlight;\n"],"mappings":"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"}

package/dist/components/Combobox/index.d.mts

@@ -1,3 +1,3 @@
-import { D as flattenOptions, a as ComboboxOptionGroup, i as ComboboxOption, o as ComboboxOptionsOrGroups, t as CaretButton } from "../../ComboboxBase-BkSpdmsT.mjs";
-import { n as ComboboxProps, t as Combobox } from "../../Combobox-C9QBItsc.mjs";
+import { D as flattenOptions, a as ComboboxOptionGroup, i as ComboboxOption, o as ComboboxOptionsOrGroups, t as CaretButton } from "../../ComboboxBase-Ds_i3K2m.mjs";
+import { n as ComboboxProps, t as Combobox } from "../../Combobox-DX4DLe1b.mjs";
 export { CaretButton, Combobox, Combobox as default, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, ComboboxProps, flattenOptions };

package/dist/components/Combobox/index.mjs

@@ -1,2 +1,2 @@
-import { n as CaretButton, r as flattenOptions, t as Combobox } from "../../Combobox-BUtqtzKl.mjs";
+import { n as CaretButton, r as flattenOptions, t as Combobox } from "../../Combobox-Ddas5FN-.mjs";
 export { CaretButton, Combobox, Combobox as default, flattenOptions };

package/dist/components/ConfigFormGroup/index.mjs

@@ -1,3 +1,3 @@
-import { n as useFormGroup, t as FormGroupContext } from "../../useFormGroup-CaTiD_Yt.mjs";
-import { t as ConfigFormGroup } from "../../ConfigFormGroup-aSdn2r6Z.mjs";
+import { n as useFormGroup, t as FormGroupContext } from "../../useFormGroup-y-duFylq.mjs";
+import { t as ConfigFormGroup } from "../../ConfigFormGroup-DcsM-u8o.mjs";
 export { ConfigFormGroup, ConfigFormGroup as default, FormGroupContext, useFormGroup };

package/dist/components/DataTable/TableControls/index.d.mts

@@ -1,19 +1,20 @@
-import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-DwAhPcb5.mjs";
-import { n as DataTableCompactBar } from "../../../CompactBar-COxu_FDd.mjs";
-import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-BqB7pOh8.mjs";
-import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-ChFsFEjR.mjs";
-import { t as dateRuleIntent } from "../../../date-rule-intent-BArNGT2E.mjs";
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, f as FilterSize, h as isEmptyState, i as EMPTY_FILTER_STATE, l as FilterRule, m as TopLevelFilterRule, n as CompoundExpression, o as FilterFieldSource, p as FilterStateV2, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "../../../types-V8UJX-rk.mjs";
-import { t as resolveDateRangeRuleValue } from "../../../date-range-rule-value-DBEEWTQp.mjs";
-import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-D6niLExM.mjs";
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-qKTH1ErF.mjs";
-import { t as FilterBar } from "../../../FilterBar-DfBV7yKM.mjs";
-import { t as FilterBarProps } from "../../../index-DASkW991.mjs";
-import { a as useFilterBarSize } from "../../../filter-size-context-D1UhTwOG.mjs";
-import { a as getDefaultOperatorForType, c as getOperatorsForType, d as isValuelessOperator, f as reconcileValueForOperator, l as isCompleteDateRange, r as emptyValueForRule, s as getOperatorsForField, u as isRangeOperator } from "../../../operators-BsSl7gPE.mjs";
-import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "../../../url-state-ektb0HnB.mjs";
-import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "../../../useFilterStateV2-BB14vCC-.mjs";
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "../../../validation-B22QjCrV.mjs";
-import { t as ValueControlProps } from "../../../types-B5VmRRMR.mjs";
-import { t as TableControls } from "../../../TableControls-C26vGkWZ.mjs";
-export { AndGroup, CompoundExpression, ControlBar, ControlBarProps, DataTableCompactBar, DateRangeFilterValue, EMPTY_FILTER_STATE, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar, FilterBarProps, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterStateV2, RawFieldInfo, ResolveValueControlOptions, TableControlsContext, TableControlsContextProps, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TopLevelFilterRule, UrlStateCodecResult, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };
+import { n as ControlBarProps, t as ControlBar } from "../../../ControlBar-BVG5Pbvh.mjs";
+import { n as DataTableCompactBar } from "../../../CompactBar-DEqItiZr.mjs";
+import { i as TableViewConfigurationProps, n as TableViewConfigurationDropdown, r as TableViewConfigurationDropdownProps, t as TableViewConfiguration } from "../../../TableViewConfigurationDropdown-DRxd562-.mjs";
+import { i as useTableControls, n as TableControlsContextProps, r as TableControlsProvider, t as TableControlsContext } from "../../../TableControlsContext-X-Lupvc6.mjs";
+import { t as dateRuleIntent } from "../../../date-rule-intent-CdWv68my.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, f as FilterSize, h as isEmptyState, i as EMPTY_FILTER_STATE, l as FilterRule, m as TopLevelFilterRule, n as CompoundExpression, o as FilterFieldSource, p as FilterStateV2, r as DateRangeFilterValue, s as FilterFieldType, t as AndGroup, u as FilterRuleValue } from "../../../types-1_JSe9Wr.mjs";
+import { t as resolveDateRangeRuleValue } from "../../../date-range-rule-value-zJaa_jR9.mjs";
+import { n as RawFieldInfo, r as buildFieldRegistry, t as FieldRegistry } from "../../../FieldRegistry-BslyuPZw.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "../../../value-control-resolver-DhaqxKmK.mjs";
+import { t as FilterBar } from "../../../FilterBar-DjZE4PoB.mjs";
+import { t as FilterBarProps } from "../../../index-BX8dSNcy.mjs";
+import { a as useFilterBarSize, i as FilterSizeTokens, t as FILTER_SIZE_TOKENS } from "../../../filter-size-context-DYkfYMkX.mjs";
+import { n as PillShellProps, t as PillShell } from "../../../PillShell-D6dN9sWk.mjs";
+import { a as getDefaultOperatorForType, c as getOperatorsForType, d as isValuelessOperator, f as reconcileValueForOperator, l as isCompleteDateRange, r as emptyValueForRule, s as getOperatorsForField, u as isRangeOperator } from "../../../operators-F8X0hyQB.mjs";
+import { a as decodeFilterStateFromUrl, i as decodeFilterStateFromString, n as UrlStateCodecResult, o as encodeFilterStateToUrlParam, r as applyFilterStateToSearchParams, t as FILTER_STATE_URL_PARAM } from "../../../url-state-DP78aDol.mjs";
+import { n as UseFilterStateV2Result, r as useFilterStateV2, t as UseFilterStateV2Options } from "../../../useFilterStateV2-DC2rGXHK.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "../../../validation-CpDsI-TM.mjs";
+import { t as ValueControlProps } from "../../../types-C2s9yhgO.mjs";
+import { t as TableControls } from "../../../TableControls-CtEL3ioz.mjs";
+export { AndGroup, CompoundExpression, ControlBar, ControlBarProps, DataTableCompactBar, DateRangeFilterValue, EMPTY_FILTER_STATE, FILTER_SIZE_TOKENS, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar, FilterBarProps, FilterField, FilterFieldSource, FilterFieldType, FilterOperator, FilterRule, FilterRuleValue, FilterRuleValueChange, FilterSize, FilterSizeTokens, FilterStateV2, PillShell, PillShellProps, RawFieldInfo, ResolveValueControlOptions, TableControlsContext, TableControlsContextProps, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, TableViewConfigurationDropdownProps, TableViewConfigurationProps, TopLevelFilterRule, UrlStateCodecResult, UseFilterStateV2Options, UseFilterStateV2Result, ValueControlProps, ValueControlResolver, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };

package/dist/components/DataTable/TableControls/index.mjs

@@ -1,2 +1,2 @@
-import { A as TableViewConfiguration, C as isRangeOperator, D as TableControlsContext, E as dateRuleIntent, M as TableControls, N as ControlBar, O as TableControlsProvider, P as DataTableCompactBar, S as isCompleteDateRange, T as reconcileValueForOperator, _ as resolveDateRangeRuleValue, a as encodeFilterStateToUrlParam, b as getOperatorsForField, c as FilterBar_default, d as isFilterStateV2, f as pruneToRegistry, g as useFilterBarSize, h as resolveValueControl, i as decodeFilterStateFromUrl, j as TableViewConfigurationDropdown, k as useTableControls, l as useFilterStateV2, m as isEmptyState, n as applyFilterStateToSearchParams, o as FieldRegistry, p as EMPTY_FILTER_STATE, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as hasCompleteValue, v as emptyValueForRule, w as isValuelessOperator, x as getOperatorsForType, y as getDefaultOperatorForType } from "../../../TableControls-WUNbzSNq.mjs";
-export { ControlBar, DataTableCompactBar, EMPTY_FILTER_STATE, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar_default as FilterBar, TableControlsContext, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };
+import { A as TableControlsProvider, C as getOperatorsForType, D as reconcileValueForOperator, E as isValuelessOperator, F as ControlBar, I as DataTableCompactBar, M as TableViewConfiguration, N as TableViewConfigurationDropdown, O as dateRuleIntent, P as TableControls, S as getOperatorsForField, T as isRangeOperator, _ as FILTER_SIZE_TOKENS, a as encodeFilterStateToUrlParam, b as emptyValueForRule, c as FilterBar_default, d as isFilterStateV2, f as pruneToRegistry, g as resolveValueControl, h as PillShell, i as decodeFilterStateFromUrl, j as useTableControls, k as TableControlsContext, l as useFilterStateV2, m as isEmptyState, n as applyFilterStateToSearchParams, o as FieldRegistry, p as EMPTY_FILTER_STATE, r as decodeFilterStateFromString, s as buildFieldRegistry, t as FILTER_STATE_URL_PARAM, u as hasCompleteValue, v as useFilterBarSize, w as isCompleteDateRange, x as getDefaultOperatorForType, y as resolveDateRangeRuleValue } from "../../../TableControls-DplArh-9.mjs";
+export { ControlBar, DataTableCompactBar, EMPTY_FILTER_STATE, FILTER_SIZE_TOKENS, FILTER_STATE_URL_PARAM, FieldRegistry, FilterBar_default as FilterBar, PillShell, TableControlsContext, TableControlsProvider, TableViewConfiguration, TableViewConfigurationDropdown, applyFilterStateToSearchParams, buildFieldRegistry, dateRuleIntent, decodeFilterStateFromString, decodeFilterStateFromUrl, TableControls as default, emptyValueForRule, encodeFilterStateToUrlParam, getDefaultOperatorForType, getOperatorsForField, getOperatorsForType, hasCompleteValue, isCompleteDateRange, isEmptyState, isFilterStateV2, isRangeOperator, isValuelessOperator, pruneToRegistry, reconcileValueForOperator, resolveDateRangeRuleValue, resolveValueControl, useFilterBarSize, useFilterStateV2, useTableControls };