@mastra/playground-ui 68.0.0 → 69.0.0-alpha.1

package/dist/DataDetailsPanel-DiyjEXqK.cjs

@@ -1,185 +0,0 @@
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_primitives_raised_surface = require("./primitives/raised-surface.cjs.js");
-const require_Button = require("./Button-DLcMcuUL.cjs");
-const require_Txt = require("./Txt-BnoSqxKE.cjs");
-const require_copy_button = require("./copy-button-DJAQ6_3o.cjs");
-const require_buttons_group = require("./buttons-group-Dc6R7YSs.cjs");
-const require_CodeEditor = require("./CodeEditor-CLzs0yVc.cjs");
-const require_spinner = require("./spinner-C8ZxiA5C.cjs");
-let react = require("react");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-// src/ds/components/DataDetailsPanel/data-details-panel.tsx
-function DataDetailsPanel$1({ collapsed, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("section", {
-		className: require_utils.cn("flex flex-col overflow-hidden rounded-xl border border-border bg-background", collapsed ? "h-auto" : "h-full"),
-		children
-	});
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-close-button.tsx
-function DataDetailsPanelCloseButton({ onClick, tooltip = "Close panel", className }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-		size: "icon-md",
-		onClick,
-		"aria-label": "Close panel",
-		tooltip,
-		className,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.XIcon, {})
-	});
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-code-section.tsx
-function DataDetailsPanelCodeSection({ codeStr = "", title, icon, simplified = false, className, actions }) {
-	const [showAsMultilineText, setShowAsMultilineText] = (0, react.useState)(false);
-	const hasMultilineText = (0, react.useMemo)(() => {
-		try {
-			return containsInnerNewline(JSON.parse(codeStr) || "");
-		} catch {
-			return false;
-		}
-	}, [codeStr]);
-	const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\n/g, "\n") : codeStr;
-	const usePlainTextView = simplified || showAsMultilineText;
-	if (!codeStr || codeStr === "null") return null;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: require_utils.cn("flex flex-col gap-2", className),
-		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: require_utils.cn("flex items-center gap-1.5 text-meta tracking-widest text-placeholder uppercase", "[&>svg]:size-3.5"),
-				children: [icon, title]
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-				className: "flex items-center gap-2",
-				children: [actions, /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_buttons_group.ButtonsGroup, {
-					size: "sm",
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_copy_button.CopyButton, { content: codeStr || "No content" }), hasMultilineText && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Button.Button, {
-						size: "icon-md",
-						"aria-label": showAsMultilineText ? "Show escaped newlines" : "Show multiline text",
-						onClick: () => setShowAsMultilineText((v) => !v),
-						children: showAsMultilineText ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignLeftIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.AlignJustifyIcon, {})
-					})]
-				})]
-			})]
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_utils.cn(require_primitives_raised_surface.raisedSurfaceStyle, "max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground"),
-			children: usePlainTextView ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "font-mono break-all text-muted-foreground",
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("pre", {
-					className: "text-wrap",
-					children: finalCodeStr
-				})
-			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_CodeEditor.CodeEditor, {
-				value: codeStr,
-				language: "json",
-				editable: false,
-				lineNumbers: false,
-				showCopyButton: false,
-				variant: "embedded",
-				"aria-label": typeof title === "string" ? title : "JSON"
-			})
-		})]
-	});
-}
-function containsInnerNewline(obj) {
-	if (typeof obj === "string") {
-		const idx = obj.indexOf("\n");
-		return idx !== -1 && idx !== obj.length - 1;
-	} else if (Array.isArray(obj)) return obj.some((item) => containsInnerNewline(item));
-	else if (obj && typeof obj === "object") return Object.values(obj).some((value) => containsInnerNewline(value));
-	return false;
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-content.tsx
-function DataDetailsPanelContent({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "flex-1 overflow-y-auto p-4",
-		children
-	});
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-header.tsx
-function DataDetailsPanelHeader({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: require_utils.cn("mx-4 flex items-center justify-between gap-2 border-b border-border py-3", className),
-		children
-	});
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-heading.tsx
-function DataDetailsPanelHeading({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-		as: "h3",
-		tone: "muted",
-		className: require_utils.cn("flex gap-2 [&>b]:text-caption [&>b]:text-placeholder", className),
-		children
-	});
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.tsx
-function Root({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
-		className: require_utils.cn("grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5", className),
-		children
-	});
-}
-function Key({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
-		className: require_utils.cn("shrink-0 py-0.5 text-body-sm text-placeholder", className),
-		children
-	});
-}
-function Value({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-		className: require_utils.cn("min-w-0 truncate py-0.5 text-body-sm text-muted-foreground", className),
-		children
-	});
-}
-function Header({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
-		className: require_utils.cn("col-span-2 py-3 text-caption tracking-widest text-placeholder uppercase", className),
-		children
-	});
-}
-var DataDetailsPanelKeyValueList = Object.assign(Root, {
-	Key,
-	Value,
-	Header
-});
-// src/ds/components/DataDetailsPanel/data-details-panel-loading-data.tsx
-function DataDetailsPanelLoadingData({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
-		className: "flex items-center justify-center gap-2 px-4 py-6 text-caption text-muted-foreground",
-		children: [
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_spinner.Spinner, {
-				size: "sm",
-				variant: "pulse",
-				className: "text-muted-foreground"
-			}),
-			" ",
-			children ?? "Loading..."
-		]
-	});
-}
-// src/ds/components/DataDetailsPanel/data-details-panel-no-data.tsx
-function DataDetailsPanelNoData({ children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Txt.Txt, {
-		variant: "caption",
-		tone: "faint",
-		className: "px-4 py-6",
-		children: children ?? "No data found."
-	});
-}
-// src/ds/components/DataDetailsPanel/index.ts
-var DataDetailsPanel = Object.assign(DataDetailsPanel$1, {
-	Header: DataDetailsPanelHeader,
-	Heading: DataDetailsPanelHeading,
-	CloseButton: DataDetailsPanelCloseButton,
-	LoadingData: DataDetailsPanelLoadingData,
-	NoData: DataDetailsPanelNoData,
-	Content: DataDetailsPanelContent,
-	KeyValueList: DataDetailsPanelKeyValueList,
-	CodeSection: DataDetailsPanelCodeSection
-});
-Object.defineProperty(exports, "DataDetailsPanel", {
-	enumerable: true,
-	get: function() {
-		return DataDetailsPanel;
-	}
-});
-
-//# sourceMappingURL=DataDetailsPanel-DiyjEXqK.cjs.map

