@builder.io/sdk-qwik 0.0.20 → 0.0.22

package/lib/index.qwik.cjs

@@ -281,7 +281,21 @@ const BlockStyles$1 = BlockStyles;
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}$`;
+function crateEventHandler(value, options) {
+  return qwik.inlinedQrl((event) => {
+    const [options2, value2] = qwik.useLexicalScope();
+    return evaluate({
+      code: value2,
+      context: options2.context,
+      state: options2.state,
+      event
+    });
+  }, "crateEventHandler_wgxT8Hlq4s8", [
+    options,
+    value
+  ]);
+}
 function getBlockActions(options) {
   const obj = {};
   const optionActions = options.block.actions ?? {};
@@ -289,12 +303,7 @@ function getBlockActions(options) {
     if (!optionActions.hasOwnProperty(key))
       continue;
     const value = optionActions[key];
-    obj[getEventHandlerName(key)] = (event) => evaluate({
-      code: value,
-      context: options.context,
-      state: options.state,
-      event
-    });
+    obj[getEventHandlerName(key)] = crateEventHandler(value, options);
   }
   return obj;
 }
@@ -317,8 +326,37 @@ function getBlockProperties(block) {
     ].filter(Boolean).join(" ")
   };
 }
+const convertStyleObject = (obj) => {
+  return obj;
+};
+const sanitizeBlockStyles = (_styles) => {
+};
+const getStyleForTarget = (styles) => {
+  switch (TARGET) {
+    case "reactNative":
+      return {
+        ...styles.large ? convertStyleObject(styles.large) : {},
+        ...styles.medium ? convertStyleObject(styles.medium) : {},
+        ...styles.small ? convertStyleObject(styles.small) : {}
+      };
+    default:
+      return {
+        ...styles.large ? convertStyleObject(styles.large) : {},
+        ...styles.medium ? {
+          [getMaxWidthQueryForSize("medium")]: convertStyleObject(styles.medium)
+        } : {},
+        ...styles.small ? {
+          [getMaxWidthQueryForSize("small")]: convertStyleObject(styles.small)
+        } : {}
+      };
+  }
+};
 function getBlockStyles(block) {
-  return null;
+  if (!block.responsiveStyles)
+    return {};
+  const styles = getStyleForTarget(block.responsiveStyles);
+  sanitizeBlockStyles();
+  return styles;
 }
 function getBlockTag(block) {
   return block.tagName || "div";
@@ -581,7 +619,7 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
     "builder-parent-id": props.parent,
     onClick$: qwik.inlinedQrl((event) => {
       const [builderContext2, props2, state2] = qwik.useLexicalScope();
-      return onClick$1(props2);
+      return (event2) => onClick$1(props2);
     }, "RenderBlocks_component_div_onClick_RzhhZa265Yg", [
       builderContext,
       props,
@@ -589,7 +627,7 @@ const RenderBlocks = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props) =
     ]),
     onMouseEnter$: qwik.inlinedQrl((event) => {
       const [builderContext2, props2, state2] = qwik.useLexicalScope();
-      return onMouseEnter(props2);
+      return (event2) => onMouseEnter(props2);
     }, "RenderBlocks_component_div_onMouseEnter_nG7I7RYG3JQ", [
       builderContext,
       props,
@@ -1610,7 +1648,7 @@ const SCRIPT_MIME_TYPES = [
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
 const findAndRunScripts$1 = function findAndRunScripts(props, state, elem) {
-  if (!elem)
+  if (!elem || !elem.getElementsByTagName)
     return;
   const scripts = elem.getElementsByTagName("script");
   for (let i = 0; i < scripts.length; i++) {
@@ -1691,7 +1729,7 @@ const componentInfo$1 = {
   static: true
 };
 const findAndRunScripts2 = function findAndRunScripts3(props, state, elem) {
-  if (elem && typeof window !== "undefined") {
+  if (elem && elem.getElementsByTagName && typeof window !== "undefined") {
     const scripts = elem.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
@@ -1846,7 +1884,10 @@ const convertSearchParamsToQueryObject = (searchParams) => {
   });
   return options;
 };
-const getBuilderSearchParams = (options) => {
+const getBuilderSearchParams = (_options) => {
+  if (!_options)
+    return {};
+  const options = normalizeSearchParams(_options);
   const newOptions = {};
   Object.keys(options).forEach((key) => {
     if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
@@ -1860,7 +1901,7 @@ const getBuilderSearchParamsFromWindow = () => {
   if (!isBrowser())
     return {};
   const searchParams = new URLSearchParams(window.location.search);
-  return getBuilderSearchParams(convertSearchParamsToQueryObject(searchParams));
+  return getBuilderSearchParams(searchParams);
 };
 const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
 function getGlobalThis() {
@@ -2466,15 +2507,15 @@ const RenderContent = /* @__PURE__ */ qwik.componentQrl(qwik.inlinedQrl((props)
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {
     children: useContent(props, state) ? /* @__PURE__ */ jsxRuntime.jsxs("div", {
       ref: elementRef,
-      "builder-content-id": useContent(props, state)?.id,
       onClick$: qwik.inlinedQrl((event) => {
         const [elementRef2, props2, state2] = qwik.useLexicalScope();
-        return onClick2(props2, state2);
+        return (event2) => onClick2(props2, state2);
       }, "RenderContent_component__Fragment_div_onClick_wLg5o3ZkpC0", [
         elementRef,
         props,
         state
       ]),
+      "builder-content-id": useContent(props, state)?.id,
       children: [
         shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsxRuntime.jsx(RenderContentStyles$1, {
           cssCode: useContent(props, state)?.data?.cssCode,

package/lib/index.qwik.mjs

@@ -1,4 +1,4 @@
-import { createContext, mutable, componentQrl, inlinedQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, useLexicalScope, Slot, useRef, useWatchQrl, useClientEffectQrl, _useMutableProps, useCleanupQrl } from "@builder.io/qwik";
+import { createContext, inlinedQrl, useLexicalScope, mutable, componentQrl, useContextProvider, useStore, useStylesScopedQrl, useContext, Slot, useRef, useWatchQrl, useClientEffectQrl, _useMutableProps, useCleanupQrl } from "@builder.io/qwik";
 import { jsx, Fragment as Fragment$1, jsxs } from "@builder.io/qwik/jsx-runtime";
 const TARGET = "qwik";
 function isBrowser() {
@@ -261,7 +261,21 @@ const BlockStyles$1 = BlockStyles;
 function capitalizeFirstLetter(string) {
   return string.charAt(0).toUpperCase() + string.slice(1);
 }
-const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}$`;
+function crateEventHandler(value, options) {
+  return inlinedQrl((event) => {
+    const [options2, value2] = useLexicalScope();
+    return evaluate({
+      code: value2,
+      context: options2.context,
+      state: options2.state,
+      event
+    });
+  }, "crateEventHandler_wgxT8Hlq4s8", [
+    options,
+    value
+  ]);
+}
 function getBlockActions(options) {
   const obj = {};
   const optionActions = options.block.actions ?? {};
@@ -269,12 +283,7 @@ function getBlockActions(options) {
     if (!optionActions.hasOwnProperty(key))
       continue;
     const value = optionActions[key];
-    obj[getEventHandlerName(key)] = (event) => evaluate({
-      code: value,
-      context: options.context,
-      state: options.state,
-      event
-    });
+    obj[getEventHandlerName(key)] = crateEventHandler(value, options);
   }
   return obj;
 }
