@01.software/sdk 0.2.9-dev.260305.4f1735b → 0.2.9-dev.260306.4e16dd4

package/dist/components.d.ts

@@ -1,31 +1,115 @@
-import React, { CSSProperties } from 'react';
+import React, { CSSProperties, JSX } from 'react';
 import { SerializedLinkNode, SerializedBlockNode } from '@payloadcms/richtext-lexical';
 import { SerializedEditorState, SerializedLexicalNode } from '@payloadcms/richtext-lexical/lexical';
-import { JSXConverter } from '@payloadcms/richtext-lexical/react';
-import { F as Form } from './payload-types-Bpi16SHO.js';
+import { JSXConverters, JSXConverter } from '@payloadcms/richtext-lexical/react';
+import { F as Form } from './payload-types-p9NaGmQA.js';
 import { I as ImageData } from './image-TT8lTsk5.js';
+import { BundledTheme } from 'shiki';
+export { BundledTheme } from 'shiki';
+
+interface HeadingSlotProps {
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    children: React.ReactNode;
+    node: any;
+}
+interface ParagraphSlotProps {
+    children: React.ReactNode;
+    isEmpty: boolean;
+    node: any;
+}
+interface BlockquoteSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface ListSlotProps {
+    tag: 'ul' | 'ol';
+    listType: string;
+    children: React.ReactNode;
+    node: any;
+}
+interface ListItemSlotProps {
+    children: React.ReactNode;
+    hasSubLists: boolean;
+    checked?: boolean;
+    value?: number;
+    node: any;
+}
+interface LinkSlotProps {
+    href: string;
+    target?: string;
+    rel?: string;
+    children: React.ReactNode;
+    node: any;
+}
+interface HorizontalRuleSlotProps {
+    node?: any;
+}
+interface UploadSlotProps {
+    src: string;
+    alt: string;
+    width?: number;
+    height?: number;
+    mimeType: string;
+    filename: string;
+    sizes?: Record<string, any>;
+    node: any;
+}
+interface TableSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface TableRowSlotProps {
+    children: React.ReactNode;
+    node: any;
+}
+interface TableCellSlotProps {
+    tag: 'th' | 'td';
+    children: React.ReactNode;
+    colSpan?: number;
+    rowSpan?: number;
+    backgroundColor?: string;
+    node: any;
+}
+interface RichTextComponents {
+    Heading?: React.ComponentType<HeadingSlotProps>;
+    Paragraph?: React.ComponentType<ParagraphSlotProps>;
+    Blockquote?: React.ComponentType<BlockquoteSlotProps>;
+    List?: React.ComponentType<ListSlotProps>;
+    ListItem?: React.ComponentType<ListItemSlotProps>;
+    Link?: React.ComponentType<LinkSlotProps>;
+    HorizontalRule?: React.ComponentType<HorizontalRuleSlotProps>;
+    Upload?: React.ComponentType<UploadSlotProps>;
+    Table?: React.ComponentType<TableSlotProps>;
+    TableRow?: React.ComponentType<TableRowSlotProps>;
+    TableCell?: React.ComponentType<TableCellSlotProps>;
+}
+interface StyledRichTextContentProps extends Omit<RichTextContentProps, 'converters' | 'disableDefaultConverters'> {
+    components?: RichTextComponents;
+}
+declare function StyledRichTextContent({ components, internalDocToHref, blocks, textState, ...props }: StyledRichTextContentProps): React.JSX.Element;
 
 type RichTextData = SerializedEditorState<SerializedLexicalNode>;
+type TextStateConfig = {
+    [stateKey: string]: {
+        [stateValue: string]: {
+            css: Record<string, string>;
+            label: string;
+        };
+    };
+};
 interface RichTextContentProps {
     data: RichTextData;
     className?: string;
     internalDocToHref?: (args: {
         linkNode: SerializedLinkNode;
     }) => string;
-    blocks?: {
-        Iframe?: JSXConverter<SerializedBlockNode<{
-            blockName?: string | null;
-            blockType: string;
-            url: string;
-        }>>;
-        Player?: JSXConverter<SerializedBlockNode<{
-            blockName?: string | null;
-            blockType: string;
-            url: string;
-        }>>;
-    };
+    converters?: Partial<JSXConverters>;
+    blocks?: Record<string, JSXConverter<SerializedBlockNode>>;
+    disableDefaultConverters?: boolean;
+    textState?: TextStateConfig;
 }