package/dist/DataDetailsPanel-DiyjEXqK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataDetailsPanel-DiyjEXqK.cjs","names":["DataDetailsPanel","cn","Button","XIcon","useState","useMemo","cn","ButtonsGroup","CopyButton","Button","AlignLeftIcon","AlignJustifyIcon","raisedSurfaceStyle","CodeEditor","cn","Txt","cn","cn","Spinner","Txt","Root"],"sources":["../src/ds/components/DataDetailsPanel/data-details-panel.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-close-button.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-code-section.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-content.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-header.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-heading.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-key-value-list.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-loading-data.tsx","../src/ds/components/DataDetailsPanel/data-details-panel-no-data.tsx","../src/ds/components/DataDetailsPanel/index.ts"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelProps {\n  collapsed?: boolean;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanel({ collapsed, children }: DataDetailsPanelProps) {\n  return (\n    <section\n      className={cn(\n        'flex flex-col overflow-hidden rounded-xl border border-border bg-background',\n        collapsed ? 'h-auto' : 'h-full',\n      )}\n    >\n      {children}\n    </section>\n  );\n}\n","import { XIcon } from 'lucide-react';\nimport { Button } from '@/ds/components/Button';\n\nexport interface DataDetailsPanelCloseButtonProps {\n  onClick: () => void;\n  tooltip?: string;\n  className?: string;\n}\n\nexport function DataDetailsPanelCloseButton({\n  onClick,\n  tooltip = 'Close panel',\n  className,\n}: DataDetailsPanelCloseButtonProps) {\n  return (\n    <Button size=\"icon-md\" onClick={onClick} aria-label=\"Close panel\" tooltip={tooltip} className={className}>\n      <XIcon />\n    </Button>\n  );\n}\n","import { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CodeEditor } from '@/ds/components/CodeEditor';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { raisedSurfaceStyle } from '@/ds/primitives/raised-surface';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelCodeSectionProps {\n  title: React.ReactNode;\n  icon?: React.ReactNode;\n  codeStr?: string;\n  simplified?: boolean;\n  className?: string;\n  /** Extra controls rendered in the header, before the built-in copy button. */\n  actions?: React.ReactNode;\n}\n\nexport function DataDetailsPanelCodeSection({\n  codeStr = '',\n  title,\n  icon,\n  simplified = false,\n  className,\n  actions,\n}: DataDetailsPanelCodeSectionProps) {\n  const [showAsMultilineText, setShowAsMultilineText] = useState(false);\n  const hasMultilineText = useMemo(() => {\n    try {\n      const parsed = JSON.parse(codeStr);\n      return containsInnerNewline(parsed || '');\n    } catch {\n      return false;\n    }\n  }, [codeStr]);\n\n  const finalCodeStr = showAsMultilineText ? codeStr?.replace(/\\\\n/g, '\\n') : codeStr;\n  const usePlainTextView = simplified || showAsMultilineText;\n\n  if (!codeStr || codeStr === 'null') return null;\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"flex items-center justify-between\">\n        <div\n          className={cn(\n            'flex items-center gap-1.5 text-meta tracking-widest text-placeholder uppercase',\n            '[&>svg]:size-3.5',\n          )}\n        >\n          {icon}\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {actions}\n          <ButtonsGroup size=\"sm\">\n            <CopyButton content={codeStr || 'No content'} />\n            {hasMultilineText && (\n              <Button\n                size=\"icon-md\"\n                aria-label={showAsMultilineText ? 'Show escaped newlines' : 'Show multiline text'}\n                onClick={() => setShowAsMultilineText(v => !v)}\n              >\n                {showAsMultilineText ? <AlignLeftIcon /> : <AlignJustifyIcon />}\n              </Button>\n            )}\n          </ButtonsGroup>\n        </div>\n      </div>\n      <div\n        className={cn(\n          raisedSurfaceStyle,\n          'max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg p-3 text-caption break-all text-muted-foreground',\n        )}\n      >\n        {usePlainTextView ? (\n          <div className=\"font-mono break-all text-muted-foreground\">\n            <pre className=\"text-wrap\">{finalCodeStr}</pre>\n          </div>\n        ) : (\n          <CodeEditor\n            value={codeStr}\n            language=\"json\"\n            editable={false}\n            lineNumbers={false}\n            showCopyButton={false}\n            variant=\"embedded\"\n            aria-label={typeof title === 'string' ? title : 'JSON'}\n          />\n        )}\n      </div>\n    </div>\n  );\n}\n\nfunction containsInnerNewline(obj: unknown): boolean {\n  if (typeof obj === 'string') {\n    const idx = obj.indexOf('\\n');\n    return idx !== -1 && idx !== obj.length - 1;\n  } else if (Array.isArray(obj)) {\n    return obj.some(item => containsInnerNewline(item));\n  } else if (obj && typeof obj === 'object') {\n    return Object.values(obj).some(value => containsInnerNewline(value));\n  }\n  return false;\n}\n","import type { ReactNode } from 'react';\n\nexport interface DataDetailsPanelContentProps {\n  children: ReactNode;\n}\n\nexport function DataDetailsPanelContent({ children }: DataDetailsPanelContentProps) {\n  return <div className=\"flex-1 overflow-y-auto p-4\">{children}</div>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeader({ className, children }: DataDetailsPanelHeaderProps) {\n  return (\n    <div className={cn('mx-4 flex items-center justify-between gap-2 border-b border-border py-3', className)}>\n      {children}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nimport { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelHeadingProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataDetailsPanelHeading({ className, children }: DataDetailsPanelHeadingProps) {\n  return (\n    <Txt as=\"h3\" tone=\"muted\" className={cn('flex gap-2 [&>b]:text-caption [&>b]:text-placeholder', className)}>\n      {children}\n    </Txt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataDetailsPanelKeyValueListProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Root({ className, children }: DataDetailsPanelKeyValueListProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5', className)}>{children}</dl>;\n}\n\nexport interface DataDetailsPanelKeyValueListKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Key({ className, children }: DataDetailsPanelKeyValueListKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n\nexport interface DataDetailsPanelKeyValueListValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Value({ className, children }: DataDetailsPanelKeyValueListValueProps) {\n  return <dd className={cn('min-w-0 truncate py-0.5 text-body-sm text-muted-foreground', className)}>{children}</dd>;\n}\n\nexport interface DataDetailsPanelKeyValueListHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nfunction Header({ className, children }: DataDetailsPanelKeyValueListHeaderProps) {\n  return (\n    <dt className={cn('col-span-2 py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n\nexport const DataDetailsPanelKeyValueList = Object.assign(Root, {\n  Key,\n  Value,\n  Header,\n});\n","import type { ReactNode } from 'react';\nimport { Spinner } from '@/ds/components/Spinner';\n\nexport interface DataDetailsPanelLoadingDataProps {\n  children?: ReactNode;\n}\n\nexport function DataDetailsPanelLoadingData({ children }: DataDetailsPanelLoadingDataProps) {\n  return (\n    <div className=\"flex items-center justify-center gap-2 px-4 py-6 text-caption text-muted-foreground\">\n      <Spinner size=\"sm\" variant=\"pulse\" className=\"text-muted-foreground\" /> {children ?? 'Loading...'}\n    </div>\n  );\n}\n","import { Txt } from '@/ds/components/Txt';\nexport interface DataDetailsPanelNoDataProps {\n  children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n  return (\n    <Txt variant=\"caption\" tone=\"faint\" className=\"px-4 py-6\">\n      {children ?? 'No data found.'}\n    </Txt>\n  );\n}\n","import { DataDetailsPanel as Root } from './data-details-panel';\nimport { DataDetailsPanelCloseButton } from './data-details-panel-close-button';\nimport { DataDetailsPanelCodeSection } from './data-details-panel-code-section';\nimport { DataDetailsPanelContent } from './data-details-panel-content';\nimport { DataDetailsPanelHeader } from './data-details-panel-header';\nimport { DataDetailsPanelHeading } from './data-details-panel-heading';\nimport { DataDetailsPanelKeyValueList } from './data-details-panel-key-value-list';\nimport { DataDetailsPanelLoadingData } from './data-details-panel-loading-data';\nimport { DataDetailsPanelNoData } from './data-details-panel-no-data';\n\nconst DataDetailsPanel = Object.assign(Root, {\n  Header: DataDetailsPanelHeader,\n  Heading: DataDetailsPanelHeading,\n  CloseButton: DataDetailsPanelCloseButton,\n  LoadingData: DataDetailsPanelLoadingData,\n  NoData: DataDetailsPanelNoData,\n  Content: DataDetailsPanelContent,\n  KeyValueList: DataDetailsPanelKeyValueList,\n  CodeSection: DataDetailsPanelCodeSection,\n});\n\nexport { DataDetailsPanel };\nexport type { DataDetailsPanelProps } from './data-details-panel';\nexport type { DataDetailsPanelHeaderProps } from './data-details-panel-header';\nexport type { DataDetailsPanelHeadingProps } from './data-details-panel-heading';\nexport type { DataDetailsPanelCloseButtonProps } from './data-details-panel-close-button';\nexport type { DataDetailsPanelLoadingDataProps } from './data-details-panel-loading-data';\nexport type { DataDetailsPanelNoDataProps } from './data-details-panel-no-data';\nexport type { DataDetailsPanelContentProps } from './data-details-panel-content';\nexport type {\n  DataDetailsPanelKeyValueListProps,\n  DataDetailsPanelKeyValueListKeyProps,\n  DataDetailsPanelKeyValueListValueProps,\n  DataDetailsPanelKeyValueListHeaderProps,\n} from './data-details-panel-key-value-list';\nexport type { DataDetailsPanelCodeSectionProps } from './data-details-panel-code-section';\n"],"mappings":"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"}

