@moul-dev/ui 2026.8.18 → 2026.8.21

package/dist/src/components/Button/Button.d.ts

@@ -6,5 +6,6 @@ export interface ButtonProps extends Omit<AriaButtonProps, 'style'> {
     className?: string;
     variant?: 'primary' | 'secondary' | 'tertiary' | 'outline' | 'ghost' | 'danger' | 'danger-soft';
     size?: 'sm' | 'md' | 'lg';
+    isIcon?: boolean;
 }
 export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/src/components/Button/Button.styles.d.ts

@@ -4,8 +4,10 @@ export declare const styles: Readonly<{
         readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
         readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
         readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
         readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly boxSizing: stylex.StyleXClassNameFor<"boxSizing", "border-box">;
         readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color, border-color, box-shadow, transform">;
         readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
         readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
@@ -49,6 +51,21 @@ export declare const styles: Readonly<{
         readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
         readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
     }>;
+    readonly iconSm: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+    }>;
+    readonly iconMd: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+    }>;
+    readonly iconLg: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", 0>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", 0>;
+    }>;
     readonly primary: Readonly<{
         readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly color: stylex.StyleXClassNameFor<"color", string>;

package/dist/src/components/ComboBox/ComboBox.styles.d.ts

@@ -11,11 +11,19 @@ export declare const styles: Readonly<{
         readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "stretch">;
         readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
         readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
         readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
         readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
         readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "border-color, box-shadow">;
         readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.15s">;
         readonly transitionTimingFunction: stylex.StyleXClassNameFor<"transitionTimingFunction", "ease-in-out">;
+        readonly ':hover': stylex.StyleXClassNameFor<":hover", {
+            readonly borderColor: stylex.StyleXVar<string>;
+        }>;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
     }>;
     readonly groupSm: Readonly<{
         readonly height: stylex.StyleXClassNameFor<"height", `calc(${stylex.StyleXVar<string>} * 2 + ${stylex.StyleXVar<string>})`>;

package/dist/src/components/LogsViewer/Logs.d.ts

@@ -0,0 +1,29 @@
+import { StyleXStyles } from '@stylexjs/stylex';
+import { LogLevel, LogsProps } from './Logs.types';
+import * as React from 'react';
+export interface LogLevelBadgeProps {
+    level?: LogLevel | string;
+    style?: StyleXStyles;
+    className?: string;
+}
+export declare function LogLevelBadge({ level, style, className, }: LogLevelBadgeProps): React.JSX.Element;
+export interface LogCopyIconButtonProps {
+    textToCopy: string;
+    label?: string;
+    onCopy?: (text: string) => void;
+    style?: StyleXStyles;
+}
+export declare function LogCopyIconButton({ textToCopy, label, onCopy, style, }: LogCopyIconButtonProps): React.JSX.Element;
+export interface LogAttributeChipProps {
+    name: string;
+    value: string | number | boolean | null | undefined;
+}
+export declare function LogAttributeChip({ name, value }: LogAttributeChipProps): React.JSX.Element | null;
+export interface HighlightTextProps {
+    text?: string | null;
+    highlight?: string;
+    enabled?: boolean;
+}
+export declare function HighlightText({ text, highlight, enabled, }: HighlightTextProps): React.JSX.Element | null;
+export declare const Logs: React.ForwardRefExoticComponent<LogsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const LogsViewer: React.ForwardRefExoticComponent<LogsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/LogsViewer/Logs.styles.d.ts

@@ -0,0 +1,482 @@
+import * as stylex from '@stylexjs/stylex';
+export declare const styles: Readonly<{
+    readonly container: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly boxShadow: stylex.StyleXClassNameFor<"boxShadow", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly toolbar: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+    }>;
+    readonly toolbarRow: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly titleGroup: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly title: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "-0.01em">;
+    }>;
+    readonly actionsGroup: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly controlsRow: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly searchContainer: Readonly<{
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "240px">;
+    }>;
+    readonly filterGroup: Readonly<{
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+    }>;
+    readonly tableScrollContainer: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "relative">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
+        readonly overflowY: stylex.StyleXClassNameFor<"overflowY", "auto">;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly scrollBehavior: stylex.StyleXClassNameFor<"scrollBehavior", "smooth">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly scrollBehavior: "auto";
+        }>;
+    }>;
+    readonly table: Readonly<{
+        readonly borderCollapse: stylex.StyleXClassNameFor<"borderCollapse", "collapse">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace">;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly header: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+        readonly position: stylex.StyleXClassNameFor<"position", "sticky">;
+        readonly top: stylex.StyleXClassNameFor<"top", 0>;
+        readonly zIndex: stylex.StyleXClassNameFor<"zIndex", 1>;
+    }>;
+    readonly column: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "start">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly ':focus-visible': stylex.StyleXClassNameFor<":focus-visible", {
+            readonly outlineStyle: "solid";
+            readonly outlineWidth: "2px";
+            readonly outlineOffset: "-2px";
+            readonly outlineColor: stylex.StyleXVar<string>;
+        }>;
+    }>;
+    readonly columnCompact: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly columnLineNumber: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "48px">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
+    }>;
+    readonly columnTimestamp: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "160px">;
+    }>;
+    readonly columnLevel: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "72px">;
+    }>;
+    readonly columnMessage: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "auto">;
+    }>;
+    readonly columnActions: Readonly<{
+        readonly width: stylex.StyleXClassNameFor<"width", "64px">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
+    }>;
+    readonly body: Readonly<{
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+    }>;
+    readonly row: Readonly<{
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly cursor: stylex.StyleXClassNameFor<"cursor", "pointer">;
+        readonly transitionProperty: stylex.StyleXClassNameFor<"transitionProperty", "background-color">;
+        readonly transitionDuration: stylex.StyleXClassNameFor<"transitionDuration", "0.1s">;
+        readonly '@media (prefers-reduced-motion: reduce)': stylex.StyleXClassNameFor<"@media (prefers-reduced-motion: reduce)", {
+            readonly transitionProperty: "none";
+        }>;
+    }>;
+    readonly rowHovered: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly rowSelected: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+    }>;
+    readonly rowFocused: Readonly<{
+        readonly outlineStyle: stylex.StyleXClassNameFor<"outlineStyle", "solid">;
+        readonly outlineWidth: stylex.StyleXClassNameFor<"outlineWidth", "2px">;
+        readonly outlineOffset: stylex.StyleXClassNameFor<"outlineOffset", "-2px">;
+        readonly outlineColor: stylex.StyleXClassNameFor<"outlineColor", string>;
+    }>;
+    readonly rowError: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderLeftWidth: stylex.StyleXClassNameFor<"borderLeftWidth", "2px">;
+        readonly borderLeftStyle: stylex.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: stylex.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly rowWarn: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderLeftWidth: stylex.StyleXClassNameFor<"borderLeftWidth", "2px">;
+        readonly borderLeftStyle: stylex.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: stylex.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly rowFatal: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderLeftWidth: stylex.StyleXClassNameFor<"borderLeftWidth", "2px">;
+        readonly borderLeftStyle: stylex.StyleXClassNameFor<"borderLeftStyle", "solid">;
+        readonly borderLeftColor: stylex.StyleXClassNameFor<"borderLeftColor", string>;
+    }>;
+    readonly cell: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", "inherit">;
+        readonly outline: stylex.StyleXClassNameFor<"outline", "none">;
+        readonly verticalAlign: stylex.StyleXClassNameFor<"verticalAlign", "top">;
+    }>;
+    readonly cellCompact: Readonly<{
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly cellLineNumber: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly userSelect: stylex.StyleXClassNameFor<"userSelect", "none">;
+        readonly opacity: stylex.StyleXClassNameFor<"opacity", 0.6>;
+    }>;
+    readonly cellTimestamp: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly cellLevel: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly cellMessage: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly cellActions: Readonly<{
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+    }>;
+    readonly cellWrap: Readonly<{
+        readonly wordBreak: stylex.StyleXClassNameFor<"wordBreak", "break-word">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre-wrap">;
+    }>;
+    readonly cellNoWrap: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+    }>;
+    readonly messageContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly messageContentNoWrap: Readonly<{
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+    }>;
+    readonly messageText: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "inherit">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly textOverflow: stylex.StyleXClassNameFor<"textOverflow", "ellipsis">;
+    }>;
+    readonly attributeList: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly marginTop: stylex.StyleXClassNameFor<"marginTop", string>;
+    }>;
+    readonly attributeListNoWrap: Readonly<{
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "nowrap">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+    }>;
+    readonly attributeChip: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "inline-flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", "1px">;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">;
+        readonly lineHeight: stylex.StyleXClassNameFor<"lineHeight", string>;
+    }>;
+    readonly attributeChipError: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+    }>;
+    readonly attributeKey: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly attributeKeyError: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly attributeValue: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+    }>;
+    readonly attributeValueError: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly statusSuccess: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly statusWarn: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly statusError: Readonly<{
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly inspector: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderTopWidth: stylex.StyleXClassNameFor<"borderTopWidth", "1px">;
+        readonly borderTopStyle: stylex.StyleXClassNameFor<"borderTopStyle", "solid">;
+        readonly borderTopColor: stylex.StyleXClassNameFor<"borderTopColor", string>;
+    }>;
+    readonly inspectorHeader: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly inspectorTitle: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly inspectorGrid: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "grid">;
+        readonly gridTemplateColumns: stylex.StyleXClassNameFor<"gridTemplateColumns", "repeat(auto-fit, minmax(200px, 1fr))">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly inspectorItem: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+    }>;
+    readonly inspectorItemKey: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.05em">;
+    }>;
+    readonly inspectorItemValue: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">;
+        readonly wordBreak: stylex.StyleXClassNameFor<"wordBreak", "break-all">;
+    }>;
+    readonly rawCodeBlock: Readonly<{
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", "1px">;
+        readonly borderStyle: stylex.StyleXClassNameFor<"borderStyle", "solid">;
+        readonly borderColor: stylex.StyleXClassNameFor<"borderColor", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly overflowX: stylex.StyleXClassNameFor<"overflowX", "auto">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "pre-wrap">;
+        readonly wordBreak: stylex.StyleXClassNameFor<"wordBreak", "break-all">;
+    }>;
+    readonly drawerHeaderSingleLine: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly drawerHeaderTitleGroup: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", 0>;
+    }>;
+    readonly drawerHeaderTimestamp: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">;
+    }>;
+    readonly drawerBodyContent: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+    }>;
+    readonly cardHeaderFlex: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "row">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+    }>;
+    readonly drawerSectionTitle: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly textTransform: stylex.StyleXClassNameFor<"textTransform", "uppercase">;
+        readonly letterSpacing: stylex.StyleXClassNameFor<"letterSpacing", "0.06em">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", 0>;
+    }>;
+    readonly drawerAttrTable: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+    }>;
+    readonly drawerAttrRow: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly borderBottomWidth: stylex.StyleXClassNameFor<"borderBottomWidth", "1px">;
+        readonly borderBottomStyle: stylex.StyleXClassNameFor<"borderBottomStyle", "solid">;
+        readonly borderBottomColor: stylex.StyleXClassNameFor<"borderBottomColor", string>;
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly ':last-child': stylex.StyleXClassNameFor<":last-child", {
+            readonly borderBottomWidth: 0;
+        }>;
+    }>;
+    readonly drawerAttrKey: Readonly<{
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">;
+        readonly flexShrink: stylex.StyleXClassNameFor<"flexShrink", 0>;
+        readonly minWidth: stylex.StyleXClassNameFor<"minWidth", "100px">;
+    }>;
+    readonly drawerAttrVal: Readonly<{
+        readonly fontFamily: stylex.StyleXClassNameFor<"fontFamily", "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace">;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly wordBreak: stylex.StyleXClassNameFor<"wordBreak", "break-all">;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "end">;
+        readonly flex: stylex.StyleXClassNameFor<"flex", 1>;
+    }>;
+    readonly cardBodyFlush: Readonly<{
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+    }>;
+    readonly drawerFooterWrap: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "space-between">;
+        readonly width: stylex.StyleXClassNameFor<"width", "100%">;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly flexWrap: stylex.StyleXClassNameFor<"flexWrap", "wrap">;
+    }>;
+    readonly emptyState: Readonly<{
+        readonly display: stylex.StyleXClassNameFor<"display", "flex">;
+        readonly flexDirection: stylex.StyleXClassNameFor<"flexDirection", "column">;
+        readonly alignItems: stylex.StyleXClassNameFor<"alignItems", "center">;
+        readonly justifyContent: stylex.StyleXClassNameFor<"justifyContent", "center">;
+        readonly paddingBlock: stylex.StyleXClassNameFor<"paddingBlock", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly gap: stylex.StyleXClassNameFor<"gap", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly textAlign: stylex.StyleXClassNameFor<"textAlign", "center">;
+    }>;
+    readonly emptyStateText: Readonly<{
+        readonly fontSize: stylex.StyleXClassNameFor<"fontSize", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly searchHighlight: Readonly<{
+        readonly backgroundColor: stylex.StyleXClassNameFor<"backgroundColor", string>;
+        readonly color: stylex.StyleXClassNameFor<"color", string>;
+        readonly borderRadius: stylex.StyleXClassNameFor<"borderRadius", string>;
+        readonly paddingInline: stylex.StyleXClassNameFor<"paddingInline", string>;
+        readonly fontWeight: stylex.StyleXClassNameFor<"fontWeight", string>;
+    }>;
+    readonly visuallyHidden: Readonly<{
+        readonly position: stylex.StyleXClassNameFor<"position", "absolute">;
+        readonly width: stylex.StyleXClassNameFor<"width", "1px">;
+        readonly height: stylex.StyleXClassNameFor<"height", "1px">;
+        readonly padding: stylex.StyleXClassNameFor<"padding", 0>;
+        readonly margin: stylex.StyleXClassNameFor<"margin", "-1px">;
+        readonly overflow: stylex.StyleXClassNameFor<"overflow", "hidden">;
+        readonly clip: stylex.StyleXClassNameFor<"clip", "rect(0, 0, 0, 0)">;
+        readonly whiteSpace: stylex.StyleXClassNameFor<"whiteSpace", "nowrap">;
+        readonly borderWidth: stylex.StyleXClassNameFor<"borderWidth", 0>;
+    }>;
+}>;