import { type CSSProperties } from "preact"; interface IkasComponentRendererProps { /** * Unique identifier for this renderer instance. Used to create container * elements in the DOM that child components mount into. * Each child gets `${id}-${index}` as its container id. * Must be unique per renderer — e.g. `product-card-${product.id}`. */ id: string; /** * Array of child component descriptors injected by the ikas editor. * Each component has `.r()` (render HTML) and `.l()` (mount/hydrate) methods. * Comes from a COMPONENT_LIST prop defined in ikas.config.json. */ components?: any[]; /** * Props from the parent section/component, passed through to child components. * Children can access these via dynamic value bindings configured in the editor. */ parentProps?: Record; /** * Data mapping object passed to child components alongside parentProps. * Used with privateVarMap to inject contextual data — e.g. `map={{ product }}` * makes the current product available to child components like CardProductName. * Keys must match the keys defined in the privateVarMap config. */ map?: Record; /** Optional inline styles applied to the wrapper div. */ style?: CSSProperties; /** Optional CSS class name applied to the wrapper div. */ className?: string; } export declare function IkasComponentRenderer({ id: baseId, components, style, className, parentProps, map, }: IkasComponentRendererProps): import("preact").VNode & { id: string; ref: import("preact/hooks").MutableRef; dangerouslySetInnerHTML: { __html: string; }; style: { cssText?: string | null; length?: string | number | null | undefined; filter?: string | number | null | undefined; fill?: string | number | null | undefined; clipPath?: string | number | null | undefined; marker?: string | number | null | undefined; mask?: string | number | null | undefined; display: string | number | null; accentColor?: string | number | null | undefined; alignContent?: string | number | null | undefined; alignItems?: string | number | null | undefined; alignSelf?: string | number | null | undefined; alignmentBaseline?: string | number | null | undefined; all?: string | number | null | undefined; animation?: string | number | null | undefined; animationComposition?: string | number | null | undefined; animationDelay?: string | number | null | undefined; animationDirection?: string | number | null | undefined; animationDuration?: string | number | null | undefined; animationFillMode?: string | number | null | undefined; animationIterationCount?: string | number | null | undefined; animationName?: string | number | null | undefined; animationPlayState?: string | number | null | undefined; animationTimingFunction?: string | number | null | undefined; appearance?: string | number | null | undefined; aspectRatio?: string | number | null | undefined; backdropFilter?: string | number | null | undefined; backfaceVisibility?: string | number | null | undefined; background?: string | number | null | undefined; backgroundAttachment?: string | number | null | undefined; backgroundBlendMode?: string | number | null | undefined; backgroundClip?: string | number | null | undefined; backgroundColor?: string | number | null | undefined; backgroundImage?: string | number | null | undefined; backgroundOrigin?: string | number | null | undefined; backgroundPosition?: string | number | null | undefined; backgroundPositionX?: string | number | null | undefined; backgroundPositionY?: string | number | null | undefined; backgroundRepeat?: string | number | null | undefined; backgroundSize?: string | number | null | undefined; baselineShift?: string | number | null | undefined; baselineSource?: string | number | null | undefined; blockSize?: string | number | null | undefined; border?: string | number | null | undefined; borderBlock?: string | number | null | undefined; borderBlockColor?: string | number | null | undefined; borderBlockEnd?: string | number | null | undefined; borderBlockEndColor?: string | number | null | undefined; borderBlockEndStyle?: string | number | null | undefined; borderBlockEndWidth?: string | number | null | undefined; borderBlockStart?: string | number | null | undefined; borderBlockStartColor?: string | number | null | undefined; borderBlockStartStyle?: string | number | null | undefined; borderBlockStartWidth?: string | number | null | undefined; borderBlockStyle?: string | number | null | undefined; borderBlockWidth?: string | number | null | undefined; borderBottom?: string | number | null | undefined; borderBottomColor?: string | number | null | undefined; borderBottomLeftRadius?: string | number | null | undefined; borderBottomRightRadius?: string | number | null | undefined; borderBottomStyle?: string | number | null | undefined; borderBottomWidth?: string | number | null | undefined; borderCollapse?: string | number | null | undefined; borderColor?: string | number | null | undefined; borderEndEndRadius?: string | number | null | undefined; borderEndStartRadius?: string | number | null | undefined; borderImage?: string | number | null | undefined; borderImageOutset?: string | number | null | undefined; borderImageRepeat?: string | number | null | undefined; borderImageSlice?: string | number | null | undefined; borderImageSource?: string | number | null | undefined; borderImageWidth?: string | number | null | undefined; borderInline?: string | number | null | undefined; borderInlineColor?: string | number | null | undefined; borderInlineEnd?: string | number | null | undefined; borderInlineEndColor?: string | number | null | undefined; borderInlineEndStyle?: string | number | null | undefined; borderInlineEndWidth?: string | number | null | undefined; borderInlineStart?: string | number | null | undefined; borderInlineStartColor?: string | number | null | undefined; borderInlineStartStyle?: string | number | null | undefined; borderInlineStartWidth?: string | number | null | undefined; borderInlineStyle?: string | number | null | undefined; borderInlineWidth?: string | number | null | undefined; borderLeft?: string | number | null | undefined; borderLeftColor?: string | number | null | undefined; borderLeftStyle?: string | number | null | undefined; borderLeftWidth?: string | number | null | undefined; borderRadius?: string | number | null | undefined; borderRight?: string | number | null | undefined; borderRightColor?: string | number | null | undefined; borderRightStyle?: string | number | null | undefined; borderRightWidth?: string | number | null | undefined; borderSpacing?: string | number | null | undefined; borderStartEndRadius?: string | number | null | undefined; borderStartStartRadius?: string | number | null | undefined; borderStyle?: string | number | null | undefined; borderTop?: string | number | null | undefined; borderTopColor?: string | number | null | undefined; borderTopLeftRadius?: string | number | null | undefined; borderTopRightRadius?: string | number | null | undefined; borderTopStyle?: string | number | null | undefined; borderTopWidth?: string | number | null | undefined; borderWidth?: string | number | null | undefined; bottom?: string | number | null | undefined; boxShadow?: string | number | null | undefined; boxSizing?: string | number | null | undefined; breakAfter?: string | number | null | undefined; breakBefore?: string | number | null | undefined; breakInside?: string | number | null | undefined; captionSide?: string | number | null | undefined; caretColor?: string | number | null | undefined; clear?: string | number | null | undefined; clip?: string | number | null | undefined; clipRule?: string | number | null | undefined; color?: string | number | null | undefined; colorInterpolation?: string | number | null | undefined; colorInterpolationFilters?: string | number | null | undefined; colorScheme?: string | number | null | undefined; columnCount?: string | number | null | undefined; columnFill?: string | number | null | undefined; columnGap?: string | number | null | undefined; columnRule?: string | number | null | undefined; columnRuleColor?: string | number | null | undefined; columnRuleStyle?: string | number | null | undefined; columnRuleWidth?: string | number | null | undefined; columnSpan?: string | number | null | undefined; columnWidth?: string | number | null | undefined; columns?: string | number | null | undefined; contain?: string | number | null | undefined; containIntrinsicBlockSize?: string | number | null | undefined; containIntrinsicHeight?: string | number | null | undefined; containIntrinsicInlineSize?: string | number | null | undefined; containIntrinsicSize?: string | number | null | undefined; containIntrinsicWidth?: string | number | null | undefined; container?: string | number | null | undefined; containerName?: string | number | null | undefined; containerType?: string | number | null | undefined; content?: string | number | null | undefined; contentVisibility?: string | number | null | undefined; counterIncrement?: string | number | null | undefined; counterReset?: string | number | null | undefined; counterSet?: string | number | null | undefined; cssFloat?: string | number | null | undefined; cursor?: string | number | null | undefined; cx?: string | number | null | undefined; cy?: string | number | null | undefined; d?: string | number | null | undefined; direction?: string | number | null | undefined; dominantBaseline?: string | number | null | undefined; emptyCells?: string | number | null | undefined; fillOpacity?: string | number | null | undefined; fillRule?: string | number | null | undefined; flex?: string | number | null | undefined; flexBasis?: string | number | null | undefined; flexDirection?: string | number | null | undefined; flexFlow?: string | number | null | undefined; flexGrow?: string | number | null | undefined; flexShrink?: string | number | null | undefined; flexWrap?: string | number | null | undefined; float?: string | number | null | undefined; floodColor?: string | number | null | undefined; floodOpacity?: string | number | null | undefined; font?: string | number | null | undefined; fontFamily?: string | number | null | undefined; fontFeatureSettings?: string | number | null | undefined; fontKerning?: string | number | null | undefined; fontOpticalSizing?: string | number | null | undefined; fontPalette?: string | number | null | undefined; fontSize?: string | number | null | undefined; fontSizeAdjust?: string | number | null | undefined; fontStretch?: string | number | null | undefined; fontStyle?: string | number | null | undefined; fontSynthesis?: string | number | null | undefined; fontSynthesisSmallCaps?: string | number | null | undefined; fontSynthesisStyle?: string | number | null | undefined; fontSynthesisWeight?: string | number | null | undefined; fontVariant?: string | number | null | undefined; fontVariantAlternates?: string | number | null | undefined; fontVariantCaps?: string | number | null | undefined; fontVariantEastAsian?: string | number | null | undefined; fontVariantLigatures?: string | number | null | undefined; fontVariantNumeric?: string | number | null | undefined; fontVariantPosition?: string | number | null | undefined; fontVariationSettings?: string | number | null | undefined; fontWeight?: string | number | null | undefined; forcedColorAdjust?: string | number | null | undefined; gap?: string | number | null | undefined; grid?: string | number | null | undefined; gridArea?: string | number | null | undefined; gridAutoColumns?: string | number | null | undefined; gridAutoFlow?: string | number | null | undefined; gridAutoRows?: string | number | null | undefined; gridColumn?: string | number | null | undefined; gridColumnEnd?: string | number | null | undefined; gridColumnGap?: string | number | null | undefined; gridColumnStart?: string | number | null | undefined; gridGap?: string | number | null | undefined; gridRow?: string | number | null | undefined; gridRowEnd?: string | number | null | undefined; gridRowGap?: string | number | null | undefined; gridRowStart?: string | number | null | undefined; gridTemplate?: string | number | null | undefined; gridTemplateAreas?: string | number | null | undefined; gridTemplateColumns?: string | number | null | undefined; gridTemplateRows?: string | number | null | undefined; height?: string | number | null | undefined; hyphenateCharacter?: string | number | null | undefined; hyphens?: string | number | null | undefined; imageOrientation?: string | number | null | undefined; imageRendering?: string | number | null | undefined; inlineSize?: string | number | null | undefined; inset?: string | number | null | undefined; insetBlock?: string | number | null | undefined; insetBlockEnd?: string | number | null | undefined; insetBlockStart?: string | number | null | undefined; insetInline?: string | number | null | undefined; insetInlineEnd?: string | number | null | undefined; insetInlineStart?: string | number | null | undefined; isolation?: string | number | null | undefined; justifyContent?: string | number | null | undefined; justifyItems?: string | number | null | undefined; justifySelf?: string | number | null | undefined; left?: string | number | null | undefined; letterSpacing?: string | number | null | undefined; lightingColor?: string | number | null | undefined; lineBreak?: string | number | null | undefined; lineHeight?: string | number | null | undefined; listStyle?: string | number | null | undefined; listStyleImage?: string | number | null | undefined; listStylePosition?: string | number | null | undefined; listStyleType?: string | number | null | undefined; margin?: string | number | null | undefined; marginBlock?: string | number | null | undefined; marginBlockEnd?: string | number | null | undefined; marginBlockStart?: string | number | null | undefined; marginBottom?: string | number | null | undefined; marginInline?: string | number | null | undefined; marginInlineEnd?: string | number | null | undefined; marginInlineStart?: string | number | null | undefined; marginLeft?: string | number | null | undefined; marginRight?: string | number | null | undefined; marginTop?: string | number | null | undefined; markerEnd?: string | number | null | undefined; markerMid?: string | number | null | undefined; markerStart?: string | number | null | undefined; maskClip?: string | number | null | undefined; maskComposite?: string | number | null | undefined; maskImage?: string | number | null | undefined; maskMode?: string | number | null | undefined; maskOrigin?: string | number | null | undefined; maskPosition?: string | number | null | undefined; maskRepeat?: string | number | null | undefined; maskSize?: string | number | null | undefined; maskType?: string | number | null | undefined; mathDepth?: string | number | null | undefined; mathStyle?: string | number | null | undefined; maxBlockSize?: string | number | null | undefined; maxHeight?: string | number | null | undefined; maxInlineSize?: string | number | null | undefined; maxWidth?: string | number | null | undefined; minBlockSize?: string | number | null | undefined; minHeight?: string | number | null | undefined; minInlineSize?: string | number | null | undefined; minWidth?: string | number | null | undefined; mixBlendMode?: string | number | null | undefined; objectFit?: string | number | null | undefined; objectPosition?: string | number | null | undefined; offset?: string | number | null | undefined; offsetAnchor?: string | number | null | undefined; offsetDistance?: string | number | null | undefined; offsetPath?: string | number | null | undefined; offsetPosition?: string | number | null | undefined; offsetRotate?: string | number | null | undefined; opacity?: string | number | null | undefined; order?: string | number | null | undefined; orphans?: string | number | null | undefined; outline?: string | number | null | undefined; outlineColor?: string | number | null | undefined; outlineOffset?: string | number | null | undefined; outlineStyle?: string | number | null | undefined; outlineWidth?: string | number | null | undefined; overflow?: string | number | null | undefined; overflowAnchor?: string | number | null | undefined; overflowClipMargin?: string | number | null | undefined; overflowWrap?: string | number | null | undefined; overflowX?: string | number | null | undefined; overflowY?: string | number | null | undefined; overscrollBehavior?: string | number | null | undefined; overscrollBehaviorBlock?: string | number | null | undefined; overscrollBehaviorInline?: string | number | null | undefined; overscrollBehaviorX?: string | number | null | undefined; overscrollBehaviorY?: string | number | null | undefined; padding?: string | number | null | undefined; paddingBlock?: string | number | null | undefined; paddingBlockEnd?: string | number | null | undefined; paddingBlockStart?: string | number | null | undefined; paddingBottom?: string | number | null | undefined; paddingInline?: string | number | null | undefined; paddingInlineEnd?: string | number | null | undefined; paddingInlineStart?: string | number | null | undefined; paddingLeft?: string | number | null | undefined; paddingRight?: string | number | null | undefined; paddingTop?: string | number | null | undefined; page?: string | number | null | undefined; pageBreakAfter?: string | number | null | undefined; pageBreakBefore?: string | number | null | undefined; pageBreakInside?: string | number | null | undefined; paintOrder?: string | number | null | undefined; parentRule?: string | number | null | undefined; perspective?: string | number | null | undefined; perspectiveOrigin?: string | number | null | undefined; placeContent?: string | number | null | undefined; placeItems?: string | number | null | undefined; placeSelf?: string | number | null | undefined; pointerEvents?: string | number | null | undefined; position?: string | number | null | undefined; printColorAdjust?: string | number | null | undefined; quotes?: string | number | null | undefined; r?: string | number | null | undefined; resize?: string | number | null | undefined; right?: string | number | null | undefined; rotate?: string | number | null | undefined; rowGap?: string | number | null | undefined; rubyPosition?: string | number | null | undefined; rx?: string | number | null | undefined; ry?: string | number | null | undefined; scale?: string | number | null | undefined; scrollBehavior?: string | number | null | undefined; scrollMargin?: string | number | null | undefined; scrollMarginBlock?: string | number | null | undefined; scrollMarginBlockEnd?: string | number | null | undefined; scrollMarginBlockStart?: string | number | null | undefined; scrollMarginBottom?: string | number | null | undefined; scrollMarginInline?: string | number | null | undefined; scrollMarginInlineEnd?: string | number | null | undefined; scrollMarginInlineStart?: string | number | null | undefined; scrollMarginLeft?: string | number | null | undefined; scrollMarginRight?: string | number | null | undefined; scrollMarginTop?: string | number | null | undefined; scrollPadding?: string | number | null | undefined; scrollPaddingBlock?: string | number | null | undefined; scrollPaddingBlockEnd?: string | number | null | undefined; scrollPaddingBlockStart?: string | number | null | undefined; scrollPaddingBottom?: string | number | null | undefined; scrollPaddingInline?: string | number | null | undefined; scrollPaddingInlineEnd?: string | number | null | undefined; scrollPaddingInlineStart?: string | number | null | undefined; scrollPaddingLeft?: string | number | null | undefined; scrollPaddingRight?: string | number | null | undefined; scrollPaddingTop?: string | number | null | undefined; scrollSnapAlign?: string | number | null | undefined; scrollSnapStop?: string | number | null | undefined; scrollSnapType?: string | number | null | undefined; scrollbarColor?: string | number | null | undefined; scrollbarGutter?: string | number | null | undefined; scrollbarWidth?: string | number | null | undefined; shapeImageThreshold?: string | number | null | undefined; shapeMargin?: string | number | null | undefined; shapeOutside?: string | number | null | undefined; shapeRendering?: string | number | null | undefined; stopColor?: string | number | null | undefined; stopOpacity?: string | number | null | undefined; stroke?: string | number | null | undefined; strokeDasharray?: string | number | null | undefined; strokeDashoffset?: string | number | null | undefined; strokeLinecap?: string | number | null | undefined; strokeLinejoin?: string | number | null | undefined; strokeMiterlimit?: string | number | null | undefined; strokeOpacity?: string | number | null | undefined; strokeWidth?: string | number | null | undefined; tabSize?: string | number | null | undefined; tableLayout?: string | number | null | undefined; textAlign?: string | number | null | undefined; textAlignLast?: string | number | null | undefined; textAnchor?: string | number | null | undefined; textCombineUpright?: string | number | null | undefined; textDecoration?: string | number | null | undefined; textDecorationColor?: string | number | null | undefined; textDecorationLine?: string | number | null | undefined; textDecorationSkipInk?: string | number | null | undefined; textDecorationStyle?: string | number | null | undefined; textDecorationThickness?: string | number | null | undefined; textEmphasis?: string | number | null | undefined; textEmphasisColor?: string | number | null | undefined; textEmphasisPosition?: string | number | null | undefined; textEmphasisStyle?: string | number | null | undefined; textIndent?: string | number | null | undefined; textOrientation?: string | number | null | undefined; textOverflow?: string | number | null | undefined; textRendering?: string | number | null | undefined; textShadow?: string | number | null | undefined; textTransform?: string | number | null | undefined; textUnderlineOffset?: string | number | null | undefined; textUnderlinePosition?: string | number | null | undefined; textWrap?: string | number | null | undefined; textWrapMode?: string | number | null | undefined; textWrapStyle?: string | number | null | undefined; top?: string | number | null | undefined; touchAction?: string | number | null | undefined; transform?: string | number | null | undefined; transformBox?: string | number | null | undefined; transformOrigin?: string | number | null | undefined; transformStyle?: string | number | null | undefined; transition?: string | number | null | undefined; transitionBehavior?: string | number | null | undefined; transitionDelay?: string | number | null | undefined; transitionDuration?: string | number | null | undefined; transitionProperty?: string | number | null | undefined; transitionTimingFunction?: string | number | null | undefined; translate?: string | number | null | undefined; unicodeBidi?: string | number | null | undefined; userSelect?: string | number | null | undefined; vectorEffect?: string | number | null | undefined; verticalAlign?: string | number | null | undefined; visibility?: string | number | null | undefined; webkitAlignContent?: string | number | null | undefined; webkitAlignItems?: string | number | null | undefined; webkitAlignSelf?: string | number | null | undefined; webkitAnimation?: string | number | null | undefined; webkitAnimationDelay?: string | number | null | undefined; webkitAnimationDirection?: string | number | null | undefined; webkitAnimationDuration?: string | number | null | undefined; webkitAnimationFillMode?: string | number | null | undefined; webkitAnimationIterationCount?: string | number | null | undefined; webkitAnimationName?: string | number | null | undefined; webkitAnimationPlayState?: string | number | null | undefined; webkitAnimationTimingFunction?: string | number | null | undefined; webkitAppearance?: string | number | null | undefined; webkitBackfaceVisibility?: string | number | null | undefined; webkitBackgroundClip?: string | number | null | undefined; webkitBackgroundOrigin?: string | number | null | undefined; webkitBackgroundSize?: string | number | null | undefined; webkitBorderBottomLeftRadius?: string | number | null | undefined; webkitBorderBottomRightRadius?: string | number | null | undefined; webkitBorderRadius?: string | number | null | undefined; webkitBorderTopLeftRadius?: string | number | null | undefined; webkitBorderTopRightRadius?: string | number | null | undefined; webkitBoxAlign?: string | number | null | undefined; webkitBoxFlex?: string | number | null | undefined; webkitBoxOrdinalGroup?: string | number | null | undefined; webkitBoxOrient?: string | number | null | undefined; webkitBoxPack?: string | number | null | undefined; webkitBoxShadow?: string | number | null | undefined; webkitBoxSizing?: string | number | null | undefined; webkitFilter?: string | number | null | undefined; webkitFlex?: string | number | null | undefined; webkitFlexBasis?: string | number | null | undefined; webkitFlexDirection?: string | number | null | undefined; webkitFlexFlow?: string | number | null | undefined; webkitFlexGrow?: string | number | null | undefined; webkitFlexShrink?: string | number | null | undefined; webkitFlexWrap?: string | number | null | undefined; webkitJustifyContent?: string | number | null | undefined; webkitLineClamp?: string | number | null | undefined; webkitMask?: string | number | null | undefined; webkitMaskBoxImage?: string | number | null | undefined; webkitMaskBoxImageOutset?: string | number | null | undefined; webkitMaskBoxImageRepeat?: string | number | null | undefined; webkitMaskBoxImageSlice?: string | number | null | undefined; webkitMaskBoxImageSource?: string | number | null | undefined; webkitMaskBoxImageWidth?: string | number | null | undefined; webkitMaskClip?: string | number | null | undefined; webkitMaskComposite?: string | number | null | undefined; webkitMaskImage?: string | number | null | undefined; webkitMaskOrigin?: string | number | null | undefined; webkitMaskPosition?: string | number | null | undefined; webkitMaskRepeat?: string | number | null | undefined; webkitMaskSize?: string | number | null | undefined; webkitOrder?: string | number | null | undefined; webkitPerspective?: string | number | null | undefined; webkitPerspectiveOrigin?: string | number | null | undefined; webkitTextFillColor?: string | number | null | undefined; webkitTextSizeAdjust?: string | number | null | undefined; webkitTextStroke?: string | number | null | undefined; webkitTextStrokeColor?: string | number | null | undefined; webkitTextStrokeWidth?: string | number | null | undefined; webkitTransform?: string | number | null | undefined; webkitTransformOrigin?: string | number | null | undefined; webkitTransformStyle?: string | number | null | undefined; webkitTransition?: string | number | null | undefined; webkitTransitionDelay?: string | number | null | undefined; webkitTransitionDuration?: string | number | null | undefined; webkitTransitionProperty?: string | number | null | undefined; webkitTransitionTimingFunction?: string | number | null | undefined; webkitUserSelect?: string | number | null | undefined; whiteSpace?: string | number | null | undefined; whiteSpaceCollapse?: string | number | null | undefined; widows?: string | number | null | undefined; width?: string | number | null | undefined; willChange?: string | number | null | undefined; wordBreak?: string | number | null | undefined; wordSpacing?: string | number | null | undefined; wordWrap?: string | number | null | undefined; writingMode?: string | number | null | undefined; x?: string | number | null | undefined; y?: string | number | null | undefined; zIndex?: string | number | null | undefined; zoom?: string | number | null | undefined; }; className: string | undefined; }> | null; export {};