package/dist/DataKeysAndValues-DsH6AbAo.cjs

@@ -1,128 +0,0 @@
-const require_utils = require("./utils-uDc1ofX1.cjs");
-const require_tooltip = require("./tooltip-BiRLT3Th.cjs");
-const require_primitives_transitions = require("./primitives/transitions.cjs.js");
-const require_hooks_use_copy_to_clipboard = require("./hooks/use-copy-to-clipboard.cjs.js");
-let react_jsx_runtime = require("react/jsx-runtime");
-let lucide_react = require("lucide-react");
-// src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx
-function DataKeysAndValuesHeader({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
-		className: require_utils.cn("col-span-full py-3 text-caption tracking-widest text-placeholder uppercase", className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx
-function DataKeysAndValuesKey({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dt", {
-		className: require_utils.cn("shrink-0 py-0.5 text-body-sm text-placeholder", className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx
-var DENSITY_GAP_Y = {
-	default: "gap-y-1.5",
-	dense: "gap-y-0"
-};
-function DataKeysAndValuesRoot({ className, children, density = "default" }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dl", {
-		className: require_utils.cn("grid grid-cols-[auto_1fr] gap-x-4", DENSITY_GAP_Y[density], className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/shared.ts
-var dataKeysAndValuesValueStyles = "text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6";
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx
-function DataKeysAndValuesValue({ className, children }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-		className: require_utils.cn(dataKeysAndValuesValueStyles, "truncate", className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx
-function isExternalUrl(href) {
-	return /^https?:\/\//.test(href);
-}
-function DataKeysAndValuesValueLink({ className, children, href, as }) {
-	const isExternal = isExternalUrl(href);
-	const Component = as || "a";
-	const navigationProps = as ? {
-		href,
-		to: href
-	} : { href };
-	const linkClassName = require_utils.cn("flex items-center gap-2 truncate hover:text-foreground", require_primitives_transitions.controlStateColorTransition, "[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-70");
-	if (isExternal) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-		className: require_utils.cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("a", {
-			href,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			className: linkClassName,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ExternalLinkIcon, {})]
-		})
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-		className: require_utils.cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Component, {
-			...navigationProps,
-			className: linkClassName,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Link2Icon, {})]
-		})
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx
-function DataKeysAndValuesValueWithCopyBtn({ className, children, copyValue, copyTooltip = "Copy to clipboard" }) {
-	const { isCopied, handleCopy } = require_hooks_use_copy_to_clipboard.useCopyToClipboard({
-		text: copyValue,
-		copyMessage: "Copied!"
-	});
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-		className: require_utils.cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, {
-			open: isCopied || void 0,
-			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("button", {
-					onClick: handleCopy,
-					type: "button",
-					className: require_utils.cn("flex max-w-full items-center gap-2 text-left whitespace-nowrap", "[&:hover>svg]:opacity-100 [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:opacity-70", { "[&>svg]:size-4 [&>svg]:text-success-indicator": isCopied }),
-					"aria-label": isCopied ? "Copied!" : copyTooltip,
-					children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
-						className: "min-w-0 truncate",
-						children
-					}), isCopied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CopyIcon, {})]
-				})
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, { children: isCopied ? "Copied!" : copyTooltip })]
-		})
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx
-function DataKeysAndValuesValueWithTooltip({ className, children, tooltip }) {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("dd", {
-		className: require_utils.cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_tooltip.Tooltip, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				tabIndex: 0,
-				className: "inline cursor-help truncate",
-				children
-			})
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_tooltip.TooltipContent, { children: tooltip })] })
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values.tsx
-var DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {
-	Key: DataKeysAndValuesKey,
-	Value: DataKeysAndValuesValue,
-	ValueLink: DataKeysAndValuesValueLink,
-	ValueWithTooltip: DataKeysAndValuesValueWithTooltip,
-	ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,
-	Header: DataKeysAndValuesHeader
-});
-Object.defineProperty(exports, "DataKeysAndValues", {
-	enumerable: true,
-	get: function() {
-		return DataKeysAndValues;
-	}
-});
-
-//# sourceMappingURL=DataKeysAndValues-DsH6AbAo.cjs.map