-declare function RichTextContent({ data, className, internalDocToHref, blocks, }: RichTextContentProps): React.JSX.Element;
+
+declare function RichTextContent({ data, className, internalDocToHref, converters, blocks, disableDefaultConverters, textState, }: RichTextContentProps): React.JSX.Element;
 
 type FormField = NonNullable<Form['fields']>[number];
 type InputField = Exclude<FormField, {
@@ -96,4 +180,61 @@ interface ImageProps {
  */
 declare function Image({ image, width, dpr, placeholder: placeholderProp, className, style, imgClassName, imgStyle, sizes, loading: loadingProp, onLoad, objectFit, priority, fill, imageRendering, }: ImageProps): React.JSX.Element;
 
-export { type FieldRenderContext, type FormField, FormRenderer, type FormRendererProps, type FormValues, Image, type ImageProps, type InputField, RichTextContent, type RichTextContentProps, type RichTextData, type SubmissionData, toSubmissionData };
+/**
+ * Highlight code to JSX using shiki.
+ * Works in both Server and Client components.
+ *
+ * @example Server Component
+ * ```tsx
+ * const highlighted = await highlight('const x = 1', 'typescript')
+ * return <div>{highlighted}</div>
+ * ```
+ */
+declare function highlight(code: string, lang: string, theme?: BundledTheme): Promise<JSX.Element>;
+
+interface CodeBlockProps {
+    /** Code string to highlight */
+    code: string;
+    /** Language identifier (e.g. 'typescript', 'js', 'python') */
+    language?: string;
+    /** Shiki theme name. Default: 'github-dark' */
+    theme?: BundledTheme;
+    /** CSS class for the wrapper */
+    className?: string;
+    /** Pre-rendered JSX from server component via `highlight()` */
+    initial?: JSX.Element;
+    /** Show line numbers. Default: false */
+    showLineNumbers?: boolean;
+    /** Show copy button. Default: true */
+    showCopyButton?: boolean;
+}
+/**
+ * Syntax-highlighted code block using shiki.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <CodeBlock code="const x = 1" language="typescript" />
+ * ```
+ *
+ * @example With server pre-rendering (Next.js)
+ * ```tsx
+ * // Server Component
+ * const initial = await highlight(code, 'typescript')
+ * return <CodeBlock code={code} language="typescript" initial={initial} />
+ * ```
+ *
+ * @example As RichTextContent block renderer
+ * ```tsx
+ * <RichTextContent
+ *   data={data}
+ *   blocks={{
+ *     Code: ({ node }) => (
+ *       <CodeBlock code={node.fields.code} language={node.fields.language} />
+ *     ),
+ *   }}
+ * />
+ * ```
+ */
+declare function CodeBlock({ code, language, theme, className, initial, showLineNumbers, showCopyButton, }: CodeBlockProps): JSX.Element;
+
+export { type BlockquoteSlotProps, CodeBlock, type CodeBlockProps, type FieldRenderContext, type FormField, FormRenderer, type FormRendererProps, type FormValues, type HeadingSlotProps, type HorizontalRuleSlotProps, Image, type ImageProps, type InputField, type LinkSlotProps, type ListItemSlotProps, type ListSlotProps, type ParagraphSlotProps, type RichTextComponents, RichTextContent, type RichTextContentProps, type RichTextData, StyledRichTextContent, type StyledRichTextContentProps, type SubmissionData, type TableCellSlotProps, type TableRowSlotProps, type TableSlotProps, type TextStateConfig, type UploadSlotProps, highlight, toSubmissionData };