npm - @mastra/playground-ui - Versions diffs - 41.1.0-alpha.2 → 42.0.0-alpha.13 - Mend

@mastra/playground-ui 41.1.0-alpha.2 → 42.0.0-alpha.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (275) hide show

package/dist/components/DataDetailsPanel.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataDetailsPanel.cjs.js","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-border1 bg-surface2',\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=\"md\" onClick={onClick} aria-label=\"Close Panel\" tooltip={tooltip} className={className}>\n <XIcon />\n </Button>\n );\n}\n","import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\n\nfunction buildDarkTheme(): Extension {\n return draculaInit({\n settings: {\n fontFamily: 'var(--font-mono)',\n fontSize: '0.75rem',\n lineHighlight: 'transparent',\n gutterBackground: 'transparent',\n gutterForeground: '#939393',\n background: 'transparent',\n },\n styles: [{ tag: [t.className, t.propertyName] }],\n });\n}\n\nfunction buildLightTheme(): Extension {\n const editorTheme = EditorView.theme({\n '&': {\n backgroundColor: 'transparent',\n color: 'var(--neutral6)',\n fontSize: '0.75rem',\n },\n '&.cm-editor .cm-scroller': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-gutters': {\n backgroundColor: 'transparent',\n color: 'var(--neutral2)',\n borderRight: 'none',\n },\n '.cm-content': {\n color: 'var(--neutral6)',\n caretColor: 'var(--neutral6)',\n },\n '.cm-activeLine': {\n backgroundColor: 'transparent',\n },\n '.cm-activeLineGutter': {\n backgroundColor: 'transparent',\n },\n '.cm-cursor, .cm-dropCursor': {\n borderLeftColor: 'var(--neutral6)',\n },\n });\n\n const highlightStyle = HighlightStyle.define([\n { tag: [t.comment, t.bracket], color: 'var(--neutral2)' },\n { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n {\n tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n color: 'var(--accent3)',\n },\n { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n { tag: [t.name, t.quote], color: 'var(--accent1)' },\n ]);\n\n return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n const isDark = useTheme().resolvedTheme === 'dark';\n return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\nexport interface DataDetailsPanelCodeSectionProps {\n title: React.ReactNode;\n icon?: React.ReactNode;\n codeStr?: string;\n simplified?: boolean;\n className?: string;\n}\n\nexport function DataDetailsPanelCodeSection({\n codeStr = '',\n title,\n icon,\n simplified = false,\n className,\n}: DataDetailsPanelCodeSectionProps) {\n const theme = useCodemirrorTheme();\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-ui-xs tracking-widest text-neutral2 uppercase',\n '[&>svg]:size-3.5',\n )}\n >\n {icon}\n {title}\n </div>\n <ButtonsGroup>\n <CopyButton content={codeStr \|\| 'No content'} size=\"sm\" />\n {hasMultilineText && (\n <Button\n size=\"sm\"\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 className=\"max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 text-ui-sm break-all text-neutral4 dark:border-white/10 dark:bg-black/20\">\n {usePlainTextView ? (\n <div className=\"font-mono break-all text-neutral4\">\n <pre className=\"text-wrap\">{finalCodeStr}</pre>\n </div>\n ) : (\n <ReactCodeMirror\n extensions={[json(), EditorView.lineWrapping]}\n theme={theme}\n value={codeStr}\n editable={false}\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-border1 py-3', className)}>\n {children}\n </div>\n );\n}\n","import { 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 <h3 className={cn('flex gap-2 text-ui-md text-neutral3 [&>b]:font-normal [&>b]:text-neutral2', className)}>\n {children}\n </h3>\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('text-ui-smd text-neutral2 shrink-0 py-0.5', 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('text-ui-smd text-neutral3 truncate min-w-0 py-0.5', 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 text-ui-sm uppercase tracking-widest text-neutral2 py-3', className)}>{children}</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-ui-sm text-neutral3\">\n <Spinner size=\"sm\" variant=\"pulse\" className=\"text-neutral3\" /> {children ?? 'Loading...'}\n </div>\n );\n}\n","export interface DataDetailsPanelNoDataProps {\n children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n return <p className=\"px-4 py-6 text-ui-sm text-neutral2\">{children ?? 'No data found.'}</p>;\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"],"names":["DataDetailsPanel","jsx","cn","Button","XIcon","draculaInit","t","EditorView","HighlightStyle","syntaxHighlighting","useTheme","useMemo","useState","jsxs","ButtonsGroup","CopyButton","AlignLeftIcon","AlignJustifyIcon","json","Spinner","Root"],"mappings":"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"}
1	+ {"version":3,"file":"DataDetailsPanel.cjs.js","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-border1 bg-surface2',\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=\"md\" onClick={onClick} aria-label=\"Close Panel\" tooltip={tooltip} className={className}>\n <XIcon />\n </Button>\n );\n}\n","import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\n\nfunction buildDarkTheme(): Extension {\n return draculaInit({\n settings: {\n fontFamily: 'var(--font-mono)',\n fontSize: '0.75rem',\n lineHighlight: 'transparent',\n gutterBackground: 'transparent',\n gutterForeground: '#939393',\n background: 'transparent',\n },\n styles: [{ tag: [t.className, t.propertyName] }],\n });\n}\n\nfunction buildLightTheme(): Extension {\n const editorTheme = EditorView.theme({\n '&': {\n backgroundColor: 'transparent',\n color: 'var(--neutral6)',\n fontSize: '0.75rem',\n },\n '&.cm-editor .cm-scroller': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-gutters': {\n backgroundColor: 'transparent',\n color: 'var(--neutral2)',\n borderRight: 'none',\n },\n '.cm-content': {\n color: 'var(--neutral6)',\n caretColor: 'var(--neutral6)',\n },\n '.cm-activeLine': {\n backgroundColor: 'transparent',\n },\n '.cm-activeLineGutter': {\n backgroundColor: 'transparent',\n },\n '.cm-cursor, .cm-dropCursor': {\n borderLeftColor: 'var(--neutral6)',\n },\n });\n\n const highlightStyle = HighlightStyle.define([\n { tag: [t.comment, t.bracket], color: 'var(--neutral2)' },\n { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n {\n tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n color: 'var(--accent3)',\n },\n { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n { tag: [t.name, t.quote], color: 'var(--accent1)' },\n ]);\n\n return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n const isDark = useTheme().resolvedTheme === 'dark';\n return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\nexport interface DataDetailsPanelCodeSectionProps {\n title: React.ReactNode;\n icon?: React.ReactNode;\n codeStr?: string;\n simplified?: boolean;\n className?: string;\n}\n\nexport function DataDetailsPanelCodeSection({\n codeStr = '',\n title,\n icon,\n simplified = false,\n className,\n}: DataDetailsPanelCodeSectionProps) {\n const theme = useCodemirrorTheme();\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-ui-xs tracking-widest text-neutral2 uppercase',\n '[&>svg]:size-3.5',\n )}\n >\n {icon}\n {title}\n </div>\n <ButtonsGroup>\n <CopyButton content={codeStr \|\| 'No content'} size=\"sm\" />\n {hasMultilineText && (\n <Button\n size=\"sm\"\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 className=\"max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 text-ui-sm break-all text-neutral4 dark:border-white/10 dark:bg-black/20\">\n {usePlainTextView ? (\n <div className=\"font-mono break-all text-neutral4\">\n <pre className=\"text-wrap\">{finalCodeStr}</pre>\n </div>\n ) : (\n <ReactCodeMirror\n extensions={[json(), EditorView.lineWrapping]}\n theme={theme}\n value={codeStr}\n editable={false}\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-border1 py-3', className)}>\n {children}\n </div>\n );\n}\n","import { 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 <h3 className={cn('flex gap-2 text-ui-md text-neutral3 [&>b]:font-normal [&>b]:text-neutral2', className)}>\n {children}\n </h3>\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-ui-smd text-neutral2', 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-ui-smd text-neutral3', 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-ui-sm tracking-widest text-neutral2 uppercase', className)}>{children}</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-ui-sm text-neutral3\">\n <Spinner size=\"sm\" variant=\"pulse\" className=\"text-neutral3\" /> {children ?? 'Loading...'}\n </div>\n );\n}\n","export interface DataDetailsPanelNoDataProps {\n children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n return <p className=\"px-4 py-6 text-ui-sm text-neutral2\">{children ?? 'No data found.'}</p>;\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"],"names":["DataDetailsPanel","jsx","cn","Button","XIcon","draculaInit","t","EditorView","HighlightStyle","syntaxHighlighting","useTheme","useMemo","useState","jsxs","ButtonsGroup","CopyButton","AlignLeftIcon","AlignJustifyIcon","json","Spinner","Root"],"mappings":"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"}