@@ -297,8 +306,37 @@ function getBlockProperties(block) {
     ].filter(Boolean).join(" ")
   };
 }
+const convertStyleObject = (obj) => {
+  return obj;
+};
+const sanitizeBlockStyles = (_styles) => {
+};
+const getStyleForTarget = (styles) => {
+  switch (TARGET) {
+    case "reactNative":
+      return {
+        ...styles.large ? convertStyleObject(styles.large) : {},
+        ...styles.medium ? convertStyleObject(styles.medium) : {},
+        ...styles.small ? convertStyleObject(styles.small) : {}
+      };
+    default:
+      return {
+        ...styles.large ? convertStyleObject(styles.large) : {},
+        ...styles.medium ? {
+          [getMaxWidthQueryForSize("medium")]: convertStyleObject(styles.medium)
+        } : {},
+        ...styles.small ? {
+          [getMaxWidthQueryForSize("small")]: convertStyleObject(styles.small)
+        } : {}
+      };
+  }
+};
 function getBlockStyles(block) {
-  return null;
+  if (!block.responsiveStyles)
+    return {};
+  const styles = getStyleForTarget(block.responsiveStyles);
+  sanitizeBlockStyles();
+  return styles;
 }
 function getBlockTag(block) {
   return block.tagName || "div";
@@ -561,7 +599,7 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     "builder-parent-id": props.parent,
     onClick$: inlinedQrl((event) => {
       const [builderContext2, props2, state2] = useLexicalScope();
-      return onClick$1(props2);
+      return (event2) => onClick$1(props2);
     }, "RenderBlocks_component_div_onClick_RzhhZa265Yg", [
       builderContext,
       props,
@@ -569,7 +607,7 @@ const RenderBlocks = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
     ]),
     onMouseEnter$: inlinedQrl((event) => {
       const [builderContext2, props2, state2] = useLexicalScope();
-      return onMouseEnter(props2);
+      return (event2) => onMouseEnter(props2);
     }, "RenderBlocks_component_div_onMouseEnter_nG7I7RYG3JQ", [
       builderContext,
       props,
@@ -1590,7 +1628,7 @@ const SCRIPT_MIME_TYPES = [
 ];
 const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
 const findAndRunScripts$1 = function findAndRunScripts(props, state, elem) {
-  if (!elem)
+  if (!elem || !elem.getElementsByTagName)
     return;
   const scripts = elem.getElementsByTagName("script");
   for (let i = 0; i < scripts.length; i++) {
@@ -1671,7 +1709,7 @@ const componentInfo$1 = {
   static: true
 };
 const findAndRunScripts2 = function findAndRunScripts3(props, state, elem) {
-  if (elem && typeof window !== "undefined") {
+  if (elem && elem.getElementsByTagName && typeof window !== "undefined") {
     const scripts = elem.getElementsByTagName("script");
     for (let i = 0; i < scripts.length; i++) {
       const script = scripts[i];
@@ -1826,7 +1864,10 @@ const convertSearchParamsToQueryObject = (searchParams) => {
   });
   return options;
 };
-const getBuilderSearchParams = (options) => {
+const getBuilderSearchParams = (_options) => {
+  if (!_options)
+    return {};
+  const options = normalizeSearchParams(_options);
   const newOptions = {};
   Object.keys(options).forEach((key) => {
     if (key.startsWith(BUILDER_SEARCHPARAMS_PREFIX)) {
@@ -1840,7 +1881,7 @@ const getBuilderSearchParamsFromWindow = () => {
   if (!isBrowser())
     return {};
   const searchParams = new URLSearchParams(window.location.search);
-  return getBuilderSearchParams(convertSearchParamsToQueryObject(searchParams));
+  return getBuilderSearchParams(searchParams);
 };
 const normalizeSearchParams = (searchParams) => searchParams instanceof URLSearchParams ? convertSearchParamsToQueryObject(searchParams) : searchParams;
 function getGlobalThis() {
@@ -2446,15 +2487,15 @@ const RenderContent = /* @__PURE__ */ componentQrl(inlinedQrl((props) => {
   return /* @__PURE__ */ jsx(Fragment$1, {
     children: useContent(props, state) ? /* @__PURE__ */ jsxs("div", {
       ref: elementRef,
-      "builder-content-id": useContent(props, state)?.id,
       onClick$: inlinedQrl((event) => {
         const [elementRef2, props2, state2] = useLexicalScope();
-        return onClick2(props2, state2);
+        return (event2) => onClick2(props2, state2);
       }, "RenderContent_component__Fragment_div_onClick_wLg5o3ZkpC0", [
         elementRef,
         props,
         state
       ]),
+      "builder-content-id": useContent(props, state)?.id,
       children: [
         shouldRenderContentStyles(props, state) ? /* @__PURE__ */ jsx(RenderContentStyles$1, {
           cssCode: useContent(props, state)?.data?.cssCode,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.0.20",
+  "version": "0.0.22",
   "description": "Builder.io Qwik SDK",
   "type": "module",
   "main": "./lib/index.qwik.cjs",
@@ -20,12 +20,11 @@
     "release:dev": "yarn run build && npm version prerelease --no-git-tag-version && npm publish --tag latest --access public"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.0.108-dev20220913220811",
     "@types/node": "latest",
     "typescript": "^4",
     "vite": "^3.0.4"
   },
   "peerDependencies": {
-    "@builder.io/qwik": "0.0.108-dev20220913220811"
+    "@builder.io/qwik": ">=0.0.108"
   }
 }

package/types/components/render-block/render-block.d.ts

@@ -11,7 +11,473 @@ export declare const componentRef: (props: any, state: any) => any;
 export declare const tagName: (props: any, state: any) => string;
 export declare const useBlock: (props: any, state: any) => any;
 export declare const attributes: (props: any, state: any) => {
-    style: any;
+    style: {
+        [x: number]: string | undefined;
+        accentColor?: string | undefined;
+        alignContent?: string | undefined;
+        alignItems?: string | undefined;
+        alignSelf?: string | undefined;
+        alignmentBaseline?: string | undefined;
+        all?: string | undefined;
+        animation?: string | undefined;
+        animationDelay?: string | undefined;
+        animationDirection?: string | undefined;
+        animationDuration?: string | undefined;
+        animationFillMode?: string | undefined;
+        animationIterationCount?: string | undefined;
+        animationName?: string | undefined;
+        animationPlayState?: string | undefined;
+        animationTimingFunction?: string | undefined;
+        appearance?: string | undefined;
+        aspectRatio?: string | undefined;
+        backfaceVisibility?: string | undefined;
+        background?: string | undefined;
+        backgroundAttachment?: string | undefined;
+        backgroundBlendMode?: string | undefined;
+        backgroundClip?: string | undefined;
+        backgroundColor?: string | undefined;
+        backgroundImage?: string | undefined;
+        backgroundOrigin?: string | undefined;
+        backgroundPosition?: string | undefined;
+        backgroundPositionX?: string | undefined;
+        backgroundPositionY?: string | undefined;
+        backgroundRepeat?: string | undefined;
+        backgroundSize?: string | undefined;
+        baselineShift?: string | undefined;
+        blockSize?: string | undefined;
+        border?: string | undefined;
+        borderBlock?: string | undefined;
+        borderBlockColor?: string | undefined;
+        borderBlockEnd?: string | undefined;
+        borderBlockEndColor?: string | undefined;
+        borderBlockEndStyle?: string | undefined;
+        borderBlockEndWidth?: string | undefined;
+        borderBlockStart?: string | undefined;
+        borderBlockStartColor?: string | undefined;
+        borderBlockStartStyle?: string | undefined;
+        borderBlockStartWidth?: string | undefined;
+        borderBlockStyle?: string | undefined;
+        borderBlockWidth?: string | undefined;
+        borderBottom?: string | undefined;
+        borderBottomColor?: string | undefined;
+        borderBottomLeftRadius?: string | undefined;
+        borderBottomRightRadius?: string | undefined;
+        borderBottomStyle?: string | undefined;
+        borderBottomWidth?: string | undefined;
+        borderCollapse?: string | undefined;
+        borderColor?: string | undefined;
+        borderEndEndRadius?: string | undefined;
+        borderEndStartRadius?: string | undefined;
+        borderImage?: string | undefined;
+        borderImageOutset?: string | undefined;
+        borderImageRepeat?: string | undefined;
+        borderImageSlice?: string | undefined;
+        borderImageSource?: string | undefined;
+        borderImageWidth?: string | undefined;
+        borderInline?: string | undefined;
+        borderInlineColor?: string | undefined;
+        borderInlineEnd?: string | undefined;
+        borderInlineEndColor?: string | undefined;
+        borderInlineEndStyle?: string | undefined;
+        borderInlineEndWidth?: string | undefined;
+        borderInlineStart?: string | undefined;
+        borderInlineStartColor?: string | undefined;
+        borderInlineStartStyle?: string | undefined;
+        borderInlineStartWidth?: string | undefined;
+        borderInlineStyle?: string | undefined;
+        borderInlineWidth?: string | undefined;
+        borderLeft?: string | undefined;
+        borderLeftColor?: string | undefined;
+        borderLeftStyle?: string | undefined;
+        borderLeftWidth?: string | undefined;
+        borderRadius?: string | undefined;
+        borderRight?: string | undefined;
+        borderRightColor?: string | undefined;
+        borderRightStyle?: string | undefined;
+        borderRightWidth?: string | undefined;
+        borderSpacing?: string | undefined;
+        borderStartEndRadius?: string | undefined;
+        borderStartStartRadius?: string | undefined;
+        borderStyle?: string | undefined;
+        borderTop?: string | undefined;
+        borderTopColor?: string | undefined;
+        borderTopLeftRadius?: string | undefined;
+        borderTopRightRadius?: string | undefined;
+        borderTopStyle?: string | undefined;
+        borderTopWidth?: string | undefined;
+        borderWidth?: string | undefined;
+        bottom?: string | undefined;
+        boxShadow?: string | undefined;
+        boxSizing?: string | undefined;
+        breakAfter?: string | undefined;
+        breakBefore?: string | undefined;
+        breakInside?: string | undefined;
+        captionSide?: string | undefined;
+        caretColor?: string | undefined;
+        clear?: string | undefined;
+        clip?: string | undefined;
+        clipPath?: string | undefined;
+        clipRule?: string | undefined;
+        color?: string | undefined;
+        colorInterpolation?: string | undefined;
+        colorInterpolationFilters?: string | undefined;
+        colorScheme?: string | undefined;
+        columnCount?: string | undefined;
+        columnFill?: string | undefined;
+        columnGap?: string | undefined;
+        columnRule?: string | undefined;
+        columnRuleColor?: string | undefined;
+        columnRuleStyle?: string | undefined;
+        columnRuleWidth?: string | undefined;
+        columnSpan?: string | undefined;
+        columnWidth?: string | undefined;
+        columns?: string | undefined;
+        contain?: string | undefined;
+        content?: string | undefined;
+        counterIncrement?: string | undefined;
+        counterReset?: string | undefined;
+        counterSet?: string | undefined;
+        cssFloat?: string | undefined;
+        cssText?: string | undefined;
+        cursor?: string | undefined;
+        direction?: string | undefined;
+        display?: string | undefined;
+        dominantBaseline?: string | undefined;
+        emptyCells?: string | undefined;
+        fill?: string | undefined;
+        fillOpacity?: string | undefined;
+        fillRule?: string | undefined;
+        filter?: string | undefined;
+        flex?: string | undefined;
+        flexBasis?: string | undefined;
+        flexDirection?: string | undefined;
+        flexFlow?: string | undefined;
+        flexGrow?: string | undefined;
+        flexShrink?: string | undefined;
+        flexWrap?: string | undefined;
+        float?: string | undefined;
+        floodColor?: string | undefined;
+        floodOpacity?: string | undefined;
+        font?: string | undefined;
+        fontFamily?: string | undefined;
+        fontFeatureSettings?: string | undefined;
+        fontKerning?: string | undefined;
+        fontOpticalSizing?: string | undefined;
+        fontSize?: string | undefined;
+        fontSizeAdjust?: string | undefined;
+        fontStretch?: string | undefined;
+        fontStyle?: string | undefined;
+        fontSynthesis?: string | undefined;
+        fontVariant?: string | undefined;
+        fontVariantAlternates?: string | undefined;
+        fontVariantCaps?: string | undefined;
+        fontVariantEastAsian?: string | undefined;
+        fontVariantLigatures?: string | undefined;
+        fontVariantNumeric?: string | undefined;
+        fontVariantPosition?: string | undefined;
+        fontVariationSettings?: string | undefined;
+        fontWeight?: string | undefined;
+        gap?: string | undefined;
+        grid?: string | undefined;
+        gridArea?: string | undefined;
+        gridAutoColumns?: string | undefined;
+        gridAutoFlow?: string | undefined;
+        gridAutoRows?: string | undefined;
+        gridColumn?: string | undefined;
+        gridColumnEnd?: string | undefined;
+        gridColumnGap?: string | undefined;
+        gridColumnStart?: string | undefined;
+        gridGap?: string | undefined;
+        gridRow?: string | undefined;
+        gridRowEnd?: string | undefined;
+        gridRowGap?: string | undefined;
+        gridRowStart?: string | undefined;
+        gridTemplate?: string | undefined;
+        gridTemplateAreas?: string | undefined;
+        gridTemplateColumns?: string | undefined;
+        gridTemplateRows?: string | undefined;
+        height?: string | undefined;
+        hyphens?: string | undefined;
+        imageOrientation?: string | undefined;
+        imageRendering?: string | undefined;
+        inlineSize?: string | undefined;
+        inset?: string | undefined;
+        insetBlock?: string | undefined;
+        insetBlockEnd?: string | undefined;
+        insetBlockStart?: string | undefined;
+        insetInline?: string | undefined;
+        insetInlineEnd?: string | undefined;
+        insetInlineStart?: string | undefined;
+        isolation?: string | undefined;
+        justifyContent?: string | undefined;
+        justifyItems?: string | undefined;
+        justifySelf?: string | undefined;
+        left?: string | undefined;
+        length?: number | undefined;
+        letterSpacing?: string | undefined;
+        lightingColor?: string | undefined;
+        lineBreak?: string | undefined;
+        lineHeight?: string | undefined;
+        listStyle?: string | undefined;
+        listStyleImage?: string | undefined;
+        listStylePosition?: string | undefined;
+        listStyleType?: string | undefined;
+        margin?: string | undefined;
+        marginBlock?: string | undefined;
+        marginBlockEnd?: string | undefined;
+        marginBlockStart?: string | undefined;
+        marginBottom?: string | undefined;
+        marginInline?: string | undefined;
+        marginInlineEnd?: string | undefined;
+        marginInlineStart?: string | undefined;
+        marginLeft?: string | undefined;
+        marginRight?: string | undefined;
+        marginTop?: string | undefined;
+        marker?: string | undefined;
+        markerEnd?: string | undefined;
+        markerMid?: string | undefined;
+        markerStart?: string | undefined;
+        mask?: string | undefined;
+        maskClip?: string | undefined;
+        maskComposite?: string | undefined;
+        maskImage?: string | undefined;
+        maskMode?: string | undefined;
+        maskOrigin?: string | undefined;
+        maskPosition?: string | undefined;
+        maskRepeat?: string | undefined;
+        maskSize?: string | undefined;
+        maskType?: string | undefined;
+        maxBlockSize?: string | undefined;
+        maxHeight?: string | undefined;
+        maxInlineSize?: string | undefined;
+        maxWidth?: string | undefined;
+        minBlockSize?: string | undefined;
+        minHeight?: string | undefined;
+        minInlineSize?: string | undefined;
+        minWidth?: string | undefined;
+        mixBlendMode?: string | undefined;
+        objectFit?: string | undefined;
+        objectPosition?: string | undefined;
+        offset?: string | undefined;
+        offsetDistance?: string | undefined;
+        offsetPath?: string | undefined;
+        offsetRotate?: string | undefined;
+        opacity?: string | undefined;
+        order?: string | undefined;
+        orphans?: string | undefined;
+        outline?: string | undefined;
+        outlineColor?: string | undefined;
+        outlineOffset?: string | undefined;
+        outlineStyle?: string | undefined;
+        outlineWidth?: string | undefined;
+        overflow?: string | undefined;
+        overflowAnchor?: string | undefined;
+        overflowWrap?: string | undefined;
+        overflowX?: string | undefined;
+        overflowY?: string | undefined;
+        overscrollBehavior?: string | undefined;
+        overscrollBehaviorBlock?: string | undefined;
+        overscrollBehaviorInline?: string | undefined;
+        overscrollBehaviorX?: string | undefined;
+        overscrollBehaviorY?: string | undefined;
+        padding?: string | undefined;
+        paddingBlock?: string | undefined;
+        paddingBlockEnd?: string | undefined;
+        paddingBlockStart?: string | undefined;
+        paddingBottom?: string | undefined;
+        paddingInline?: string | undefined;
+        paddingInlineEnd?: string | undefined;
+        paddingInlineStart?: string | undefined;
+        paddingLeft?: string | undefined;
+        paddingRight?: string | undefined;
+        paddingTop?: string | undefined;
+        pageBreakAfter?: string | undefined;
+        pageBreakBefore?: string | undefined;
+        pageBreakInside?: string | undefined;
+        paintOrder?: string | undefined;
+        parentRule?: CSSRule | null | undefined;
+        perspective?: string | undefined;
+        perspectiveOrigin?: string | undefined;
+        placeContent?: string | undefined;
+        placeItems?: string | undefined;
+        placeSelf?: string | undefined;
+        pointerEvents?: string | undefined;
+        position?: string | undefined;
+        printColorAdjust?: string | undefined;
+        quotes?: string | undefined;
+        resize?: string | undefined;
+        right?: string | undefined;
+        rotate?: string | undefined;
+        rowGap?: string | undefined;
+        rubyPosition?: string | undefined;
+        scale?: string | undefined;
+        scrollBehavior?: string | undefined;
+        scrollMargin?: string | undefined;
+        scrollMarginBlock?: string | undefined;
+        scrollMarginBlockEnd?: string | undefined;
+        scrollMarginBlockStart?: string | undefined;
+        scrollMarginBottom?: string | undefined;
+        scrollMarginInline?: string | undefined;
+        scrollMarginInlineEnd?: string | undefined;
+        scrollMarginInlineStart?: string | undefined;
+        scrollMarginLeft?: string | undefined;
+        scrollMarginRight?: string | undefined;
+        scrollMarginTop?: string | undefined;
+        scrollPadding?: string | undefined;
+        scrollPaddingBlock?: string | undefined;
+        scrollPaddingBlockEnd?: string | undefined;
+        scrollPaddingBlockStart?: string | undefined;
+        scrollPaddingBottom?: string | undefined;
+        scrollPaddingInline?: string | undefined;
+        scrollPaddingInlineEnd?: string | undefined;
+        scrollPaddingInlineStart?: string | undefined;
+        scrollPaddingLeft?: string | undefined;
+        scrollPaddingRight?: string | undefined;
+        scrollPaddingTop?: string | undefined;
+        scrollSnapAlign?: string | undefined;
+        scrollSnapStop?: string | undefined;
+        scrollSnapType?: string | undefined;
+        scrollbarGutter?: string | undefined;
+        shapeImageThreshold?: string | undefined;
+        shapeMargin?: string | undefined;
+        shapeOutside?: string | undefined;
+        shapeRendering?: string | undefined;
+        stopColor?: string | undefined;
+        stopOpacity?: string | undefined;
+        stroke?: string | undefined;
+        strokeDasharray?: string | undefined;
+        strokeDashoffset?: string | undefined;
+        strokeLinecap?: string | undefined;
+        strokeLinejoin?: string | undefined;
+        strokeMiterlimit?: string | undefined;
+        strokeOpacity?: string | undefined;
+        strokeWidth?: string | undefined;
+        tabSize?: string | undefined;
+        tableLayout?: string | undefined;
+        textAlign?: string | undefined;
+        textAlignLast?: string | undefined;
+        textAnchor?: string | undefined;
+        textCombineUpright?: string | undefined;
+        textDecoration?: string | undefined;
+        textDecorationColor?: string | undefined;
+        textDecorationLine?: string | undefined;
+        textDecorationSkipInk?: string | undefined;
+        textDecorationStyle?: string | undefined;
+        textDecorationThickness?: string | undefined;
+        textEmphasis?: string | undefined;
+        textEmphasisColor?: string | undefined;
+        textEmphasisPosition?: string | undefined;
+        textEmphasisStyle?: string | undefined;
+        textIndent?: string | undefined;
+        textOrientation?: string | undefined;
+        textOverflow?: string | undefined;
+        textRendering?: string | undefined;
+        textShadow?: string | undefined;
+        textTransform?: string | undefined;
+        textUnderlineOffset?: string | undefined;
+        textUnderlinePosition?: string | undefined;
+        top?: string | undefined;
+        touchAction?: string | undefined;
+        transform?: string | undefined;
+        transformBox?: string | undefined;
+        transformOrigin?: string | undefined;
+        transformStyle?: string | undefined;
+        transition?: string | undefined;
+        transitionDelay?: string | undefined;
+        transitionDuration?: string | undefined;
+        transitionProperty?: string | undefined;
+        transitionTimingFunction?: string | undefined;
+        translate?: string | undefined;
+        unicodeBidi?: string | undefined;
+        userSelect?: string | undefined;
+        verticalAlign?: string | undefined;
+        visibility?: string | undefined;
+        webkitAlignContent?: string | undefined;
+        webkitAlignItems?: string | undefined;
+        webkitAlignSelf?: string | undefined;
+        webkitAnimation?: string | undefined;
+        webkitAnimationDelay?: string | undefined;
+        webkitAnimationDirection?: string | undefined;
+        webkitAnimationDuration?: string | undefined;
+        webkitAnimationFillMode?: string | undefined;
+        webkitAnimationIterationCount?: string | undefined;
+        webkitAnimationName?: string | undefined;
+        webkitAnimationPlayState?: string | undefined;
+        webkitAnimationTimingFunction?: string | undefined;
+        webkitAppearance?: string | undefined;
+        webkitBackfaceVisibility?: string | undefined;
+        webkitBackgroundClip?: string | undefined;
+        webkitBackgroundOrigin?: string | undefined;
+        webkitBackgroundSize?: string | undefined;
+        webkitBorderBottomLeftRadius?: string | undefined;
+        webkitBorderBottomRightRadius?: string | undefined;
+        webkitBorderRadius?: string | undefined;
+        webkitBorderTopLeftRadius?: string | undefined;
+        webkitBorderTopRightRadius?: string | undefined;
+        webkitBoxAlign?: string | undefined;
+        webkitBoxFlex?: string | undefined;
+        webkitBoxOrdinalGroup?: string | undefined;
+        webkitBoxOrient?: string | undefined;
+        webkitBoxPack?: string | undefined;
+        webkitBoxShadow?: string | undefined;
+        webkitBoxSizing?: string | undefined;
+        webkitFilter?: string | undefined;
+        webkitFlex?: string | undefined;
+        webkitFlexBasis?: string | undefined;
+        webkitFlexDirection?: string | undefined;
+        webkitFlexFlow?: string | undefined;
+        webkitFlexGrow?: string | undefined;
+        webkitFlexShrink?: string | undefined;
+        webkitFlexWrap?: string | undefined;
+        webkitJustifyContent?: string | undefined;
+        webkitLineClamp?: string | undefined;
+        webkitMask?: string | undefined;
+        webkitMaskBoxImage?: string | undefined;
+        webkitMaskBoxImageOutset?: string | undefined;
+        webkitMaskBoxImageRepeat?: string | undefined;
+        webkitMaskBoxImageSlice?: string | undefined;
+        webkitMaskBoxImageSource?: string | undefined;
+        webkitMaskBoxImageWidth?: string | undefined;
+        webkitMaskClip?: string | undefined;
+        webkitMaskComposite?: string | undefined;
+        webkitMaskImage?: string | undefined;
+        webkitMaskOrigin?: string | undefined;
+        webkitMaskPosition?: string | undefined;
+        webkitMaskRepeat?: string | undefined;
+        webkitMaskSize?: string | undefined;
+        webkitOrder?: string | undefined;
+        webkitPerspective?: string | undefined;
+        webkitPerspectiveOrigin?: string | undefined;
+        webkitTextFillColor?: string | undefined;
+        webkitTextSizeAdjust?: string | undefined;
+        webkitTextStroke?: string | undefined;
+        webkitTextStrokeColor?: string | undefined;
+        webkitTextStrokeWidth?: string | undefined;
+        webkitTransform?: string | undefined;
+        webkitTransformOrigin?: string | undefined;
+        webkitTransformStyle?: string | undefined;
+        webkitTransition?: string | undefined;
+        webkitTransitionDelay?: string | undefined;
+        webkitTransitionDuration?: string | undefined;
+        webkitTransitionProperty?: string | undefined;
+        webkitTransitionTimingFunction?: string | undefined;
+        webkitUserSelect?: string | undefined;
+        whiteSpace?: string | undefined;
+        widows?: string | undefined;
+        width?: string | undefined;
+        willChange?: string | undefined;
+        wordBreak?: string | undefined;
+        wordSpacing?: string | undefined;
+        wordWrap?: string | undefined;
+        writingMode?: string | undefined;
+        zIndex?: string | undefined;
+        getPropertyPriority?: ((property: string) => string) | undefined;
+        getPropertyValue?: ((property: string) => string) | undefined;
+        item?: ((index: number) => string) | undefined;
+        removeProperty?: ((property: string) => string) | undefined;
+        setProperty?: ((property: string, value: string | null, priority?: string | undefined) => void) | undefined;
+        [Symbol.iterator]?: (() => IterableIterator<string>) | undefined;
+    };
     'builder-id': string | undefined;
     class: string;
 };

package/types/functions/convert-style-object.d.ts

@@ -1 +1 @@
-export declare const convertStyleObject: (obj?: Partial<CSSStyleDeclaration>) => Partial<CSSStyleDeclaration> | undefined;
+export declare const convertStyleObject: (obj: Partial<CSSStyleDeclaration>) => Partial<CSSStyleDeclaration>;

package/types/functions/get-block-actions-handler.d.ts

@@ -0,0 +1,5 @@
+import type { BuilderContextInterface } from '../context/types.js';
+import { BuilderBlock } from '../types/builder-block.js';
+export declare function crateEventHandler(value: string, options: {
+    block: BuilderBlock;
+} & Pick<BuilderContextInterface, 'state' | 'context'>): (event: Event) => any;

package/types/functions/get-block-styles.d.ts

@@ -1,2 +1,468 @@
 import { BuilderBlock } from '../types/builder-block.js';
-export declare function getBlockStyles(block: BuilderBlock): any;
+export declare function getBlockStyles(block: BuilderBlock): {
+    [x: number]: string | undefined;
+    accentColor?: string | undefined;
+    alignContent?: string | undefined;
+    alignItems?: string | undefined;
+    alignSelf?: string | undefined;
+    alignmentBaseline?: string | undefined;
+    all?: string | undefined;
+    animation?: string | undefined;
+    animationDelay?: string | undefined;
+    animationDirection?: string | undefined;
+    animationDuration?: string | undefined;
+    animationFillMode?: string | undefined;
+    animationIterationCount?: string | undefined;
+    animationName?: string | undefined;
+    animationPlayState?: string | undefined;
+    animationTimingFunction?: string | undefined;
+    appearance?: string | undefined;
+    aspectRatio?: string | undefined;
+    backfaceVisibility?: string | undefined;
+    background?: string | undefined;
+    backgroundAttachment?: string | undefined;
+    backgroundBlendMode?: string | undefined;
+    backgroundClip?: string | undefined;
+    backgroundColor?: string | undefined;
+    backgroundImage?: string | undefined;
+    backgroundOrigin?: string | undefined;
+    backgroundPosition?: string | undefined;
+    backgroundPositionX?: string | undefined;
+    backgroundPositionY?: string | undefined;
+    backgroundRepeat?: string | undefined;
+    backgroundSize?: string | undefined;
+    baselineShift?: string | undefined;
+    blockSize?: string | undefined;
+    border?: string | undefined;
+    borderBlock?: string | undefined;
+    borderBlockColor?: string | undefined;
+    borderBlockEnd?: string | undefined;
+    borderBlockEndColor?: string | undefined;
+    borderBlockEndStyle?: string | undefined;
+    borderBlockEndWidth?: string | undefined;
+    borderBlockStart?: string | undefined;
+    borderBlockStartColor?: string | undefined;
+    borderBlockStartStyle?: string | undefined;
+    borderBlockStartWidth?: string | undefined;
+    borderBlockStyle?: string | undefined;
+    borderBlockWidth?: string | undefined;
+    borderBottom?: string | undefined;
+    borderBottomColor?: string | undefined;
+    borderBottomLeftRadius?: string | undefined;
+    borderBottomRightRadius?: string | undefined;
+    borderBottomStyle?: string | undefined;
+    borderBottomWidth?: string | undefined;
+    borderCollapse?: string | undefined;
+    borderColor?: string | undefined;
+    borderEndEndRadius?: string | undefined;
+    borderEndStartRadius?: string | undefined;
+    borderImage?: string | undefined;
+    borderImageOutset?: string | undefined;
+    borderImageRepeat?: string | undefined;
+    borderImageSlice?: string | undefined;
+    borderImageSource?: string | undefined;
+    borderImageWidth?: string | undefined;
+    borderInline?: string | undefined;
+    borderInlineColor?: string | undefined;
+    borderInlineEnd?: string | undefined;
+    borderInlineEndColor?: string | undefined;
+    borderInlineEndStyle?: string | undefined;
+    borderInlineEndWidth?: string | undefined;
+    borderInlineStart?: string | undefined;
+    borderInlineStartColor?: string | undefined;
+    borderInlineStartStyle?: string | undefined;
+    borderInlineStartWidth?: string | undefined;
+    borderInlineStyle?: string | undefined;
+    borderInlineWidth?: string | undefined;
+    borderLeft?: string | undefined;
+    borderLeftColor?: string | undefined;
+    borderLeftStyle?: string | undefined;
+    borderLeftWidth?: string | undefined;
+    borderRadius?: string | undefined;
+    borderRight?: string | undefined;
+    borderRightColor?: string | undefined;
+    borderRightStyle?: string | undefined;
+    borderRightWidth?: string | undefined;
+    borderSpacing?: string | undefined;
+    borderStartEndRadius?: string | undefined;
+    borderStartStartRadius?: string | undefined;
+    borderStyle?: string | undefined;
+    borderTop?: string | undefined;
+    borderTopColor?: string | undefined;
+    borderTopLeftRadius?: string | undefined;
+    borderTopRightRadius?: string | undefined;
+    borderTopStyle?: string | undefined;
+    borderTopWidth?: string | undefined;
+    borderWidth?: string | undefined;
+    bottom?: string | undefined;
+    boxShadow?: string | undefined;
+    boxSizing?: string | undefined;
+    breakAfter?: string | undefined;
+    breakBefore?: string | undefined;
+    breakInside?: string | undefined;
+    captionSide?: string | undefined;
+    caretColor?: string | undefined;
+    clear?: string | undefined;
+    clip?: string | undefined;
+    clipPath?: string | undefined;
+    clipRule?: string | undefined;
+    color?: string | undefined;
+    colorInterpolation?: string | undefined;
+    colorInterpolationFilters?: string | undefined;
+    colorScheme?: string | undefined;
+    columnCount?: string | undefined;
+    columnFill?: string | undefined;
+    columnGap?: string | undefined;
+    columnRule?: string | undefined;
+    columnRuleColor?: string | undefined;
+    columnRuleStyle?: string | undefined;
+    columnRuleWidth?: string | undefined;
+    columnSpan?: string | undefined;
+    columnWidth?: string | undefined;
+    columns?: string | undefined;
+    contain?: string | undefined;
+    content?: string | undefined;
+    counterIncrement?: string | undefined;
+    counterReset?: string | undefined;
+    counterSet?: string | undefined;
+    cssFloat?: string | undefined;
+    cssText?: string | undefined;
+    cursor?: string | undefined;
+    direction?: string | undefined;
+    display?: string | undefined;
+    dominantBaseline?: string | undefined;
+    emptyCells?: string | undefined;
+    fill?: string | undefined;
+    fillOpacity?: string | undefined;
+    fillRule?: string | undefined;
+    filter?: string | undefined;
+    flex?: string | undefined;
+    flexBasis?: string | undefined;
+    flexDirection?: string | undefined;
+    flexFlow?: string | undefined;
+    flexGrow?: string | undefined;
+    flexShrink?: string | undefined;
+    flexWrap?: string | undefined;
+    float?: string | undefined;
+    floodColor?: string | undefined;
+    floodOpacity?: string | undefined;
+    font?: string | undefined;
+    fontFamily?: string | undefined;
+    fontFeatureSettings?: string | undefined;
+    fontKerning?: string | undefined;
+    fontOpticalSizing?: string | undefined;
+    fontSize?: string | undefined;
+    fontSizeAdjust?: string | undefined;
+    fontStretch?: string | undefined;
+    fontStyle?: string | undefined;
+    fontSynthesis?: string | undefined;
+    fontVariant?: string | undefined;
+    fontVariantAlternates?: string | undefined;
+    fontVariantCaps?: string | undefined;
+    fontVariantEastAsian?: string | undefined;
+    fontVariantLigatures?: string | undefined;
+    fontVariantNumeric?: string | undefined;
+    fontVariantPosition?: string | undefined;
+    fontVariationSettings?: string | undefined;
+    fontWeight?: string | undefined;
+    gap?: string | undefined;
+    grid?: string | undefined;
+    gridArea?: string | undefined;
+    gridAutoColumns?: string | undefined;
+    gridAutoFlow?: string | undefined;
+    gridAutoRows?: string | undefined;
+    gridColumn?: string | undefined;
+    gridColumnEnd?: string | undefined;
+    gridColumnGap?: string | undefined;
+    gridColumnStart?: string | undefined;
+    gridGap?: string | undefined;
+    gridRow?: string | undefined;
+    gridRowEnd?: string | undefined;
+    gridRowGap?: string | undefined;
+    gridRowStart?: string | undefined;
+    gridTemplate?: string | undefined;
+    gridTemplateAreas?: string | undefined;
+    gridTemplateColumns?: string | undefined;
+    gridTemplateRows?: string | undefined;
+    height?: string | undefined;
+    hyphens?: string | undefined;
+    imageOrientation?: string | undefined;
+    imageRendering?: string | undefined;
+    inlineSize?: string | undefined;
+    inset?: string | undefined;
+    insetBlock?: string | undefined;
+    insetBlockEnd?: string | undefined;
+    insetBlockStart?: string | undefined;
+    insetInline?: string | undefined;
+    insetInlineEnd?: string | undefined;
+    insetInlineStart?: string | undefined;
+    isolation?: string | undefined;
+    justifyContent?: string | undefined;
+    justifyItems?: string | undefined;
+    justifySelf?: string | undefined;
+    left?: string | undefined;
+    length?: number | undefined;
+    letterSpacing?: string | undefined;
+    lightingColor?: string | undefined;
+    lineBreak?: string | undefined;
+    lineHeight?: string | undefined;
+    listStyle?: string | undefined;
+    listStyleImage?: string | undefined;
+    listStylePosition?: string | undefined;
+    listStyleType?: string | undefined;
+    margin?: string | undefined;
+    marginBlock?: string | undefined;
+    marginBlockEnd?: string | undefined;
+    marginBlockStart?: string | undefined;
+    marginBottom?: string | undefined;
+    marginInline?: string | undefined;
+    marginInlineEnd?: string | undefined;
+    marginInlineStart?: string | undefined;
+    marginLeft?: string | undefined;
+    marginRight?: string | undefined;
+    marginTop?: string | undefined;
+    marker?: string | undefined;
+    markerEnd?: string | undefined;
+    markerMid?: string | undefined;
+    markerStart?: string | undefined;
+    mask?: string | undefined;
+    maskClip?: string | undefined;
+    maskComposite?: string | undefined;
+    maskImage?: string | undefined;
+    maskMode?: string | undefined;
+    maskOrigin?: string | undefined;
+    maskPosition?: string | undefined;
+    maskRepeat?: string | undefined;
+    maskSize?: string | undefined;
+    maskType?: string | undefined;
+    maxBlockSize?: string | undefined;
+    maxHeight?: string | undefined;
+    maxInlineSize?: string | undefined;
+    maxWidth?: string | undefined;
+    minBlockSize?: string | undefined;
+    minHeight?: string | undefined;
+    minInlineSize?: string | undefined;
+    minWidth?: string | undefined;
+    mixBlendMode?: string | undefined;
+    objectFit?: string | undefined;
+    objectPosition?: string | undefined;
+    offset?: string | undefined;
+    offsetDistance?: string | undefined;
+    offsetPath?: string | undefined;
+    offsetRotate?: string | undefined;
+    opacity?: string | undefined;
+    order?: string | undefined;
+    orphans?: string | undefined;
+    outline?: string | undefined;
+    outlineColor?: string | undefined;
+    outlineOffset?: string | undefined;
+    outlineStyle?: string | undefined;
+    outlineWidth?: string | undefined;
+    overflow?: string | undefined;
+    overflowAnchor?: string | undefined;
+    overflowWrap?: string | undefined;
+    overflowX?: string | undefined;
+    overflowY?: string | undefined;
+    overscrollBehavior?: string | undefined;
+    overscrollBehaviorBlock?: string | undefined;
+    overscrollBehaviorInline?: string | undefined;
+    overscrollBehaviorX?: string | undefined;
+    overscrollBehaviorY?: string | undefined;
+    padding?: string | undefined;
+    paddingBlock?: string | undefined;
+    paddingBlockEnd?: string | undefined;
+    paddingBlockStart?: string | undefined;
+    paddingBottom?: string | undefined;
+    paddingInline?: string | undefined;
+    paddingInlineEnd?: string | undefined;
+    paddingInlineStart?: string | undefined;
+    paddingLeft?: string | undefined;
+    paddingRight?: string | undefined;
+    paddingTop?: string | undefined;
+    pageBreakAfter?: string | undefined;
+    pageBreakBefore?: string | undefined;
+    pageBreakInside?: string | undefined;
+    paintOrder?: string | undefined;
+    parentRule?: CSSRule | null | undefined;
+    perspective?: string | undefined;
+    perspectiveOrigin?: string | undefined;
+    placeContent?: string | undefined;
+    placeItems?: string | undefined;
+    placeSelf?: string | undefined;
+    pointerEvents?: string | undefined;
+    position?: string | undefined;
+    printColorAdjust?: string | undefined;
+    quotes?: string | undefined;
+    resize?: string | undefined;
+    right?: string | undefined;
+    rotate?: string | undefined;
+    rowGap?: string | undefined;
+    rubyPosition?: string | undefined;
+    scale?: string | undefined;
+    scrollBehavior?: string | undefined;
+    scrollMargin?: string | undefined;
+    scrollMarginBlock?: string | undefined;
+    scrollMarginBlockEnd?: string | undefined;
+    scrollMarginBlockStart?: string | undefined;
+    scrollMarginBottom?: string | undefined;
+    scrollMarginInline?: string | undefined;
+    scrollMarginInlineEnd?: string | undefined;
+    scrollMarginInlineStart?: string | undefined;
+    scrollMarginLeft?: string | undefined;
+    scrollMarginRight?: string | undefined;
+    scrollMarginTop?: string | undefined;
+    scrollPadding?: string | undefined;
+    scrollPaddingBlock?: string | undefined;
+    scrollPaddingBlockEnd?: string | undefined;
+    scrollPaddingBlockStart?: string | undefined;
+    scrollPaddingBottom?: string | undefined;
+    scrollPaddingInline?: string | undefined;
+    scrollPaddingInlineEnd?: string | undefined;
+    scrollPaddingInlineStart?: string | undefined;
+    scrollPaddingLeft?: string | undefined;
+    scrollPaddingRight?: string | undefined;
+    scrollPaddingTop?: string | undefined;
+    scrollSnapAlign?: string | undefined;
+    scrollSnapStop?: string | undefined;
+    scrollSnapType?: string | undefined;
+    scrollbarGutter?: string | undefined;
+    shapeImageThreshold?: string | undefined;
+    shapeMargin?: string | undefined;
+    shapeOutside?: string | undefined;
+    shapeRendering?: string | undefined;
+    stopColor?: string | undefined;
+    stopOpacity?: string | undefined;
+    stroke?: string | undefined;
+    strokeDasharray?: string | undefined;
+    strokeDashoffset?: string | undefined;
+    strokeLinecap?: string | undefined;
+    strokeLinejoin?: string | undefined;
+    strokeMiterlimit?: string | undefined;
+    strokeOpacity?: string | undefined;
+    strokeWidth?: string | undefined;
+    tabSize?: string | undefined;
+    tableLayout?: string | undefined;
+    textAlign?: string | undefined;
+    textAlignLast?: string | undefined;
+    textAnchor?: string | undefined;
+    textCombineUpright?: string | undefined;
+    textDecoration?: string | undefined;
+    textDecorationColor?: string | undefined;
+    textDecorationLine?: string | undefined;
+    textDecorationSkipInk?: string | undefined;
+    textDecorationStyle?: string | undefined;
+    textDecorationThickness?: string | undefined;
+    textEmphasis?: string | undefined;
+    textEmphasisColor?: string | undefined;
+    textEmphasisPosition?: string | undefined;
+    textEmphasisStyle?: string | undefined;
+    textIndent?: string | undefined;
+    textOrientation?: string | undefined;
+    textOverflow?: string | undefined;
+    textRendering?: string | undefined;
+    textShadow?: string | undefined;
+    textTransform?: string | undefined;
+    textUnderlineOffset?: string | undefined;
+    textUnderlinePosition?: string | undefined;
+    top?: string | undefined;
+    touchAction?: string | undefined;
+    transform?: string | undefined;
+    transformBox?: string | undefined;
+    transformOrigin?: string | undefined;
+    transformStyle?: string | undefined;
+    transition?: string | undefined;
+    transitionDelay?: string | undefined;
+    transitionDuration?: string | undefined;
+    transitionProperty?: string | undefined;
+    transitionTimingFunction?: string | undefined;
+    translate?: string | undefined;
+    unicodeBidi?: string | undefined;
+    userSelect?: string | undefined;
+    verticalAlign?: string | undefined;
+    visibility?: string | undefined;
+    webkitAlignContent?: string | undefined;
+    webkitAlignItems?: string | undefined;
+    webkitAlignSelf?: string | undefined;
+    webkitAnimation?: string | undefined;
+    webkitAnimationDelay?: string | undefined;
+    webkitAnimationDirection?: string | undefined;
+    webkitAnimationDuration?: string | undefined;
+    webkitAnimationFillMode?: string | undefined;
+    webkitAnimationIterationCount?: string | undefined;
+    webkitAnimationName?: string | undefined;
+    webkitAnimationPlayState?: string | undefined;
+    webkitAnimationTimingFunction?: string | undefined;
+    webkitAppearance?: string | undefined;
+    webkitBackfaceVisibility?: string | undefined;
+    webkitBackgroundClip?: string | undefined;
+    webkitBackgroundOrigin?: string | undefined;
+    webkitBackgroundSize?: string | undefined;
+    webkitBorderBottomLeftRadius?: string | undefined;
+    webkitBorderBottomRightRadius?: string | undefined;
+    webkitBorderRadius?: string | undefined;
+    webkitBorderTopLeftRadius?: string | undefined;
+    webkitBorderTopRightRadius?: string | undefined;
+    webkitBoxAlign?: string | undefined;
+    webkitBoxFlex?: string | undefined;
+    webkitBoxOrdinalGroup?: string | undefined;
+    webkitBoxOrient?: string | undefined;
+    webkitBoxPack?: string | undefined;
+    webkitBoxShadow?: string | undefined;
+    webkitBoxSizing?: string | undefined;
+    webkitFilter?: string | undefined;
+    webkitFlex?: string | undefined;
+    webkitFlexBasis?: string | undefined;
+    webkitFlexDirection?: string | undefined;
+    webkitFlexFlow?: string | undefined;
+    webkitFlexGrow?: string | undefined;
+    webkitFlexShrink?: string | undefined;
+    webkitFlexWrap?: string | undefined;
+    webkitJustifyContent?: string | undefined;
+    webkitLineClamp?: string | undefined;
+    webkitMask?: string | undefined;
+    webkitMaskBoxImage?: string | undefined;
+    webkitMaskBoxImageOutset?: string | undefined;
+    webkitMaskBoxImageRepeat?: string | undefined;
+    webkitMaskBoxImageSlice?: string | undefined;
+    webkitMaskBoxImageSource?: string | undefined;
+    webkitMaskBoxImageWidth?: string | undefined;
+    webkitMaskClip?: string | undefined;
+    webkitMaskComposite?: string | undefined;
+    webkitMaskImage?: string | undefined;
+    webkitMaskOrigin?: string | undefined;
+    webkitMaskPosition?: string | undefined;
+    webkitMaskRepeat?: string | undefined;
+    webkitMaskSize?: string | undefined;
+    webkitOrder?: string | undefined;
+    webkitPerspective?: string | undefined;
+    webkitPerspectiveOrigin?: string | undefined;
+    webkitTextFillColor?: string | undefined;
+    webkitTextSizeAdjust?: string | undefined;
+    webkitTextStroke?: string | undefined;
+    webkitTextStrokeColor?: string | undefined;
+    webkitTextStrokeWidth?: string | undefined;
+    webkitTransform?: string | undefined;
+    webkitTransformOrigin?: string | undefined;
+    webkitTransformStyle?: string | undefined;
+    webkitTransition?: string | undefined;
+    webkitTransitionDelay?: string | undefined;
+    webkitTransitionDuration?: string | undefined;
+    webkitTransitionProperty?: string | undefined;
+    webkitTransitionTimingFunction?: string | undefined;
+    webkitUserSelect?: string | undefined;
+    whiteSpace?: string | undefined;
+    widows?: string | undefined;
+    width?: string | undefined;
+    willChange?: string | undefined;
+    wordBreak?: string | undefined;
+    wordSpacing?: string | undefined;
+    wordWrap?: string | undefined;
+    writingMode?: string | undefined;
+    zIndex?: string | undefined;
+    getPropertyPriority?: ((property: string) => string) | undefined;
+    getPropertyValue?: ((property: string) => string) | undefined;
+    item?: ((index: number) => string) | undefined;
+    removeProperty?: ((property: string) => string) | undefined;
+    setProperty?: ((property: string, value: string | null, priority?: string | undefined) => void) | undefined;
+    [Symbol.iterator]?: (() => IterableIterator<string>) | undefined;
+};

package/types/functions/get-builder-search-params/index.d.ts

@@ -1,6 +1,6 @@
 declare type QueryObject = Record<string, string>;
 export declare const convertSearchParamsToQueryObject: (searchParams: URLSearchParams) => QueryObject;
-export declare const getBuilderSearchParams: (options: QueryObject) => QueryObject;
+export declare const getBuilderSearchParams: (_options: QueryObject | URLSearchParams | undefined) => QueryObject;
 export declare const getBuilderSearchParamsFromWindow: () => QueryObject;
 export declare const normalizeSearchParams: (searchParams: QueryObject | URLSearchParams) => QueryObject;
 export {};

package/types/types/targets.d.ts

@@ -1,3 +1,3 @@
 declare type MitosisTargets = import('@builder.io/mitosis').Target;
-export declare type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte'>;
+export declare type Target = Extract<MitosisTargets, 'vue3' | 'vue2' | 'reactNative' | 'svelte' | 'qwik'>;
 export {};