@safe-ugc-ui/react 0.6.0 → 1.1.0

package/dist/index.d.ts

@@ -84,8 +84,15 @@ interface ColumnProps {
 }
 declare function Column({ style, hoverStyle, children }: ColumnProps): react_jsx_runtime.JSX.Element;
 
+interface TextSpan {
+    text: string;
+    style?: CSSProperties;
+}
 interface TextComponentProps {
-    content: string;
+    content?: string;
+    spans?: TextSpan[];
+    maxLines?: number;
+    truncate?: 'ellipsis' | 'clip';
     style?: CSSProperties;
     hoverStyle?: CSSProperties;
 }
@@ -93,7 +100,7 @@ interface TextComponentProps {
  * Renders text content safely. NEVER uses dangerouslySetInnerHTML.
  * All content is rendered as text nodes via React's built-in escaping.
  */
-declare function Text({ content, style, hoverStyle }: TextComponentProps): react_jsx_runtime.JSX.Element;
+declare function Text({ content, spans, maxLines, truncate, style, hoverStyle, }: TextComponentProps): react_jsx_runtime.JSX.Element;
 
 interface ImageComponentProps {
     src: string;
@@ -209,11 +216,40 @@ interface ToggleProps {
 }
 declare function Toggle({ value, onToggle, onAction, disabled, style, hoverStyle }: ToggleProps): react_jsx_runtime.JSX.Element;
 
+interface AccordionItem {
+    id: string;
+    label: string;
+    content?: ReactNode;
+    disabled?: boolean;
+}
+interface AccordionProps {
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultExpanded?: string[];
+    style?: CSSProperties;
+    hoverStyle?: CSSProperties;
+}
+declare function Accordion({ items, allowMultiple, defaultExpanded, style, hoverStyle, }: AccordionProps): react_jsx_runtime.JSX.Element;
+
+interface TabsItem {
+    id: string;
+    label: string;
+    content?: ReactNode;
+    disabled?: boolean;
+}
+interface TabsProps {
+    tabs: TabsItem[];
+    defaultTab?: string;
+    style?: CSSProperties;
+    hoverStyle?: CSSProperties;
+}
+declare function Tabs({ tabs, defaultTab, style, hoverStyle, }: TabsProps): react_jsx_runtime.JSX.Element;
+
 /**
  * @safe-ugc-ui/react --- Node Renderer
  *
  * Recursive renderer that maps UGC node types to React components.
- * Supports all 16 component types, for-loop rendering, style reference merge,
+ * Supports all currently implemented component types, for-loop rendering, style reference merge,
  * and runtime limits pre-check.
  *
  * For each node:
@@ -241,6 +277,8 @@ interface RenderContext {
     assets: AssetMap;
     locals?: Record<string, unknown>;
     cardStyles?: Record<string, Record<string, unknown>>;
+    fragments?: Record<string, unknown>;
+    fragmentStack?: string[];
     iconResolver?: (name: string) => ReactNode;
     onAction?: (type: string, actionId: string, payload?: unknown) => void;
     onError?: (errors: Array<{
@@ -251,6 +289,7 @@ interface RenderContext {
     limits: RuntimeLimits;
     responsive: {
         compact: boolean;
+        medium: boolean;
     };
 }
 /**
@@ -278,7 +317,8 @@ declare function renderTree(rootNode: unknown, state: Record<string, unknown>, a
     path: string;
 }>) => void, responsive?: {
     compact: boolean;
-}): ReactNode;
+    medium?: boolean;
+}, fragments?: Record<string, unknown>): ReactNode;
 
 /**
  * @safe-ugc-ui/react — State Resolver
@@ -331,4 +371,4 @@ declare function resolveValue(value: unknown, state: Record<string, unknown>, lo
  */
 declare function mapStyle(style: Record<string, unknown> | undefined, state: Record<string, unknown>, locals?: Record<string, unknown>): CSSProperties;
 
-export { type AssetMap, Avatar, Badge, Box, Button, Chip, Column, Divider, Grid, Icon, Image, ProgressBar, type RenderContext, Row, type RuntimeLimits, Spacer, Stack, Text, Toggle, UGCContainer, UGCRenderer, type UGCRendererProps, mapStyle, renderNode, renderTree, resolveAsset, resolveRef, resolveValue };
+export { Accordion, type AssetMap, Avatar, Badge, Box, Button, Chip, Column, Divider, Grid, Icon, Image, ProgressBar, type RenderContext, Row, type RuntimeLimits, Spacer, Stack, Tabs, Text, Toggle, UGCContainer, UGCRenderer, type UGCRendererProps, mapStyle, renderNode, renderTree, resolveAsset, resolveRef, resolveValue };