package/dist/DataKeysAndValues-DsH6AbAo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataKeysAndValues-DsH6AbAo.cjs","names":["cn","cn","cn","cn","cn","controlStateColorTransition","ExternalLinkIcon","Link2Icon","useCopyToClipboard","cn","Tooltip","TooltipTrigger","CheckIcon","CopyIcon","TooltipContent","cn","Tooltip","TooltipTrigger","TooltipContent"],"sources":["../src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx","../src/ds/components/DataKeysAndValues/shared.ts","../src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps) {\n  return (\n    <dt className={cn('col-span-full py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesProps {\n  className?: string;\n  children: React.ReactNode;\n  density?: 'default' | 'dense';\n}\n\nconst DENSITY_GAP_Y: Record<NonNullable<DataKeysAndValuesProps['density']>, string> = {\n  default: 'gap-y-1.5',\n  dense: 'gap-y-0',\n};\n\nexport function DataKeysAndValuesRoot({ className, children, density = 'default' }: DataKeysAndValuesProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4', DENSITY_GAP_Y[density], className)}>{children}</dl>;\n}\n","export const dataKeysAndValuesValueStyles = 'text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6';\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps) {\n  return <dd className={cn(dataKeysAndValuesValueStyles, 'truncate', className)}>{children}</dd>;\n}\n","import { ExternalLinkIcon, Link2Icon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueLinkProps {\n  className?: string;\n  children: React.ReactNode;\n  href: string;\n  as?: React.ElementType;\n}\n\nfunction isExternalUrl(href: string) {\n  return /^https?:\\/\\//.test(href);\n}\n\nexport function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps) {\n  const isExternal = isExternalUrl(href);\n  const Component = as || 'a';\n  // Pass `to` only for custom components so React-Router's `Link` (which reads `to`) works\n  // while native anchors don't get an unknown `to` attribute warning.\n  const navigationProps = as ? { href, to: href } : { href };\n\n  const linkClassName = cn(\n    'flex items-center gap-2 truncate hover:text-foreground',\n    controlStateColorTransition,\n    '[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-70',\n  );\n\n  if (isExternal) {\n    return (\n      <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className={linkClassName}>\n          <span>{children}</span>\n          <ExternalLinkIcon />\n        </a>\n      </dd>\n    );\n  }\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Component {...navigationProps} className={linkClassName}>\n        <span>{children}</span>\n        <Link2Icon />\n      </Component>\n    </dd>\n  );\n}\n","import { CheckIcon, CopyIcon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithCopyBtnProps {\n  className?: string;\n  children: React.ReactNode;\n  copyValue: string;\n  copyTooltip?: string;\n}\n\nexport function DataKeysAndValuesValueWithCopyBtn({\n  className,\n  children,\n  copyValue,\n  copyTooltip = 'Copy to clipboard',\n}: DataKeysAndValuesValueWithCopyBtnProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: copyValue,\n    copyMessage: 'Copied!',\n  });\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip open={isCopied || undefined}>\n        <TooltipTrigger asChild>\n          <button\n            onClick={handleCopy}\n            type=\"button\"\n            className={cn(\n              'flex max-w-full items-center gap-2 text-left whitespace-nowrap',\n              '[&:hover>svg]:opacity-100 [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:opacity-70',\n              { '[&>svg]:size-4 [&>svg]:text-success-indicator': isCopied },\n            )}\n            aria-label={isCopied ? 'Copied!' : copyTooltip}\n          >\n            <span className=\"min-w-0 truncate\">{children}</span>\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{isCopied ? 'Copied!' : copyTooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithTooltipProps {\n  className?: string;\n  children: React.ReactNode;\n  tooltip: string;\n}\n\nexport function DataKeysAndValuesValueWithTooltip({\n  className,\n  children,\n  tooltip,\n}: DataKeysAndValuesValueWithTooltipProps) {\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div tabIndex={0} className=\"inline cursor-help truncate\">\n            {children}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { DataKeysAndValuesHeader } from './data-keys-and-values-header';\nimport { DataKeysAndValuesKey } from './data-keys-and-values-key';\nimport { DataKeysAndValuesRoot } from './data-keys-and-values-root';\nimport { DataKeysAndValuesValue } from './data-keys-and-values-value';\nimport { DataKeysAndValuesValueLink } from './data-keys-and-values-value-link';\nimport { DataKeysAndValuesValueWithCopyBtn } from './data-keys-and-values-value-with-copy-btn';\nimport { DataKeysAndValuesValueWithTooltip } from './data-keys-and-values-value-with-tooltip';\n\nexport const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {\n  Key: DataKeysAndValuesKey,\n  Value: DataKeysAndValuesValue,\n  ValueLink: DataKeysAndValuesValueLink,\n  ValueWithTooltip: DataKeysAndValuesValueWithTooltip,\n  ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,\n  Header: DataKeysAndValuesHeader,\n});\n"],"mappings":"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"}

package/dist/DataKeysAndValues-PwOmGxyp.js

@@ -1,123 +0,0 @@
-import { t as cn } from "./utils-DQx8TpNT.js";
-import { i as TooltipTrigger, n as TooltipContent, t as Tooltip } from "./tooltip-HzcLyGtV.js";
-import { controlStateColorTransition } from "./primitives/transitions.es.js";
-import { useCopyToClipboard } from "./hooks/use-copy-to-clipboard.es.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon, ExternalLinkIcon, Link2Icon } from "lucide-react";
-// src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx
-function DataKeysAndValuesHeader({ className, children }) {
-	return /* @__PURE__ */ jsx("dt", {
-		className: cn("col-span-full py-3 text-caption tracking-widest text-placeholder uppercase", className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx
-function DataKeysAndValuesKey({ className, children }) {
-	return /* @__PURE__ */ jsx("dt", {
-		className: cn("shrink-0 py-0.5 text-body-sm text-placeholder", className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx
-var DENSITY_GAP_Y = {
-	default: "gap-y-1.5",
-	dense: "gap-y-0"
-};
-function DataKeysAndValuesRoot({ className, children, density = "default" }) {
-	return /* @__PURE__ */ jsx("dl", {
-		className: cn("grid grid-cols-[auto_1fr] gap-x-4", DENSITY_GAP_Y[density], className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/shared.ts
-var dataKeysAndValuesValueStyles = "text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6";
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx
-function DataKeysAndValuesValue({ className, children }) {
-	return /* @__PURE__ */ jsx("dd", {
-		className: cn(dataKeysAndValuesValueStyles, "truncate", className),
-		children
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx
-function isExternalUrl(href) {
-	return /^https?:\/\//.test(href);
-}
-function DataKeysAndValuesValueLink({ className, children, href, as }) {
-	const isExternal = isExternalUrl(href);
-	const Component = as || "a";
-	const navigationProps = as ? {
-		href,
-		to: href
-	} : { href };
-	const linkClassName = cn("flex items-center gap-2 truncate hover:text-foreground", controlStateColorTransition, "[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-70");
-	if (isExternal) return /* @__PURE__ */ jsx("dd", {
-		className: cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ jsxs("a", {
-			href,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			className: linkClassName,
-			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx(ExternalLinkIcon, {})]
-		})
-	});
-	return /* @__PURE__ */ jsx("dd", {
-		className: cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ jsxs(Component, {
-			...navigationProps,
-			className: linkClassName,
-			children: [/* @__PURE__ */ jsx("span", { children }), /* @__PURE__ */ jsx(Link2Icon, {})]
-		})
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx
-function DataKeysAndValuesValueWithCopyBtn({ className, children, copyValue, copyTooltip = "Copy to clipboard" }) {
-	const { isCopied, handleCopy } = useCopyToClipboard({
-		text: copyValue,
-		copyMessage: "Copied!"
-	});
-	return /* @__PURE__ */ jsx("dd", {
-		className: cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ jsxs(Tooltip, {
-			open: isCopied || void 0,
-			children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-				asChild: true,
-				children: /* @__PURE__ */ jsxs("button", {
-					onClick: handleCopy,
-					type: "button",
-					className: cn("flex max-w-full items-center gap-2 text-left whitespace-nowrap", "[&:hover>svg]:opacity-100 [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:opacity-70", { "[&>svg]:size-4 [&>svg]:text-success-indicator": isCopied }),
-					"aria-label": isCopied ? "Copied!" : copyTooltip,
-					children: [/* @__PURE__ */ jsx("span", {
-						className: "min-w-0 truncate",
-						children
-					}), isCopied ? /* @__PURE__ */ jsx(CheckIcon, {}) : /* @__PURE__ */ jsx(CopyIcon, {})]
-				})
-			}), /* @__PURE__ */ jsx(TooltipContent, { children: isCopied ? "Copied!" : copyTooltip })]
-		})
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx
-function DataKeysAndValuesValueWithTooltip({ className, children, tooltip }) {
-	return /* @__PURE__ */ jsx("dd", {
-		className: cn(dataKeysAndValuesValueStyles, className),
-		children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
-			asChild: true,
-			children: /* @__PURE__ */ jsx("div", {
-				tabIndex: 0,
-				className: "inline cursor-help truncate",
-				children
-			})
-		}), /* @__PURE__ */ jsx(TooltipContent, { children: tooltip })] })
-	});
-}
-// src/ds/components/DataKeysAndValues/data-keys-and-values.tsx
-var DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {
-	Key: DataKeysAndValuesKey,
-	Value: DataKeysAndValuesValue,
-	ValueLink: DataKeysAndValuesValueLink,
-	ValueWithTooltip: DataKeysAndValuesValueWithTooltip,
-	ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,
-	Header: DataKeysAndValuesHeader
-});
-export { DataKeysAndValues as t };
-
-//# sourceMappingURL=DataKeysAndValues-PwOmGxyp.js.map

package/dist/DataKeysAndValues-PwOmGxyp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataKeysAndValues-PwOmGxyp.js","names":[],"sources":["../src/ds/components/DataKeysAndValues/data-keys-and-values-header.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-key.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-root.tsx","../src/ds/components/DataKeysAndValues/shared.ts","../src/ds/components/DataKeysAndValues/data-keys-and-values-value.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-link.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-copy-btn.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values-value-with-tooltip.tsx","../src/ds/components/DataKeysAndValues/data-keys-and-values.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesHeaderProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesHeader({ className, children }: DataKeysAndValuesHeaderProps) {\n  return (\n    <dt className={cn('col-span-full py-3 text-caption tracking-widest text-placeholder uppercase', className)}>\n      {children}\n    </dt>\n  );\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesKeyProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesKey({ className, children }: DataKeysAndValuesKeyProps) {\n  return <dt className={cn('shrink-0 py-0.5 text-body-sm text-placeholder', className)}>{children}</dt>;\n}\n","import { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesProps {\n  className?: string;\n  children: React.ReactNode;\n  density?: 'default' | 'dense';\n}\n\nconst DENSITY_GAP_Y: Record<NonNullable<DataKeysAndValuesProps['density']>, string> = {\n  default: 'gap-y-1.5',\n  dense: 'gap-y-0',\n};\n\nexport function DataKeysAndValuesRoot({ className, children, density = 'default' }: DataKeysAndValuesProps) {\n  return <dl className={cn('grid grid-cols-[auto_1fr] gap-x-4', DENSITY_GAP_Y[density], className)}>{children}</dl>;\n}\n","export const dataKeysAndValuesValueStyles = 'text-body-sm text-muted-foreground min-w-0 py-0.5 pr-6';\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueProps {\n  className?: string;\n  children: React.ReactNode;\n}\n\nexport function DataKeysAndValuesValue({ className, children }: DataKeysAndValuesValueProps) {\n  return <dd className={cn(dataKeysAndValuesValueStyles, 'truncate', className)}>{children}</dd>;\n}\n","import { ExternalLinkIcon, Link2Icon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { controlStateColorTransition } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueLinkProps {\n  className?: string;\n  children: React.ReactNode;\n  href: string;\n  as?: React.ElementType;\n}\n\nfunction isExternalUrl(href: string) {\n  return /^https?:\\/\\//.test(href);\n}\n\nexport function DataKeysAndValuesValueLink({ className, children, href, as }: DataKeysAndValuesValueLinkProps) {\n  const isExternal = isExternalUrl(href);\n  const Component = as || 'a';\n  // Pass `to` only for custom components so React-Router's `Link` (which reads `to`) works\n  // while native anchors don't get an unknown `to` attribute warning.\n  const navigationProps = as ? { href, to: href } : { href };\n\n  const linkClassName = cn(\n    'flex items-center gap-2 truncate hover:text-foreground',\n    controlStateColorTransition,\n    '[&:hover>svg]:opacity-100 [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:opacity-70',\n  );\n\n  if (isExternal) {\n    return (\n      <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\" className={linkClassName}>\n          <span>{children}</span>\n          <ExternalLinkIcon />\n        </a>\n      </dd>\n    );\n  }\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Component {...navigationProps} className={linkClassName}>\n        <span>{children}</span>\n        <Link2Icon />\n      </Component>\n    </dd>\n  );\n}\n","import { CheckIcon, CopyIcon } from 'lucide-react';\nimport { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { useCopyToClipboard } from '@/hooks/use-copy-to-clipboard';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithCopyBtnProps {\n  className?: string;\n  children: React.ReactNode;\n  copyValue: string;\n  copyTooltip?: string;\n}\n\nexport function DataKeysAndValuesValueWithCopyBtn({\n  className,\n  children,\n  copyValue,\n  copyTooltip = 'Copy to clipboard',\n}: DataKeysAndValuesValueWithCopyBtnProps) {\n  const { isCopied, handleCopy } = useCopyToClipboard({\n    text: copyValue,\n    copyMessage: 'Copied!',\n  });\n\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip open={isCopied || undefined}>\n        <TooltipTrigger asChild>\n          <button\n            onClick={handleCopy}\n            type=\"button\"\n            className={cn(\n              'flex max-w-full items-center gap-2 text-left whitespace-nowrap',\n              '[&:hover>svg]:opacity-100 [&>svg]:size-3 [&>svg]:shrink-0 [&>svg]:opacity-70',\n              { '[&>svg]:size-4 [&>svg]:text-success-indicator': isCopied },\n            )}\n            aria-label={isCopied ? 'Copied!' : copyTooltip}\n          >\n            <span className=\"min-w-0 truncate\">{children}</span>\n            {isCopied ? <CheckIcon /> : <CopyIcon />}\n          </button>\n        </TooltipTrigger>\n        <TooltipContent>{isCopied ? 'Copied!' : copyTooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { dataKeysAndValuesValueStyles } from './shared';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '@/ds/components/Tooltip';\nimport { cn } from '@/lib/utils';\n\nexport interface DataKeysAndValuesValueWithTooltipProps {\n  className?: string;\n  children: React.ReactNode;\n  tooltip: string;\n}\n\nexport function DataKeysAndValuesValueWithTooltip({\n  className,\n  children,\n  tooltip,\n}: DataKeysAndValuesValueWithTooltipProps) {\n  return (\n    <dd className={cn(dataKeysAndValuesValueStyles, className)}>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <div tabIndex={0} className=\"inline cursor-help truncate\">\n            {children}\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{tooltip}</TooltipContent>\n      </Tooltip>\n    </dd>\n  );\n}\n","import { DataKeysAndValuesHeader } from './data-keys-and-values-header';\nimport { DataKeysAndValuesKey } from './data-keys-and-values-key';\nimport { DataKeysAndValuesRoot } from './data-keys-and-values-root';\nimport { DataKeysAndValuesValue } from './data-keys-and-values-value';\nimport { DataKeysAndValuesValueLink } from './data-keys-and-values-value-link';\nimport { DataKeysAndValuesValueWithCopyBtn } from './data-keys-and-values-value-with-copy-btn';\nimport { DataKeysAndValuesValueWithTooltip } from './data-keys-and-values-value-with-tooltip';\n\nexport const DataKeysAndValues = Object.assign(DataKeysAndValuesRoot, {\n  Key: DataKeysAndValuesKey,\n  Value: DataKeysAndValuesValue,\n  ValueLink: DataKeysAndValuesValueLink,\n  ValueWithTooltip: DataKeysAndValuesValueWithTooltip,\n  ValueWithCopyBtn: DataKeysAndValuesValueWithCopyBtn,\n  Header: DataKeysAndValuesHeader,\n});\n"],"mappings":"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"}