@copilotkit/a2ui-renderer 1.51.4 → 1.51.5-next.1

package/dist/react-renderer/styles/reset.cjs

@@ -0,0 +1,29 @@
+
+//#region src/react-renderer/styles/reset.ts
+/**
+* Browser default reset for A2UI surfaces.
+*
+* The React renderer uses Light DOM, which means host-app CSS resets
+* (e.g. Tailwind preflight, normalize.css) can strip browser defaults
+* like heading margins, list styles, and form element appearance from
+* elements inside the renderer.
+*
+* The Lit renderer avoids this because Shadow DOM isolates its elements
+* from external stylesheets.
+*
+* This reset restores browser defaults inside `.a2ui-surface` by using
+* `all: revert` in a CSS @layer. Layered styles have the lowest author
+* priority, so every other A2UI style (utility classes, component styles,
+* theme classes, inline styles) automatically overrides the reset.
+*/
+const resetStyles = `
+@layer a2ui-reset {
+  :where(.a2ui-surface) :where(*) {
+    all: revert;
+  }
+}
+`;
+
+//#endregion
+exports.resetStyles = resetStyles;
+//# sourceMappingURL=reset.cjs.map

package/dist/react-renderer/styles/reset.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.cjs","names":[],"sources":["../../../src/react-renderer/styles/reset.ts"],"sourcesContent":["/**\n * Browser default reset for A2UI surfaces.\n *\n * The React renderer uses Light DOM, which means host-app CSS resets\n * (e.g. Tailwind preflight, normalize.css) can strip browser defaults\n * like heading margins, list styles, and form element appearance from\n * elements inside the renderer.\n *\n * The Lit renderer avoids this because Shadow DOM isolates its elements\n * from external stylesheets.\n *\n * This reset restores browser defaults inside `.a2ui-surface` by using\n * `all: revert` in a CSS @layer. Layered styles have the lowest author\n * priority, so every other A2UI style (utility classes, component styles,\n * theme classes, inline styles) automatically overrides the reset.\n */\nexport const resetStyles: string = `\n@layer a2ui-reset {\n  :where(.a2ui-surface) :where(*) {\n    all: revert;\n  }\n}\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,MAAa,cAAsB"}

package/dist/react-renderer/styles/reset.mjs

@@ -0,0 +1,28 @@
+//#region src/react-renderer/styles/reset.ts
+/**
+* Browser default reset for A2UI surfaces.
+*
+* The React renderer uses Light DOM, which means host-app CSS resets
+* (e.g. Tailwind preflight, normalize.css) can strip browser defaults
+* like heading margins, list styles, and form element appearance from
+* elements inside the renderer.
+*
+* The Lit renderer avoids this because Shadow DOM isolates its elements
+* from external stylesheets.
+*
+* This reset restores browser defaults inside `.a2ui-surface` by using
+* `all: revert` in a CSS @layer. Layered styles have the lowest author
+* priority, so every other A2UI style (utility classes, component styles,
+* theme classes, inline styles) automatically overrides the reset.
+*/
+const resetStyles = `
+@layer a2ui-reset {
+  :where(.a2ui-surface) :where(*) {
+    all: revert;
+  }
+}
+`;
+
+//#endregion
+export { resetStyles };
+//# sourceMappingURL=reset.mjs.map

package/dist/react-renderer/styles/reset.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"reset.mjs","names":[],"sources":["../../../src/react-renderer/styles/reset.ts"],"sourcesContent":["/**\n * Browser default reset for A2UI surfaces.\n *\n * The React renderer uses Light DOM, which means host-app CSS resets\n * (e.g. Tailwind preflight, normalize.css) can strip browser defaults\n * like heading margins, list styles, and form element appearance from\n * elements inside the renderer.\n *\n * The Lit renderer avoids this because Shadow DOM isolates its elements\n * from external stylesheets.\n *\n * This reset restores browser defaults inside `.a2ui-surface` by using\n * `all: revert` in a CSS @layer. Layered styles have the lowest author\n * priority, so every other A2UI style (utility classes, component styles,\n * theme classes, inline styles) automatically overrides the reset.\n */\nexport const resetStyles: string = `\n@layer a2ui-reset {\n  :where(.a2ui-surface) :where(*) {\n    all: revert;\n  }\n}\n`;\n"],"mappings":";;;;;;;;;;;;;;;;;AAgBA,MAAa,cAAsB"}

package/dist/react-renderer/theme/ThemeContext.cjs

@@ -0,0 +1,35 @@
+const require_runtime = require('../../_virtual/_rolldown/runtime.cjs');
+const require_litTheme = require('./litTheme.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/react-renderer/theme/ThemeContext.tsx
+/**
+* React context for the A2UI theme.
+*/
+const ThemeContext = (0, react.createContext)(void 0);
+/**
+* Provider component that makes the A2UI theme available to descendant components.
+*/
+function ThemeProvider({ theme, children }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ThemeContext.Provider, {
+		value: theme ?? require_litTheme.defaultTheme,
+		children
+	});
+}
+/**
+* Hook to access the current A2UI theme.
+*
+* @returns The current theme
+* @throws If used outside of a ThemeProvider
+*/
+function useTheme() {
+	const theme = (0, react.useContext)(ThemeContext);
+	if (!theme) throw new Error("useTheme must be used within a ThemeProvider or A2UIProvider");
+	return theme;
+}
+
+//#endregion
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;
+//# sourceMappingURL=ThemeContext.cjs.map

package/dist/react-renderer/theme/ThemeContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.cjs","names":["defaultTheme"],"sources":["../../../src/react-renderer/theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport { defaultTheme } from \"./litTheme\";\n\n/**\n * React context for the A2UI theme.\n */\nconst ThemeContext = createContext<Types.Theme | undefined>(undefined);\n\n/**\n * Props for the ThemeProvider component.\n */\nexport interface ThemeProviderProps {\n  /** The theme to provide. Falls back to defaultTheme if not specified. */\n  theme?: Types.Theme;\n  /** Child components that will have access to the theme */\n  children: ReactNode;\n}\n\n/**\n * Provider component that makes the A2UI theme available to descendant components.\n */\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  return (\n    <ThemeContext.Provider value={theme ?? defaultTheme}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access the current A2UI theme.\n *\n * @returns The current theme\n * @throws If used outside of a ThemeProvider\n */\nexport function useTheme(): Types.Theme {\n  const theme = useContext(ThemeContext);\n  if (!theme) {\n    throw new Error(\n      \"useTheme must be used within a ThemeProvider or A2UIProvider\",\n    );\n  }\n  return theme;\n}\n\n/**\n * Hook to optionally access the current A2UI theme.\n *\n * @returns The current theme, or undefined if not within a provider\n */\nexport function useThemeOptional(): Types.Theme | undefined {\n  return useContext(ThemeContext);\n}\n"],"mappings":";;;;;;;;;AAOA,MAAM,wCAAsD,OAAU;;;;AAetE,SAAgB,cAAc,EAAE,OAAO,YAAgC;AACrE,QACE,2CAAC,aAAa;EAAS,OAAO,SAASA;EACpC;GACqB;;;;;;;;AAU5B,SAAgB,WAAwB;CACtC,MAAM,8BAAmB,aAAa;AACtC,KAAI,CAAC,MACH,OAAM,IAAI,MACR,+DACD;AAEH,QAAO"}

package/dist/react-renderer/theme/ThemeContext.mjs

@@ -0,0 +1,33 @@
+import { defaultTheme } from "./litTheme.mjs";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/react-renderer/theme/ThemeContext.tsx
+/**
+* React context for the A2UI theme.
+*/
+const ThemeContext = createContext(void 0);
+/**
+* Provider component that makes the A2UI theme available to descendant components.
+*/
+function ThemeProvider({ theme, children }) {
+	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+		value: theme ?? defaultTheme,
+		children
+	});
+}
+/**
+* Hook to access the current A2UI theme.
+*
+* @returns The current theme
+* @throws If used outside of a ThemeProvider
+*/
+function useTheme() {
+	const theme = useContext(ThemeContext);
+	if (!theme) throw new Error("useTheme must be used within a ThemeProvider or A2UIProvider");
+	return theme;
+}
+
+//#endregion
+export { ThemeProvider, useTheme };
+//# sourceMappingURL=ThemeContext.mjs.map

package/dist/react-renderer/theme/ThemeContext.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.mjs","names":[],"sources":["../../../src/react-renderer/theme/ThemeContext.tsx"],"sourcesContent":["import { createContext, useContext, type ReactNode } from \"react\";\nimport type { Types } from \"@a2ui/lit/0.8\";\nimport { defaultTheme } from \"./litTheme\";\n\n/**\n * React context for the A2UI theme.\n */\nconst ThemeContext = createContext<Types.Theme | undefined>(undefined);\n\n/**\n * Props for the ThemeProvider component.\n */\nexport interface ThemeProviderProps {\n  /** The theme to provide. Falls back to defaultTheme if not specified. */\n  theme?: Types.Theme;\n  /** Child components that will have access to the theme */\n  children: ReactNode;\n}\n\n/**\n * Provider component that makes the A2UI theme available to descendant components.\n */\nexport function ThemeProvider({ theme, children }: ThemeProviderProps) {\n  return (\n    <ThemeContext.Provider value={theme ?? defaultTheme}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * Hook to access the current A2UI theme.\n *\n * @returns The current theme\n * @throws If used outside of a ThemeProvider\n */\nexport function useTheme(): Types.Theme {\n  const theme = useContext(ThemeContext);\n  if (!theme) {\n    throw new Error(\n      \"useTheme must be used within a ThemeProvider or A2UIProvider\",\n    );\n  }\n  return theme;\n}\n\n/**\n * Hook to optionally access the current A2UI theme.\n *\n * @returns The current theme, or undefined if not within a provider\n */\nexport function useThemeOptional(): Types.Theme | undefined {\n  return useContext(ThemeContext);\n}\n"],"mappings":";;;;;;;;AAOA,MAAM,eAAe,cAAuC,OAAU;;;;AAetE,SAAgB,cAAc,EAAE,OAAO,YAAgC;AACrE,QACE,oBAAC,aAAa;EAAS,OAAO,SAAS;EACpC;GACqB;;;;;;;;AAU5B,SAAgB,WAAwB;CACtC,MAAM,QAAQ,WAAW,aAAa;AACtC,KAAI,CAAC,MACH,OAAM,IAAI,MACR,+DACD;AAEH,QAAO"}

package/dist/react-renderer/theme/litTheme.cjs

@@ -0,0 +1,368 @@
+
+//#region src/react-renderer/theme/litTheme.ts
+/**
+* Default theme for A2UI React components.
+*
+* This theme uses the same CSS class conventions as the Lit renderer,
+* ensuring visual consistency between React and Lit implementations.
+*
+* IMPORTANT: This theme must be kept in sync with the Lit renderer's internal
+* styling. If Lit components change their class maps, this file must be updated
+* to match. Ideally, Lit would export its default theme for direct import.
+*
+* Requires the structural styles to be injected:
+* @example
+* ```tsx
+* import { A2UIProvider } from '@a2ui/react';
+* import { injectStyles } from '@a2ui/react/styles';
+*
+* // Inject structural CSS at app startup
+* injectStyles();
+*
+* function App() {
+*   return (
+*     <A2UIProvider>
+*       <A2UIRenderer surfaceId="main" />
+*     </A2UIProvider>
+*   );
+* }
+* ```
+*/
+const elementA = {
+	"typography-f-sf": true,
+	"typography-fs-n": true,
+	"typography-w-500": true,
+	"layout-as-n": true,
+	"layout-dis-iflx": true,
+	"layout-al-c": true,
+	"typography-td-none": true,
+	"color-c-p40": true
+};
+const elementAudio = { "layout-w-100": true };
+const elementBody = {
+	"typography-f-s": true,
+	"typography-fs-n": true,
+	"typography-w-400": true,
+	"layout-mt-0": true,
+	"layout-mb-2": true,
+	"typography-sz-bm": true,
+	"color-c-n10": true
+};
+const elementButton = {
+	"typography-f-sf": true,
+	"typography-fs-n": true,
+	"typography-w-500": true,
+	"layout-pt-3": true,
+	"layout-pb-3": true,
+	"layout-pl-5": true,
+	"layout-pr-5": true,
+	"layout-mb-1": true,
+	"border-br-16": true,
+	"border-bw-0": true,
+	"border-c-n70": true,
+	"border-bs-s": true,
+	"color-bgc-s30": true,
+	"behavior-ho-80": true
+};
+const elementHeading = {
+	"typography-f-sf": true,
+	"typography-fs-n": true,
+	"typography-w-500": true,
+	"layout-mt-0": true,
+	"layout-mb-2": true
+};
+const elementIframe = { "behavior-sw-n": true };
+const elementInput = {
+	"typography-f-sf": true,
+	"typography-fs-n": true,
+	"typography-w-400": true,
+	"layout-pl-4": true,
+	"layout-pr-4": true,
+	"layout-pt-2": true,
+	"layout-pb-2": true,
+	"border-br-6": true,
+	"border-bw-1": true,
+	"color-bc-s70": true,
+	"border-bs-s": true,
+	"layout-as-n": true,
+	"color-c-n10": true
+};
+const elementP = {
+	"typography-f-s": true,
+	"typography-fs-n": true,
+	"typography-w-400": true,
+	"layout-m-0": true,
+	"typography-sz-bm": true,
+	"layout-as-n": true,
+	"color-c-n10": true
+};
+const elementList = {
+	"typography-f-s": true,
+	"typography-fs-n": true,
+	"typography-w-400": true,
+	"layout-m-0": true,
+	"typography-sz-bm": true,
+	"layout-as-n": true,
+	"color-c-n10": true
+};
+const elementPre = {
+	"typography-f-c": true,
+	"typography-fs-n": true,
+	"typography-w-400": true,
+	"typography-sz-bm": true,
+	"typography-ws-p": true,
+	"layout-as-n": true
+};
+const elementTextarea = {
+	...elementInput,
+	"layout-r-none": true,
+	"layout-fs-c": true
+};
+const elementVideo = { "layout-el-cv": true };
+const litTheme = {
+	components: {
+		AudioPlayer: {},
+		Divider: {},
+		Icon: {},
+		Image: {
+			all: {
+				"border-br-5": true,
+				"layout-el-cv": true,
+				"layout-w-100": true,
+				"layout-h-100": true
+			},
+			avatar: { "is-avatar": true },
+			header: {},
+			icon: {},
+			largeFeature: {},
+			mediumFeature: {},
+			smallFeature: {}
+		},
+		Text: {
+			all: {
+				"layout-w-100": true,
+				"layout-g-2": true
+			},
+			h1: {
+				"typography-f-sf": true,
+				"typography-v-r": true,
+				"typography-w-400": true,
+				"layout-m-0": true,
+				"layout-p-0": true,
+				"typography-sz-hs": true
+			},
+			h2: {
+				"typography-f-sf": true,
+				"typography-v-r": true,
+				"typography-w-400": true,
+				"layout-m-0": true,
+				"layout-p-0": true,
+				"typography-sz-tl": true
+			},
+			h3: {
+				"typography-f-sf": true,
+				"typography-v-r": true,
+				"typography-w-400": true,
+				"layout-m-0": true,
+				"layout-p-0": true,
+				"typography-sz-tl": true
+			},
+			h4: {
+				"typography-f-sf": true,
+				"typography-v-r": true,
+				"typography-w-400": true,
+				"layout-m-0": true,
+				"layout-p-0": true,
+				"typography-sz-bl": true
+			},
+			h5: {
+				"typography-f-sf": true,
+				"typography-v-r": true,
+				"typography-w-400": true,
+				"layout-m-0": true,
+				"layout-p-0": true,
+				"typography-sz-bm": true
+			},
+			body: {},
+			caption: {}
+		},
+		Video: {
+			"border-br-5": true,
+			"layout-el-cv": true
+		},
+		Card: {
+			"border-br-9": true,
+			"layout-p-4": true,
+			"color-bgc-n100": true
+		},
+		Column: { "layout-g-2": true },
+		List: {
+			"layout-g-4": true,
+			"layout-p-2": true
+		},
+		Modal: {
+			backdrop: { "color-bbgc-p60_20": true },
+			element: {
+				"border-br-2": true,
+				"color-bgc-p100": true,
+				"layout-p-4": true,
+				"border-bw-1": true,
+				"border-bs-s": true,
+				"color-bc-p80": true
+			}
+		},
+		Row: { "layout-g-4": true },
+		Tabs: {
+			container: {},
+			controls: {
+				all: {},
+				selected: {}
+			},
+			element: {}
+		},
+		Button: {
+			"layout-pt-2": true,
+			"layout-pb-2": true,
+			"layout-pl-3": true,
+			"layout-pr-3": true,
+			"border-br-12": true,
+			"border-bw-0": true,
+			"border-bs-s": true,
+			"color-bgc-p30": true,
+			"color-c-p100": true,
+			"behavior-ho-70": true,
+			"typography-w-400": true
+		},
+		CheckBox: {
+			container: {
+				"layout-dsp-iflex": true,
+				"layout-al-c": true
+			},
+			element: {
+				"layout-m-0": true,
+				"layout-mr-2": true,
+				"layout-p-2": true,
+				"border-br-12": true,
+				"border-bw-1": true,
+				"border-bs-s": true,
+				"color-bgc-p100": true,
+				"color-bc-p60": true,
+				"color-c-n30": true,
+				"color-c-p30": true
+			},
+			label: {
+				"color-c-p30": true,
+				"typography-f-sf": true,
+				"typography-v-r": true,
+				"typography-w-400": true,
+				"layout-flx-1": true,
+				"typography-sz-ll": true
+			}
+		},
+		DateTimeInput: {
+			container: {
+				"typography-sz-bm": true,
+				"layout-w-100": true,
+				"layout-g-2": true,
+				"layout-dsp-flexhor": true,
+				"layout-al-c": true,
+				"typography-ws-nw": true
+			},
+			label: {
+				"color-c-p30": true,
+				"typography-sz-bm": true
+			},
+			element: {
+				"layout-pt-2": true,
+				"layout-pb-2": true,
+				"layout-pl-3": true,
+				"layout-pr-3": true,
+				"border-br-2": true,
+				"border-bw-1": true,
+				"border-bs-s": true,
+				"color-bgc-p100": true,
+				"color-bc-p60": true,
+				"color-c-n30": true,
+				"color-c-p30": true
+			}
+		},
+		MultipleChoice: {
+			container: {},
+			label: {},
+			element: {}
+		},
+		Slider: {
+			container: {},
+			label: {},
+			element: {}
+		},
+		TextField: {
+			container: {
+				"typography-sz-bm": true,
+				"layout-w-100": true,
+				"layout-g-2": true,
+				"layout-dsp-flexhor": true,
+				"layout-al-c": true,
+				"typography-ws-nw": true
+			},
+			label: {
+				"layout-flx-0": true,
+				"color-c-p30": true
+			},
+			element: {
+				"typography-sz-bm": true,
+				"layout-pt-2": true,
+				"layout-pb-2": true,
+				"layout-pl-3": true,
+				"layout-pr-3": true,
+				"border-br-2": true,
+				"border-bw-1": true,
+				"border-bs-s": true,
+				"color-bgc-p100": true,
+				"color-bc-p60": true,
+				"color-c-n30": true,
+				"color-c-p30": true
+			}
+		}
+	},
+	elements: {
+		a: elementA,
+		audio: elementAudio,
+		body: elementBody,
+		button: elementButton,
+		h1: elementHeading,
+		h2: elementHeading,
+		h3: elementHeading,
+		h4: elementHeading,
+		h5: elementHeading,
+		iframe: elementIframe,
+		input: elementInput,
+		p: elementP,
+		pre: elementPre,
+		textarea: elementTextarea,
+		video: elementVideo
+	},
+	markdown: {
+		p: Object.keys(elementP),
+		h1: Object.keys(elementHeading),
+		h2: Object.keys(elementHeading),
+		h3: Object.keys(elementHeading),
+		h4: Object.keys(elementHeading),
+		h5: Object.keys(elementHeading),
+		ul: Object.keys(elementList),
+		ol: Object.keys(elementList),
+		li: Object.keys(elementList),
+		a: Object.keys(elementA),
+		strong: [],
+		em: []
+	}
+};
+/**
+* Alias for litTheme - the default theme for A2UI React components.
+* @see litTheme
+*/
+const defaultTheme = litTheme;
+
+//#endregion
+exports.defaultTheme = defaultTheme;
+//# sourceMappingURL=litTheme.cjs.map

package/dist/react-renderer/theme/litTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"litTheme.cjs","names":[],"sources":["../../../src/react-renderer/theme/litTheme.ts"],"sourcesContent":["import type { Types } from \"@a2ui/lit/0.8\";\n\n/**\n * Default theme for A2UI React components.\n *\n * This theme uses the same CSS class conventions as the Lit renderer,\n * ensuring visual consistency between React and Lit implementations.\n *\n * IMPORTANT: This theme must be kept in sync with the Lit renderer's internal\n * styling. If Lit components change their class maps, this file must be updated\n * to match. Ideally, Lit would export its default theme for direct import.\n *\n * Requires the structural styles to be injected:\n * @example\n * ```tsx\n * import { A2UIProvider } from '@a2ui/react';\n * import { injectStyles } from '@a2ui/react/styles';\n *\n * // Inject structural CSS at app startup\n * injectStyles();\n *\n * function App() {\n *   return (\n *     <A2UIProvider>\n *       <A2UIRenderer surfaceId=\"main\" />\n *     </A2UIProvider>\n *   );\n * }\n * ```\n */\n\n// =============================================================================\n// Element Styles (used for markdown rendering and form elements)\n// =============================================================================\n\nconst elementA = {\n  \"typography-f-sf\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-500\": true,\n  \"layout-as-n\": true,\n  \"layout-dis-iflx\": true,\n  \"layout-al-c\": true,\n  \"typography-td-none\": true,\n  \"color-c-p40\": true,\n};\n\nconst elementAudio = {\n  \"layout-w-100\": true,\n};\n\nconst elementBody = {\n  \"typography-f-s\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-400\": true,\n  \"layout-mt-0\": true,\n  \"layout-mb-2\": true,\n  \"typography-sz-bm\": true,\n  \"color-c-n10\": true,\n};\n\nconst elementButton = {\n  \"typography-f-sf\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-500\": true,\n  \"layout-pt-3\": true,\n  \"layout-pb-3\": true,\n  \"layout-pl-5\": true,\n  \"layout-pr-5\": true,\n  \"layout-mb-1\": true,\n  \"border-br-16\": true,\n  \"border-bw-0\": true,\n  \"border-c-n70\": true,\n  \"border-bs-s\": true,\n  \"color-bgc-s30\": true,\n  \"behavior-ho-80\": true,\n};\n\nconst elementHeading = {\n  \"typography-f-sf\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-500\": true,\n  \"layout-mt-0\": true,\n  \"layout-mb-2\": true,\n};\n\nconst elementIframe = {\n  \"behavior-sw-n\": true,\n};\n\nconst elementInput = {\n  \"typography-f-sf\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-400\": true,\n  \"layout-pl-4\": true,\n  \"layout-pr-4\": true,\n  \"layout-pt-2\": true,\n  \"layout-pb-2\": true,\n  \"border-br-6\": true,\n  \"border-bw-1\": true,\n  \"color-bc-s70\": true,\n  \"border-bs-s\": true,\n  \"layout-as-n\": true,\n  \"color-c-n10\": true,\n};\n\nconst elementP = {\n  \"typography-f-s\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-400\": true,\n  \"layout-m-0\": true,\n  \"typography-sz-bm\": true,\n  \"layout-as-n\": true,\n  \"color-c-n10\": true,\n};\n\nconst elementList = {\n  \"typography-f-s\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-400\": true,\n  \"layout-m-0\": true,\n  \"typography-sz-bm\": true,\n  \"layout-as-n\": true,\n  \"color-c-n10\": true,\n};\n\nconst elementPre = {\n  \"typography-f-c\": true,\n  \"typography-fs-n\": true,\n  \"typography-w-400\": true,\n  \"typography-sz-bm\": true,\n  \"typography-ws-p\": true,\n  \"layout-as-n\": true,\n};\n\nconst elementTextarea = {\n  ...elementInput,\n  \"layout-r-none\": true,\n  \"layout-fs-c\": true,\n};\n\nconst elementVideo = {\n  \"layout-el-cv\": true,\n};\n\n// =============================================================================\n// Theme Export\n// =============================================================================\n\nexport const litTheme: Types.Theme = {\n  // ===========================================================================\n  // Additional Styles (inline CSS properties)\n  // ===========================================================================\n\n  // additionalStyles is optional - only define if custom styling is needed\n  // The default Lit theme does not apply any additional inline styles\n\n  components: {\n    // =========================================================================\n    // Content Components\n    // =========================================================================\n\n    AudioPlayer: {},\n\n    Divider: {},\n\n    Icon: {},\n\n    Image: {\n      all: {\n        \"border-br-5\": true,\n        \"layout-el-cv\": true,\n        \"layout-w-100\": true,\n        \"layout-h-100\": true,\n      },\n      avatar: { \"is-avatar\": true },\n      header: {},\n      icon: {},\n      largeFeature: {},\n      mediumFeature: {},\n      smallFeature: {},\n    },\n\n    Text: {\n      all: {\n        \"layout-w-100\": true,\n        \"layout-g-2\": true,\n      },\n      h1: {\n        \"typography-f-sf\": true,\n        \"typography-v-r\": true,\n        \"typography-w-400\": true,\n        \"layout-m-0\": true,\n        \"layout-p-0\": true,\n        \"typography-sz-hs\": true,\n      },\n      h2: {\n        \"typography-f-sf\": true,\n        \"typography-v-r\": true,\n        \"typography-w-400\": true,\n        \"layout-m-0\": true,\n        \"layout-p-0\": true,\n        \"typography-sz-tl\": true,\n      },\n      h3: {\n        \"typography-f-sf\": true,\n        \"typography-v-r\": true,\n        \"typography-w-400\": true,\n        \"layout-m-0\": true,\n        \"layout-p-0\": true,\n        \"typography-sz-tl\": true,\n      },\n      h4: {\n        \"typography-f-sf\": true,\n        \"typography-v-r\": true,\n        \"typography-w-400\": true,\n        \"layout-m-0\": true,\n        \"layout-p-0\": true,\n        \"typography-sz-bl\": true,\n      },\n      h5: {\n        \"typography-f-sf\": true,\n        \"typography-v-r\": true,\n        \"typography-w-400\": true,\n        \"layout-m-0\": true,\n        \"layout-p-0\": true,\n        \"typography-sz-bm\": true,\n      },\n      body: {},\n      caption: {},\n    },\n\n    Video: {\n      \"border-br-5\": true,\n      \"layout-el-cv\": true,\n    },\n\n    // =========================================================================\n    // Layout Components\n    // =========================================================================\n\n    Card: {\n      \"border-br-9\": true,\n      \"layout-p-4\": true,\n      \"color-bgc-n100\": true,\n    },\n\n    Column: {\n      \"layout-g-2\": true,\n    },\n\n    List: {\n      \"layout-g-4\": true,\n      \"layout-p-2\": true,\n    },\n\n    Modal: {\n      backdrop: {\n        \"color-bbgc-p60_20\": true,\n      },\n      element: {\n        \"border-br-2\": true,\n        \"color-bgc-p100\": true,\n        \"layout-p-4\": true,\n        \"border-bw-1\": true,\n        \"border-bs-s\": true,\n        \"color-bc-p80\": true,\n      },\n    },\n\n    Row: {\n      \"layout-g-4\": true,\n    },\n\n    Tabs: {\n      container: {},\n      controls: {\n        all: {},\n        selected: {},\n      },\n      element: {},\n    },\n\n    // =========================================================================\n    // Interactive Components\n    // =========================================================================\n\n    Button: {\n      \"layout-pt-2\": true,\n      \"layout-pb-2\": true,\n      \"layout-pl-3\": true,\n      \"layout-pr-3\": true,\n      \"border-br-12\": true,\n      \"border-bw-0\": true,\n      \"border-bs-s\": true,\n      \"color-bgc-p30\": true,\n      \"color-c-p100\": true, // White text on dark purple background\n      \"behavior-ho-70\": true,\n      \"typography-w-400\": true,\n    },\n\n    CheckBox: {\n      container: {\n        \"layout-dsp-iflex\": true,\n        \"layout-al-c\": true,\n      },\n      element: {\n        \"layout-m-0\": true,\n        \"layout-mr-2\": true,\n        \"layout-p-2\": true,\n        \"border-br-12\": true,\n        \"border-bw-1\": true,\n        \"border-bs-s\": true,\n        \"color-bgc-p100\": true,\n        \"color-bc-p60\": true,\n        \"color-c-n30\": true,\n        \"color-c-p30\": true,\n      },\n      label: {\n        \"color-c-p30\": true,\n        \"typography-f-sf\": true,\n        \"typography-v-r\": true,\n        \"typography-w-400\": true,\n        \"layout-flx-1\": true,\n        \"typography-sz-ll\": true,\n      },\n    },\n\n    DateTimeInput: {\n      container: {\n        \"typography-sz-bm\": true,\n        \"layout-w-100\": true,\n        \"layout-g-2\": true,\n        \"layout-dsp-flexhor\": true,\n        \"layout-al-c\": true,\n        \"typography-ws-nw\": true,\n      },\n      label: {\n        \"color-c-p30\": true,\n        \"typography-sz-bm\": true,\n      },\n      element: {\n        \"layout-pt-2\": true,\n        \"layout-pb-2\": true,\n        \"layout-pl-3\": true,\n        \"layout-pr-3\": true,\n        \"border-br-2\": true,\n        \"border-bw-1\": true,\n        \"border-bs-s\": true,\n        \"color-bgc-p100\": true,\n        \"color-bc-p60\": true,\n        \"color-c-n30\": true,\n        \"color-c-p30\": true,\n      },\n    },\n\n    MultipleChoice: {\n      container: {},\n      label: {},\n      element: {},\n    },\n\n    Slider: {\n      container: {},\n      label: {},\n      element: {},\n    },\n\n    TextField: {\n      container: {\n        \"typography-sz-bm\": true,\n        \"layout-w-100\": true,\n        \"layout-g-2\": true,\n        \"layout-dsp-flexhor\": true,\n        \"layout-al-c\": true,\n        \"typography-ws-nw\": true,\n      },\n      label: {\n        \"layout-flx-0\": true,\n        \"color-c-p30\": true,\n      },\n      element: {\n        \"typography-sz-bm\": true,\n        \"layout-pt-2\": true,\n        \"layout-pb-2\": true,\n        \"layout-pl-3\": true,\n        \"layout-pr-3\": true,\n        \"border-br-2\": true,\n        \"border-bw-1\": true,\n        \"border-bs-s\": true,\n        \"color-bgc-p100\": true,\n        \"color-bc-p60\": true,\n        \"color-c-n30\": true,\n        \"color-c-p30\": true,\n      },\n    },\n  },\n\n  // ===========================================================================\n  // HTML Elements (used for markdown rendering and raw HTML)\n  // ===========================================================================\n\n  elements: {\n    a: elementA,\n    audio: elementAudio,\n    body: elementBody,\n    button: elementButton,\n    h1: elementHeading,\n    h2: elementHeading,\n    h3: elementHeading,\n    h4: elementHeading,\n    h5: elementHeading,\n    iframe: elementIframe,\n    input: elementInput,\n    p: elementP,\n    pre: elementPre,\n    textarea: elementTextarea,\n    video: elementVideo,\n  },\n\n  // ===========================================================================\n  // Markdown (class arrays for markdown-it renderer)\n  // ===========================================================================\n\n  markdown: {\n    p: Object.keys(elementP),\n    h1: Object.keys(elementHeading),\n    h2: Object.keys(elementHeading),\n    h3: Object.keys(elementHeading),\n    h4: Object.keys(elementHeading),\n    h5: Object.keys(elementHeading),\n    ul: Object.keys(elementList),\n    ol: Object.keys(elementList),\n    li: Object.keys(elementList),\n    a: Object.keys(elementA),\n    strong: [],\n    em: [],\n  },\n};\n\n/**\n * Alias for litTheme - the default theme for A2UI React components.\n * @see litTheme\n */\nexport const defaultTheme = litTheme;\n"],"mappings":"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"}