package/dist/components/DataDetailsPanel.es.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { tags } from '@lezer/highlight';
 import { draculaInit } from '@uiw/codemirror-theme-dracula';
 import ReactCodeMirror from '@uiw/react-codemirror';
 import { useState, useMemo } from 'react';
-import { B as ButtonsGroup } from '../buttons-group-b6an6uao.js';
+import { B as ButtonsGroup } from '../buttons-group-DJh4wnMs.js';
 import { C as CopyButton } from '../copy-button-BuIpvUI7.js';
 import { u as useTheme } from '../theme-provider-C9ih9jSS.js';
 import { S as Spinner } from '../spinner-HCsQgpaP.js';
@@ -183,13 +183,13 @@ function Root({ className, children }) {
   return /* @__PURE__ */ jsx("dl", { className: cn("grid grid-cols-[auto_1fr] gap-x-4 gap-y-1.5", className), children });
 }
 function Key({ className, children }) {
-  return /* @__PURE__ */ jsx("dt", { className: cn("text-ui-smd  text-neutral2 shrink-0 py-0.5", className), children });
+  return /* @__PURE__ */ jsx("dt", { className: cn("shrink-0  py-0.5 text-ui-smd text-neutral2", className), children });
 }
 function Value({ className, children }) {
-  return /* @__PURE__ */ jsx("dd", { className: cn("text-ui-smd text-neutral3 truncate min-w-0 py-0.5", className), children });
+  return /* @__PURE__ */ jsx("dd", { className: cn("min-w-0 truncate py-0.5 text-ui-smd text-neutral3", className), children });
 }
 function Header({ className, children }) {
-  return /* @__PURE__ */ jsx("dt", { className: cn("col-span-2 text-ui-sm uppercase tracking-widest text-neutral2 py-3", className), children });
+  return /* @__PURE__ */ jsx("dt", { className: cn("col-span-2 py-3 text-ui-sm tracking-widest text-neutral2 uppercase", className), children });
 }
 const DataDetailsPanelKeyValueList = Object.assign(Root, {
   Key,

package/dist/components/DataDetailsPanel.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataDetailsPanel.es.js","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-border1 bg-surface2',\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=\"md\" onClick={onClick} aria-label=\"Close Panel\" tooltip={tooltip} className={className}>\n <XIcon />\n </Button>\n );\n}\n","import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\n\nfunction buildDarkTheme(): Extension {\n return draculaInit({\n settings: {\n fontFamily: 'var(--font-mono)',\n fontSize: '0.75rem',\n lineHighlight: 'transparent',\n gutterBackground: 'transparent',\n gutterForeground: '#939393',\n background: 'transparent',\n },\n styles: [{ tag: [t.className, t.propertyName] }],\n });\n}\n\nfunction buildLightTheme(): Extension {\n const editorTheme = EditorView.theme({\n '&': {\n backgroundColor: 'transparent',\n color: 'var(--neutral6)',\n fontSize: '0.75rem',\n },\n '&.cm-editor .cm-scroller': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-gutters': {\n backgroundColor: 'transparent',\n color: 'var(--neutral2)',\n borderRight: 'none',\n },\n '.cm-content': {\n color: 'var(--neutral6)',\n caretColor: 'var(--neutral6)',\n },\n '.cm-activeLine': {\n backgroundColor: 'transparent',\n },\n '.cm-activeLineGutter': {\n backgroundColor: 'transparent',\n },\n '.cm-cursor, .cm-dropCursor': {\n borderLeftColor: 'var(--neutral6)',\n },\n });\n\n const highlightStyle = HighlightStyle.define([\n { tag: [t.comment, t.bracket], color: 'var(--neutral2)' },\n { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n {\n tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n color: 'var(--accent3)',\n },\n { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n { tag: [t.name, t.quote], color: 'var(--accent1)' },\n ]);\n\n return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n const isDark = useTheme().resolvedTheme === 'dark';\n return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\nexport interface DataDetailsPanelCodeSectionProps {\n title: React.ReactNode;\n icon?: React.ReactNode;\n codeStr?: string;\n simplified?: boolean;\n className?: string;\n}\n\nexport function DataDetailsPanelCodeSection({\n codeStr = '',\n title,\n icon,\n simplified = false,\n className,\n}: DataDetailsPanelCodeSectionProps) {\n const theme = useCodemirrorTheme();\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-ui-xs tracking-widest text-neutral2 uppercase',\n '[&>svg]:size-3.5',\n )}\n >\n {icon}\n {title}\n </div>\n <ButtonsGroup>\n <CopyButton content={codeStr \|\| 'No content'} size=\"sm\" />\n {hasMultilineText && (\n <Button\n size=\"sm\"\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 className=\"max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 text-ui-sm break-all text-neutral4 dark:border-white/10 dark:bg-black/20\">\n {usePlainTextView ? (\n <div className=\"font-mono break-all text-neutral4\">\n <pre className=\"text-wrap\">{finalCodeStr}</pre>\n </div>\n ) : (\n <ReactCodeMirror\n extensions={[json(), EditorView.lineWrapping]}\n theme={theme}\n value={codeStr}\n editable={false}\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-border1 py-3', className)}>\n {children}\n </div>\n );\n}\n","import { 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 <h3 className={cn('flex gap-2 text-ui-md text-neutral3 [&>b]:font-normal [&>b]:text-neutral2', className)}>\n {children}\n </h3>\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('text-ui-smd text-neutral2 shrink-0 py-0.5', 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('text-ui-smd text-neutral3 truncate min-w-0 py-0.5', 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 text-ui-sm uppercase tracking-widest text-neutral2 py-3', className)}>{children}</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-ui-sm text-neutral3\">\n <Spinner size=\"sm\" variant=\"pulse\" className=\"text-neutral3\" /> {children ?? 'Loading...'}\n </div>\n );\n}\n","export interface DataDetailsPanelNoDataProps {\n children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n return <p className=\"px-4 py-6 text-ui-sm text-neutral2\">{children ?? 'No data found.'}</p>;\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"],"names":["DataDetailsPanel","t","Root"],"mappings":"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"}
1	+ {"version":3,"file":"DataDetailsPanel.es.js","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-border1 bg-surface2',\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=\"md\" onClick={onClick} aria-label=\"Close Panel\" tooltip={tooltip} className={className}>\n <XIcon />\n </Button>\n );\n}\n","import { json } from '@codemirror/lang-json';\nimport { HighlightStyle, syntaxHighlighting } from '@codemirror/language';\nimport type { Extension } from '@codemirror/state';\nimport { EditorView } from '@codemirror/view';\nimport { tags as t } from '@lezer/highlight';\nimport { draculaInit } from '@uiw/codemirror-theme-dracula';\nimport ReactCodeMirror from '@uiw/react-codemirror';\nimport { AlignJustifyIcon, AlignLeftIcon } from 'lucide-react';\nimport { useMemo, useState } from 'react';\nimport { Button } from '@/ds/components/Button';\nimport { ButtonsGroup } from '@/ds/components/ButtonsGroup';\nimport { CopyButton } from '@/ds/components/CopyButton';\nimport { useTheme } from '@/ds/components/ThemeProvider';\nimport { cn } from '@/lib/utils';\n\nfunction buildDarkTheme(): Extension {\n return draculaInit({\n settings: {\n fontFamily: 'var(--font-mono)',\n fontSize: '0.75rem',\n lineHighlight: 'transparent',\n gutterBackground: 'transparent',\n gutterForeground: '#939393',\n background: 'transparent',\n },\n styles: [{ tag: [t.className, t.propertyName] }],\n });\n}\n\nfunction buildLightTheme(): Extension {\n const editorTheme = EditorView.theme({\n '&': {\n backgroundColor: 'transparent',\n color: 'var(--neutral6)',\n fontSize: '0.75rem',\n },\n '&.cm-editor .cm-scroller': {\n fontFamily: 'var(--font-mono)',\n },\n '.cm-gutters': {\n backgroundColor: 'transparent',\n color: 'var(--neutral2)',\n borderRight: 'none',\n },\n '.cm-content': {\n color: 'var(--neutral6)',\n caretColor: 'var(--neutral6)',\n },\n '.cm-activeLine': {\n backgroundColor: 'transparent',\n },\n '.cm-activeLineGutter': {\n backgroundColor: 'transparent',\n },\n '.cm-cursor, .cm-dropCursor': {\n borderLeftColor: 'var(--neutral6)',\n },\n });\n\n const highlightStyle = HighlightStyle.define([\n { tag: [t.comment, t.bracket], color: 'var(--neutral2)' },\n { tag: [t.string, t.meta, t.regexp], color: 'var(--accent1)' },\n { tag: [t.atom, t.bool, t.special(t.variableName)], color: 'var(--accent6)' },\n { tag: [t.keyword, t.operator, t.tagName], color: 'var(--accent2)' },\n { tag: [t.function(t.propertyName), t.propertyName], color: 'var(--accent5)' },\n {\n tag: [t.definition(t.variableName), t.function(t.variableName), t.className, t.attributeName],\n color: 'var(--accent3)',\n },\n { tag: [t.variableName, t.number], color: 'var(--accent5)' },\n { tag: [t.name, t.quote], color: 'var(--accent1)' },\n ]);\n\n return [editorTheme, syntaxHighlighting(highlightStyle)];\n}\n\nconst useCodemirrorTheme = (): Extension => {\n const isDark = useTheme().resolvedTheme === 'dark';\n return useMemo(() => (isDark ? buildDarkTheme() : buildLightTheme()), [isDark]);\n};\n\nexport interface DataDetailsPanelCodeSectionProps {\n title: React.ReactNode;\n icon?: React.ReactNode;\n codeStr?: string;\n simplified?: boolean;\n className?: string;\n}\n\nexport function DataDetailsPanelCodeSection({\n codeStr = '',\n title,\n icon,\n simplified = false,\n className,\n}: DataDetailsPanelCodeSectionProps) {\n const theme = useCodemirrorTheme();\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-ui-xs tracking-widest text-neutral2 uppercase',\n '[&>svg]:size-3.5',\n )}\n >\n {icon}\n {title}\n </div>\n <ButtonsGroup>\n <CopyButton content={codeStr \|\| 'No content'} size=\"sm\" />\n {hasMultilineText && (\n <Button\n size=\"sm\"\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 className=\"max-h-[30vh] overflow-hidden overflow-y-auto rounded-lg border border-border1 bg-surface3 p-3 text-ui-sm break-all text-neutral4 dark:border-white/10 dark:bg-black/20\">\n {usePlainTextView ? (\n <div className=\"font-mono break-all text-neutral4\">\n <pre className=\"text-wrap\">{finalCodeStr}</pre>\n </div>\n ) : (\n <ReactCodeMirror\n extensions={[json(), EditorView.lineWrapping]}\n theme={theme}\n value={codeStr}\n editable={false}\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-border1 py-3', className)}>\n {children}\n </div>\n );\n}\n","import { 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 <h3 className={cn('flex gap-2 text-ui-md text-neutral3 [&>b]:font-normal [&>b]:text-neutral2', className)}>\n {children}\n </h3>\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-ui-smd text-neutral2', 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-ui-smd text-neutral3', 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-ui-sm tracking-widest text-neutral2 uppercase', className)}>{children}</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-ui-sm text-neutral3\">\n <Spinner size=\"sm\" variant=\"pulse\" className=\"text-neutral3\" /> {children ?? 'Loading...'}\n </div>\n );\n}\n","export interface DataDetailsPanelNoDataProps {\n children?: React.ReactNode;\n}\n\nexport function DataDetailsPanelNoData({ children }: DataDetailsPanelNoDataProps) {\n return <p className=\"px-4 py-6 text-ui-sm text-neutral2\">{children ?? 'No data found.'}</p>;\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"],"names":["DataDetailsPanel","t","Root"],"mappings":"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"}

package/dist/components/DataPanel.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const dataPanel = require('../data-panel-CAbxKoPF.cjs');
+const dataPanel = require('../data-panel-CsonAnlK.cjs');

package/dist/components/DataPanel.es.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { D as DataPanel } from '../data-panel-Otc4qdKL.js';
+export { D as DataPanel } from '../data-panel-BGpCzY5K.js';
 //# sourceMappingURL=DataPanel.es.js.map

package/dist/components/DateTimePicker.cjs.js CHANGED Viewed

@@ -7,7 +7,7 @@ const dateFns = require('date-fns');
 const lucideReact = require('lucide-react');
 const React = require('react');
 const useDebounce = require('use-debounce');
-const textFieldBlock = require('../text-field-block-CpKq1NCV.cjs');
+const textFieldBlock = require('../text-field-block-BUvxjW9m.cjs');
 const timePicker = require('../time-picker-kYaitcDa.cjs');
 const Button = require('../Button-B5RnKrGb.cjs');
 const popover = require('../popover-CO0UtG2f.cjs');

package/dist/components/DateTimePicker.es.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { format, isValid, formatDate } from 'date-fns';
 import { CircleAlertIcon, CalendarIcon } from 'lucide-react';
 import * as React from 'react';
 import { useDebouncedCallback } from 'use-debounce';
-import { T as TextFieldBlock } from '../text-field-block-CrFqgdKx.js';
+import { T as TextFieldBlock } from '../text-field-block-DxtR1Ft4.js';
 import { D as DatePicker, T as TimePicker } from '../time-picker-Dg78gQcJ.js';
 import { B as Button } from '../Button-Dh5CZ6Ir.js';
 import { P as Popover, b as PopoverTrigger, a as PopoverContent } from '../popover-DwDnnrzj.js';

package/dist/components/Drawer.cjs.js CHANGED Viewed

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const drawer = require('../drawer-DtEZQBXj.cjs');
+const drawer = require('../drawer-DvuUmhic.cjs');

package/dist/components/Drawer.es.js CHANGED Viewed

@@ -1,2 +1,2 @@
-export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-Djerm1Lo.js';
+export { D as Drawer, a as DrawerBackdrop, b as DrawerBody, c as DrawerClose, d as DrawerContent, e as DrawerDescription, f as DrawerFooter, g as DrawerHeader, h as DrawerIndent, i as DrawerIndentBackground, j as DrawerInteractive, k as DrawerPopup, l as DrawerPortal, m as DrawerProvider, n as DrawerSwipeArea, o as DrawerTitle, p as DrawerTrigger, q as DrawerViewport, r as createDrawerHandle, u as useDrawerSide } from '../drawer-Dyx25o_o.js';
 //# sourceMappingURL=Drawer.es.js.map

package/dist/components/Entity.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-BT8_EkuZ.cjs');
+const Txt = require('../Txt-I5lK8zy7.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 require('lucide-react');
 const utils_cn = require('../cn-vA5sWo9W.cjs');

package/dist/components/Entity.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-p33XTnu8.js';
+import { T as Txt } from '../Txt-Df42XG5p.js';
 import { Icon } from '../icons/Icon.es.js';
 import 'lucide-react';
 import { c as cn } from '../cn-BakJzhuv.js';

package/dist/components/EntityHeader.cjs.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const skeleton = require('../skeleton-C0zXt2_f.cjs');
-const Txt = require('../Txt-BT8_EkuZ.cjs');
+const Txt = require('../Txt-I5lK8zy7.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 require('lucide-react');

package/dist/components/EntityHeader.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { S as Skeleton } from '../skeleton-C5-7V8Ni.js';
-import { T as Txt } from '../Txt-p33XTnu8.js';
+import { T as Txt } from '../Txt-Df42XG5p.js';
 import { Icon } from '../icons/Icon.es.js';
 import 'lucide-react';

package/dist/components/Entry.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-BT8_EkuZ.cjs');
+const Txt = require('../Txt-I5lK8zy7.cjs');
 const Entry = ({ label, children }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [

package/dist/components/Entry.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-p33XTnu8.js';
+import { T as Txt } from '../Txt-Df42XG5p.js';
 const Entry = ({ label, children }) => {
   return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [

package/dist/components/EnvironmentVariablesEditor.cjs.js CHANGED Viewed

@@ -9,10 +9,10 @@ const React = require('react');
 const Button = require('../Button-B5RnKrGb.cjs');
 const Notice = require('../Notice-WhHdy89l.cjs');
 const envFile = require('../env-file-BU2hStkm.cjs');
-const Txt = require('../Txt-BT8_EkuZ.cjs');
+const Txt = require('../Txt-I5lK8zy7.cjs');
 const dataList = require('../data-list-BwGRWaNd.cjs');
 const hooks_useCopyToClipboard = require('../hooks/use-copy-to-clipboard.cjs.js');
-const fieldBlock = require('../field-block-Dx-fDIP9.cjs');
+const fieldBlock = require('../field-block-CEbnWKc0.cjs');
 const inputGroup = require('../input-group-QaBen5tC.cjs');
 function EnvironmentVariablesEditorActions({ className, ...props }) {

package/dist/components/EnvironmentVariablesEditor.es.js CHANGED Viewed

@@ -5,10 +5,10 @@ import { createContext, use, useState, useMemo } from 'react';
 import { B as Button } from '../Button-Dh5CZ6Ir.js';
 import { N as Notice } from '../Notice-jmHNt3gS.js';
 import { D as DUPLICATE_ENVIRONMENT_VARIABLE_MESSAGE } from '../env-file-BITYowCx.js';
-import { T as Txt } from '../Txt-p33XTnu8.js';
+import { T as Txt } from '../Txt-Df42XG5p.js';
 import { D as DataList } from '../data-list-By3xmGvT.js';
 import { useCopyToClipboard } from '../hooks/use-copy-to-clipboard.es.js';
-import { F as FieldBlock } from '../field-block-CC_EYPWe.js';
+import { F as FieldBlock } from '../field-block-CBdMcT-i.js';
 import { I as InputGroup, c as InputGroupInput, a as InputGroupAddon, b as InputGroupButton } from '../input-group-DZnJcY3U.js';
 function EnvironmentVariablesEditorActions({ className, ...props }) {

package/dist/components/FormFieldBlocks.cjs.js CHANGED Viewed

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-const fieldBlock = require('../field-block-Dx-fDIP9.cjs');
+const fieldBlock = require('../field-block-CEbnWKc0.cjs');
 const jsxRuntime = require('react/jsx-runtime');
 const utils_cn = require('../cn-vA5sWo9W.cjs');
-const textFieldBlock = require('../text-field-block-CpKq1NCV.cjs');
-const searchFieldBlock = require('../search-field-block-C4njnmUx.cjs');
-const selectFieldBlock = require('../select-field-block-dq1ZmZVb.cjs');
+const textFieldBlock = require('../text-field-block-BUvxjW9m.cjs');
+const searchFieldBlock = require('../search-field-block-DmqZsrrI.cjs');
+const selectFieldBlock = require('../select-field-block-BI_NZs2R.cjs');
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: utils_cn.cn("grid content-start gap-6", className), children });

package/dist/components/FormFieldBlocks.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
-export { F as FieldBlock } from '../field-block-CC_EYPWe.js';
+export { F as FieldBlock } from '../field-block-CBdMcT-i.js';
 import { jsx } from 'react/jsx-runtime';
 import { c as cn } from '../cn-BakJzhuv.js';
-export { T as TextFieldBlock } from '../text-field-block-CrFqgdKx.js';
-export { S as SearchFieldBlock } from '../search-field-block-e9qthuwY.js';
-export { S as SelectFieldBlock } from '../select-field-block-BWuqWh4k.js';
+export { T as TextFieldBlock } from '../text-field-block-DxtR1Ft4.js';
+export { S as SearchFieldBlock } from '../search-field-block-CMoQ9fjl.js';
+export { S as SelectFieldBlock } from '../select-field-block-BSlngEHK.js';
 function FieldBlocksLayoutColumn({ children, className }) {
   return /* @__PURE__ */ jsx("div", { className: cn("grid content-start gap-6", className), children });

package/dist/components/Header.cjs.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
-const Txt = require('../Txt-BT8_EkuZ.cjs');
+const Txt = require('../Txt-I5lK8zy7.cjs');
 const utils_cn = require('../cn-vA5sWo9W.cjs');
 const Header = ({ children, border = true, className }) => {

package/dist/components/Header.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { jsx } from 'react/jsx-runtime';
-import { T as Txt } from '../Txt-p33XTnu8.js';
+import { T as Txt } from '../Txt-Df42XG5p.js';
 import { c as cn } from '../cn-BakJzhuv.js';
 const Header = ({ children, border = true, className }) => {

package/dist/components/JSONSchemaForm.cjs.js CHANGED Viewed

@@ -5,9 +5,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const utils_cn = require('../cn-vA5sWo9W.cjs');
-const textFieldBlock = require('../text-field-block-CpKq1NCV.cjs');
+const textFieldBlock = require('../text-field-block-BUvxjW9m.cjs');
 const lucideReact = require('lucide-react');
-const selectFieldBlock = require('../select-field-block-dq1ZmZVb.cjs');
+const selectFieldBlock = require('../select-field-block-BI_NZs2R.cjs');
 const icons_Icon = require('../icons/Icon.cjs.js');
 const checkbox = require('../checkbox-CY9g_3ZS.cjs');
 const Button = require('../Button-B5RnKrGb.cjs');

package/dist/components/JSONSchemaForm.es.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
 import { c as cn } from '../cn-BakJzhuv.js';
-import { T as TextFieldBlock } from '../text-field-block-CrFqgdKx.js';
+import { T as TextFieldBlock } from '../text-field-block-DxtR1Ft4.js';
 import { Type, Hash, ToggleLeft, AlignLeft, Braces, List, Trash2Icon } from 'lucide-react';
-import { S as SelectFieldBlock } from '../select-field-block-BWuqWh4k.js';
+import { S as SelectFieldBlock } from '../select-field-block-BSlngEHK.js';
 import { Icon } from '../icons/Icon.es.js';
 import { C as Checkbox } from '../checkbox-VAUW92fg.js';
 import { B as Button } from '../Button-Dh5CZ6Ir.js';

package/dist/components/ListSearch.cjs.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const jsxRuntime = require('react/jsx-runtime');
 const React = require('react');
 const useDebounce = require('use-debounce');
-const searchFieldBlock = require('../search-field-block-C4njnmUx.cjs');
+const searchFieldBlock = require('../search-field-block-DmqZsrrI.cjs');
 const ListSearch = ({
   onSearch,

package/dist/components/ListSearch.es.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useId, useState, useEffect, useCallback } from 'react';
 import { useDebouncedCallback } from 'use-debounce';
-import { S as SearchFieldBlock } from '../search-field-block-e9qthuwY.js';
+import { S as SearchFieldBlock } from '../search-field-block-CMoQ9fjl.js';
 const ListSearch = ({
   onSearch,

package/dist/components/MainContent.cjs.js CHANGED Viewed

@@ -16,7 +16,7 @@ function MainContentLayout({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "main",
     {
-      className: utils_cn.cn(`grid grid-rows-[auto_1fr] h-full items-start content-start`, className),
+      className: utils_cn.cn(`grid h-full grid-rows-[auto_1fr] content-start items-start`, className),
       style: { ...style, ...devStyleRequested ? { border: "3px dotted red" } : {} },
       children: [
         pageHeading && /* @__PURE__ */ jsxRuntime.jsx("h1", { className: "sr-only", children: pageHeading }),
@@ -51,8 +51,8 @@ const getMainContentContentClassName = ({
   className
 }) => {
   return utils_cn.cn(
-    `grid overflow-y-auto h-full `,
-    `overflow-x-auto min-w-min`,
+    `grid h-full overflow-y-auto `,
+    `min-w-min overflow-x-auto`,
     {
       "items-start content-start": !isCentered && !isDivided && !hasLeftServiceColumn,
       "grid place-items-center": isCentered,

package/dist/components/MainContent.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MainContent.cjs.js","sources":["../../src/ds/components/MainContent/main-content.tsx"],"sourcesContent":["import { usePageHeading } from '../PageLayout/page-heading-context';\nimport { cn } from '@/lib/utils';\n\nexport function MainContentLayout({\n children,\n className,\n style,\n}: {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}) {\n const devStyleRequested = devUIStyleRequested('MainContentLayout');\n const pageHeading = usePageHeading();\n\n return (\n <main\n className={cn(`grid grid-rows-[auto_1fr] h-~~full~~ items-start ~~content-start~~`, className)}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted red' } : {}) }}\n >\n {pageHeading && <h1 className=\"sr-only\">{pageHeading}</h1>}\n {children}\n </main>\n );\n}\n\nexport type MainContentContentProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n // content is centered in the middle of the page e.g. for empty state\n isCentered?: boolean;\n // content is split into two columns equal width columns\n isDivided?: boolean;\n // used when the left column is a service column (e.g. agent history nav)\n hasLeftServiceColumn?: boolean;\n};\n\nexport function MainContentContent({\n children,\n className,\n isCentered = false,\n isDivided = false,\n hasLeftServiceColumn = false,\n style,\n}: MainContentContentProps) {\n const devStyleRequested = devUIStyleRequested('MainContentContent');\n const contentClassName = getMainContentContentClassName({ isCentered, isDivided, hasLeftServiceColumn, className });\n\n return (\n <div\n className={contentClassName}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted orange' } : {}) }}\n >\n {children}\n </div>\n );\n}\n\nexport type GetMainContentContentClassNameArgs = {\n isCentered: boolean;\n isDivided: boolean;\n hasLeftServiceColumn: boolean;\n className?: string;\n};\n\nexport const getMainContentContentClassName = ({\n isCentered,\n isDivided,\n hasLeftServiceColumn,\n className,\n}: GetMainContentContentClassNameArgs) => {\n return cn(\n `grid overflow-y-auto ~~h-full~~ `,\n `overflow-x-auto ~~min-w-min~~`,\n {\n 'items-start content-start': !isCentered && !isDivided && !hasLeftServiceColumn,\n 'grid place-items-center': isCentered,\n 'grid-cols-[1fr_1fr]': isDivided && !hasLeftServiceColumn,\n 'grid-cols-[12rem_1fr_1fr]': isDivided && hasLeftServiceColumn,\n 'grid-cols-[auto_1fr]': !isDivided && hasLeftServiceColumn,\n },\n className,\n );\n};\n\nfunction devUIStyleRequested(name: string) {\n try {\n const raw = localStorage.getItem('add-dev-style-to-components');\n if (!raw) return false;\n\n const components = raw\n .split(',')\n .map(c => c.trim())\n .filter(Boolean); // remove empty strings\n\n return components.includes(name);\n } catch (error) {\n console.error('Error reading or parsing localStorage:', error);\n return false;\n }\n}\n"],"names":["usePageHeading","jsxs","cn","jsx"],"mappings":";;;;;;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,mBAAmB,CAAA;AACjE,EAAA,MAAM,cAAcA,iCAAA,EAAe;AAEnC,EAAA,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,CAAA,0DAAA,CAAA,EAA8D,SAAS,CAAA;AAAA,MACrF,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,gBAAA,EAAiB,GAAI,EAAC,EAAG;AAAA,MAE7E,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAeC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH;AAEJ;AAcO,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,oBAAA,GAAuB,KAAA;AAAA,EACvB;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,oBAAoB,CAAA;AAClE,EAAA,MAAM,mBAAmB,8BAAA,CAA+B,EAAE,YAAY,SAAA,EAAW,oBAAA,EAAsB,WAAW,CAAA;AAElH,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,mBAAA,EAAoB,GAAI,EAAC,EAAG;AAAA,MAEhF;AAAA;AAAA,GACH;AAEJ;AASO,MAAM,iCAAiC,CAAC;AAAA,EAC7C,UAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,KAA0C;AACxC,EAAA,OAAOD,WAAA;AAAA,IACL,CAAA,4BAAA,CAAA;AAAA,IACA,CAAA,yBAAA,CAAA;AAAA,IACA;AAAA,MACE,2BAAA,EAA6B,CAAC,UAAA,IAAc,CAAC,aAAa,CAAC,oBAAA;AAAA,MAC3D,yBAAA,EAA2B,UAAA;AAAA,MAC3B,qBAAA,EAAuB,aAAa,CAAC,oBAAA;AAAA,MACrC,6BAA6B,SAAA,IAAa,oBAAA;AAAA,MAC1C,sBAAA,EAAwB,CAAC,SAAA,IAAa;AAAA,KACxC;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,oBAAoB,IAAA,EAAc;AACzC,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,6BAA6B,CAAA;AAC9D,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AAEjB,IAAA,MAAM,UAAA,GAAa,GAAA,CAChB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAA,EAAM,CAAA,CACjB,MAAA,CAAO,OAAO,CAAA;AAEjB,IAAA,OAAO,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,EACjC,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,0CAA0C,KAAK,CAAA;AAC7D,IAAA,OAAO,KAAA;AAAA,EACT;AACF;;;;;;"}
1	+ {"version":3,"file":"MainContent.cjs.js","sources":["../../src/ds/components/MainContent/main-content.tsx"],"sourcesContent":["import { usePageHeading } from '../PageLayout/page-heading-context';\nimport { cn } from '@/lib/utils';\n\nexport function MainContentLayout({\n children,\n className,\n style,\n}: {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}) {\n const devStyleRequested = devUIStyleRequested('MainContentLayout');\n const pageHeading = usePageHeading();\n\n return (\n <main\n className={cn(`grid h-full grid-rows-[auto_1fr] content-start items-start`, className)}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted red' } : {}) }}\n >\n {pageHeading && <h1 className=\"sr-only\">{pageHeading}</h1>}\n {children}\n </main>\n );\n}\n\nexport type MainContentContentProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n // content is centered in the middle of the page e.g. for empty state\n isCentered?: boolean;\n // content is split into two columns equal width columns\n isDivided?: boolean;\n // used when the left column is a service column (e.g. agent history nav)\n hasLeftServiceColumn?: boolean;\n};\n\nexport function MainContentContent({\n children,\n className,\n isCentered = false,\n isDivided = false,\n hasLeftServiceColumn = false,\n style,\n}: MainContentContentProps) {\n const devStyleRequested = devUIStyleRequested('MainContentContent');\n const contentClassName = getMainContentContentClassName({ isCentered, isDivided, hasLeftServiceColumn, className });\n\n return (\n <div\n className={contentClassName}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted orange' } : {}) }}\n >\n {children}\n </div>\n );\n}\n\nexport type GetMainContentContentClassNameArgs = {\n isCentered: boolean;\n isDivided: boolean;\n hasLeftServiceColumn: boolean;\n className?: string;\n};\n\nexport const getMainContentContentClassName = ({\n isCentered,\n isDivided,\n hasLeftServiceColumn,\n className,\n}: GetMainContentContentClassNameArgs) => {\n return cn(\n `grid h-full overflow-y-auto `,\n `min-w-min overflow-x-auto`,\n {\n 'items-start content-start': !isCentered && !isDivided && !hasLeftServiceColumn,\n 'grid place-items-center': isCentered,\n 'grid-cols-[1fr_1fr]': isDivided && !hasLeftServiceColumn,\n 'grid-cols-[12rem_1fr_1fr]': isDivided && hasLeftServiceColumn,\n 'grid-cols-[auto_1fr]': !isDivided && hasLeftServiceColumn,\n },\n className,\n );\n};\n\nfunction devUIStyleRequested(name: string) {\n try {\n const raw = localStorage.getItem('add-dev-style-to-components');\n if (!raw) return false;\n\n const components = raw\n .split(',')\n .map(c => c.trim())\n .filter(Boolean); // remove empty strings\n\n return components.includes(name);\n } catch (error) {\n console.error('Error reading or parsing localStorage:', error);\n return false;\n }\n}\n"],"names":["usePageHeading","jsxs","cn","jsx"],"mappings":";;;;;;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,mBAAmB,CAAA;AACjE,EAAA,MAAM,cAAcA,iCAAA,EAAe;AAEnC,EAAA,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAWC,WAAA,CAAG,CAAA,0DAAA,CAAA,EAA8D,SAAS,CAAA;AAAA,MACrF,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,gBAAA,EAAiB,GAAI,EAAC,EAAG;AAAA,MAE7E,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAeC,cAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH;AAEJ;AAcO,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,oBAAA,GAAuB,KAAA;AAAA,EACvB;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,oBAAoB,CAAA;AAClE,EAAA,MAAM,mBAAmB,8BAAA,CAA+B,EAAE,YAAY,SAAA,EAAW,oBAAA,EAAsB,WAAW,CAAA;AAElH,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,mBAAA,EAAoB,GAAI,EAAC,EAAG;AAAA,MAEhF;AAAA;AAAA,GACH;AAEJ;AASO,MAAM,iCAAiC,CAAC;AAAA,EAC7C,UAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,KAA0C;AACxC,EAAA,OAAOD,WAAA;AAAA,IACL,CAAA,4BAAA,CAAA;AAAA,IACA,CAAA,yBAAA,CAAA;AAAA,IACA;AAAA,MACE,2BAAA,EAA6B,CAAC,UAAA,IAAc,CAAC,aAAa,CAAC,oBAAA;AAAA,MAC3D,yBAAA,EAA2B,UAAA;AAAA,MAC3B,qBAAA,EAAuB,aAAa,CAAC,oBAAA;AAAA,MACrC,6BAA6B,SAAA,IAAa,oBAAA;AAAA,MAC1C,sBAAA,EAAwB,CAAC,SAAA,IAAa;AAAA,KACxC;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,oBAAoB,IAAA,EAAc;AACzC,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,6BAA6B,CAAA;AAC9D,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AAEjB,IAAA,MAAM,UAAA,GAAa,GAAA,CAChB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAA,EAAM,CAAA,CACjB,MAAA,CAAO,OAAO,CAAA;AAEjB,IAAA,OAAO,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,EACjC,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,0CAA0C,KAAK,CAAA;AAC7D,IAAA,OAAO,KAAA;AAAA,EACT;AACF;;;;;;"}

package/dist/components/MainContent.es.js CHANGED Viewed

@@ -12,7 +12,7 @@ function MainContentLayout({
   return /* @__PURE__ */ jsxs(
     "main",
     {
-      className: cn(`grid grid-rows-[auto_1fr] h-full items-start content-start`, className),
+      className: cn(`grid h-full grid-rows-[auto_1fr] content-start items-start`, className),
       style: { ...style, ...devStyleRequested ? { border: "3px dotted red" } : {} },
       children: [
         pageHeading && /* @__PURE__ */ jsx("h1", { className: "sr-only", children: pageHeading }),
@@ -47,8 +47,8 @@ const getMainContentContentClassName = ({
   className
 }) => {
   return cn(
-    `grid overflow-y-auto h-full `,
-    `overflow-x-auto min-w-min`,
+    `grid h-full overflow-y-auto `,
+    `min-w-min overflow-x-auto`,
     {
       "items-start content-start": !isCentered && !isDivided && !hasLeftServiceColumn,
       "grid place-items-center": isCentered,

package/dist/components/MainContent.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MainContent.es.js","sources":["../../src/ds/components/MainContent/main-content.tsx"],"sourcesContent":["import { usePageHeading } from '../PageLayout/page-heading-context';\nimport { cn } from '@/lib/utils';\n\nexport function MainContentLayout({\n children,\n className,\n style,\n}: {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}) {\n const devStyleRequested = devUIStyleRequested('MainContentLayout');\n const pageHeading = usePageHeading();\n\n return (\n <main\n className={cn(`grid grid-rows-[auto_1fr] h-~~full~~ items-start ~~content-start~~`, className)}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted red' } : {}) }}\n >\n {pageHeading && <h1 className=\"sr-only\">{pageHeading}</h1>}\n {children}\n </main>\n );\n}\n\nexport type MainContentContentProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n // content is centered in the middle of the page e.g. for empty state\n isCentered?: boolean;\n // content is split into two columns equal width columns\n isDivided?: boolean;\n // used when the left column is a service column (e.g. agent history nav)\n hasLeftServiceColumn?: boolean;\n};\n\nexport function MainContentContent({\n children,\n className,\n isCentered = false,\n isDivided = false,\n hasLeftServiceColumn = false,\n style,\n}: MainContentContentProps) {\n const devStyleRequested = devUIStyleRequested('MainContentContent');\n const contentClassName = getMainContentContentClassName({ isCentered, isDivided, hasLeftServiceColumn, className });\n\n return (\n <div\n className={contentClassName}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted orange' } : {}) }}\n >\n {children}\n </div>\n );\n}\n\nexport type GetMainContentContentClassNameArgs = {\n isCentered: boolean;\n isDivided: boolean;\n hasLeftServiceColumn: boolean;\n className?: string;\n};\n\nexport const getMainContentContentClassName = ({\n isCentered,\n isDivided,\n hasLeftServiceColumn,\n className,\n}: GetMainContentContentClassNameArgs) => {\n return cn(\n `grid overflow-y-auto ~~h-full~~ `,\n `overflow-x-auto ~~min-w-min~~`,\n {\n 'items-start content-start': !isCentered && !isDivided && !hasLeftServiceColumn,\n 'grid place-items-center': isCentered,\n 'grid-cols-[1fr_1fr]': isDivided && !hasLeftServiceColumn,\n 'grid-cols-[12rem_1fr_1fr]': isDivided && hasLeftServiceColumn,\n 'grid-cols-[auto_1fr]': !isDivided && hasLeftServiceColumn,\n },\n className,\n );\n};\n\nfunction devUIStyleRequested(name: string) {\n try {\n const raw = localStorage.getItem('add-dev-style-to-components');\n if (!raw) return false;\n\n const components = raw\n .split(',')\n .map(c => c.trim())\n .filter(Boolean); // remove empty strings\n\n return components.includes(name);\n } catch (error) {\n console.error('Error reading or parsing localStorage:', error);\n return false;\n }\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,mBAAmB,CAAA;AACjE,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,CAAA,0DAAA,CAAA,EAA8D,SAAS,CAAA;AAAA,MACrF,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,gBAAA,EAAiB,GAAI,EAAC,EAAG;AAAA,MAE7E,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAe,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH;AAEJ;AAcO,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,oBAAA,GAAuB,KAAA;AAAA,EACvB;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,oBAAoB,CAAA;AAClE,EAAA,MAAM,mBAAmB,8BAAA,CAA+B,EAAE,YAAY,SAAA,EAAW,oBAAA,EAAsB,WAAW,CAAA;AAElH,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,mBAAA,EAAoB,GAAI,EAAC,EAAG;AAAA,MAEhF;AAAA;AAAA,GACH;AAEJ;AASO,MAAM,iCAAiC,CAAC;AAAA,EAC7C,UAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,KAA0C;AACxC,EAAA,OAAO,EAAA;AAAA,IACL,CAAA,4BAAA,CAAA;AAAA,IACA,CAAA,yBAAA,CAAA;AAAA,IACA;AAAA,MACE,2BAAA,EAA6B,CAAC,UAAA,IAAc,CAAC,aAAa,CAAC,oBAAA;AAAA,MAC3D,yBAAA,EAA2B,UAAA;AAAA,MAC3B,qBAAA,EAAuB,aAAa,CAAC,oBAAA;AAAA,MACrC,6BAA6B,SAAA,IAAa,oBAAA;AAAA,MAC1C,sBAAA,EAAwB,CAAC,SAAA,IAAa;AAAA,KACxC;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,oBAAoB,IAAA,EAAc;AACzC,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,6BAA6B,CAAA;AAC9D,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AAEjB,IAAA,MAAM,UAAA,GAAa,GAAA,CAChB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAA,EAAM,CAAA,CACjB,MAAA,CAAO,OAAO,CAAA;AAEjB,IAAA,OAAO,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,EACjC,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,0CAA0C,KAAK,CAAA;AAC7D,IAAA,OAAO,KAAA;AAAA,EACT;AACF;;;;"}
1	+ {"version":3,"file":"MainContent.es.js","sources":["../../src/ds/components/MainContent/main-content.tsx"],"sourcesContent":["import { usePageHeading } from '../PageLayout/page-heading-context';\nimport { cn } from '@/lib/utils';\n\nexport function MainContentLayout({\n children,\n className,\n style,\n}: {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n}) {\n const devStyleRequested = devUIStyleRequested('MainContentLayout');\n const pageHeading = usePageHeading();\n\n return (\n <main\n className={cn(`grid h-full grid-rows-[auto_1fr] content-start items-start`, className)}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted red' } : {}) }}\n >\n {pageHeading && <h1 className=\"sr-only\">{pageHeading}</h1>}\n {children}\n </main>\n );\n}\n\nexport type MainContentContentProps = {\n children: React.ReactNode;\n className?: string;\n style?: React.CSSProperties;\n // content is centered in the middle of the page e.g. for empty state\n isCentered?: boolean;\n // content is split into two columns equal width columns\n isDivided?: boolean;\n // used when the left column is a service column (e.g. agent history nav)\n hasLeftServiceColumn?: boolean;\n};\n\nexport function MainContentContent({\n children,\n className,\n isCentered = false,\n isDivided = false,\n hasLeftServiceColumn = false,\n style,\n}: MainContentContentProps) {\n const devStyleRequested = devUIStyleRequested('MainContentContent');\n const contentClassName = getMainContentContentClassName({ isCentered, isDivided, hasLeftServiceColumn, className });\n\n return (\n <div\n className={contentClassName}\n style={{ ...style, ...(devStyleRequested ? { border: '3px dotted orange' } : {}) }}\n >\n {children}\n </div>\n );\n}\n\nexport type GetMainContentContentClassNameArgs = {\n isCentered: boolean;\n isDivided: boolean;\n hasLeftServiceColumn: boolean;\n className?: string;\n};\n\nexport const getMainContentContentClassName = ({\n isCentered,\n isDivided,\n hasLeftServiceColumn,\n className,\n}: GetMainContentContentClassNameArgs) => {\n return cn(\n `grid h-full overflow-y-auto `,\n `min-w-min overflow-x-auto`,\n {\n 'items-start content-start': !isCentered && !isDivided && !hasLeftServiceColumn,\n 'grid place-items-center': isCentered,\n 'grid-cols-[1fr_1fr]': isDivided && !hasLeftServiceColumn,\n 'grid-cols-[12rem_1fr_1fr]': isDivided && hasLeftServiceColumn,\n 'grid-cols-[auto_1fr]': !isDivided && hasLeftServiceColumn,\n },\n className,\n );\n};\n\nfunction devUIStyleRequested(name: string) {\n try {\n const raw = localStorage.getItem('add-dev-style-to-components');\n if (!raw) return false;\n\n const components = raw\n .split(',')\n .map(c => c.trim())\n .filter(Boolean); // remove empty strings\n\n return components.includes(name);\n } catch (error) {\n console.error('Error reading or parsing localStorage:', error);\n return false;\n }\n}\n"],"names":[],"mappings":";;;;AAGO,SAAS,iBAAA,CAAkB;AAAA,EAChC,QAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF,CAAA,EAIG;AACD,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,mBAAmB,CAAA;AACjE,EAAA,MAAM,cAAc,cAAA,EAAe;AAEnC,EAAA,uBACE,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,EAAA,CAAG,CAAA,0DAAA,CAAA,EAA8D,SAAS,CAAA;AAAA,MACrF,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,gBAAA,EAAiB,GAAI,EAAC,EAAG;AAAA,MAE7E,QAAA,EAAA;AAAA,QAAA,WAAA,oBAAe,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,SAAA,EAAW,QAAA,EAAA,WAAA,EAAY,CAAA;AAAA,QACpD;AAAA;AAAA;AAAA,GACH;AAEJ;AAcO,SAAS,kBAAA,CAAmB;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,SAAA,GAAY,KAAA;AAAA,EACZ,oBAAA,GAAuB,KAAA;AAAA,EACvB;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,iBAAA,GAAoB,oBAAoB,oBAAoB,CAAA;AAClE,EAAA,MAAM,mBAAmB,8BAAA,CAA+B,EAAE,YAAY,SAAA,EAAW,oBAAA,EAAsB,WAAW,CAAA;AAElH,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,gBAAA;AAAA,MACX,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAI,iBAAA,GAAoB,EAAE,MAAA,EAAQ,mBAAA,EAAoB,GAAI,EAAC,EAAG;AAAA,MAEhF;AAAA;AAAA,GACH;AAEJ;AASO,MAAM,iCAAiC,CAAC;AAAA,EAC7C,UAAA;AAAA,EACA,SAAA;AAAA,EACA,oBAAA;AAAA,EACA;AACF,CAAA,KAA0C;AACxC,EAAA,OAAO,EAAA;AAAA,IACL,CAAA,4BAAA,CAAA;AAAA,IACA,CAAA,yBAAA,CAAA;AAAA,IACA;AAAA,MACE,2BAAA,EAA6B,CAAC,UAAA,IAAc,CAAC,aAAa,CAAC,oBAAA;AAAA,MAC3D,yBAAA,EAA2B,UAAA;AAAA,MAC3B,qBAAA,EAAuB,aAAa,CAAC,oBAAA;AAAA,MACrC,6BAA6B,SAAA,IAAa,oBAAA;AAAA,MAC1C,sBAAA,EAAwB,CAAC,SAAA,IAAa;AAAA,KACxC;AAAA,IACA;AAAA,GACF;AACF;AAEA,SAAS,oBAAoB,IAAA,EAAc;AACzC,EAAA,IAAI;AACF,IAAA,MAAM,GAAA,GAAM,YAAA,CAAa,OAAA,CAAQ,6BAA6B,CAAA;AAC9D,IAAA,IAAI,CAAC,KAAK,OAAO,KAAA;AAEjB,IAAA,MAAM,UAAA,GAAa,GAAA,CAChB,KAAA,CAAM,GAAG,CAAA,CACT,GAAA,CAAI,CAAA,CAAA,KAAK,CAAA,CAAE,IAAA,EAAM,CAAA,CACjB,MAAA,CAAO,OAAO,CAAA;AAEjB,IAAA,OAAO,UAAA,CAAW,SAAS,IAAI,CAAA;AAAA,EACjC,SAAS,KAAA,EAAO;AACd,IAAA,OAAA,CAAQ,KAAA,CAAM,0CAA0C,KAAK,CAAA;AAC7D,IAAA,OAAO,KAAA;AAAA,EACT;AACF;;;;"}

package/dist/components/MainSidebar.cjs.js CHANGED Viewed

@@ -9,7 +9,7 @@ const React = require('react');
 const scrollArea = require('../scroll-area-C3deZ3yj.cjs');
 const reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
 const tooltip = require('../tooltip-VGyJcEoE.cjs');
-const drawer = require('../drawer-DtEZQBXj.cjs');
+const drawer = require('../drawer-DvuUmhic.cjs');
 const primitives_resizeHandleIndicator = require('../primitives/resize-handle-indicator.cjs.js');
 function MainSidebarBottom({ className, children, ...props }) {

package/dist/components/MainSidebar.es.js CHANGED Viewed

@@ -5,7 +5,7 @@ import React__default, { useRef, useEffect, useCallback, useId } from 'react';
 import { S as ScrollArea } from '../scroll-area-DcY6f0GS.js';
 import { VisuallyHidden } from '@radix-ui/react-visually-hidden';
 import { T as Tooltip, c as TooltipTrigger, a as TooltipContent } from '../tooltip-Ch06EF_U.js';
-import { D as Drawer, d as DrawerContent, o as DrawerTitle, e as DrawerDescription } from '../drawer-Djerm1Lo.js';
+import { D as Drawer, d as DrawerContent, o as DrawerTitle, e as DrawerDescription } from '../drawer-Dyx25o_o.js';
 import { ResizeHandleIndicator } from '../primitives/resize-handle-indicator.es.js';
 function MainSidebarBottom({ className, children, ...props }) {