@builder.io/sdk-vue 0.2.3 → 0.3.2-0

package/packages/_vue2/dist/{render-styles.15b8cdf0.cjs → render-styles.fe76b092.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),f=require("./index.8547cce2.cjs"),d=e=>{var o,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(a=e.fileUrl)!=null?a:(o=e==null?void 0:e.files)==null?void 0:o.regular;let l="";if(i&&t&&n&&(l+=`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("vue"),d=require("./index.2eccdb53.cjs"),f=e=>{var o,a;const t=e.family+(e.kind&&!e.kind.includes("#")?", "+e.kind:""),n=t.split(",")[0],i=(a=e.fileUrl)!=null?a:(o=e==null?void 0:e.files)==null?void 0:o.regular;let l="";if(i&&t&&n&&(l+=`
 @font-face {
 font-family: "${t}";
 src: local("${n}"), url('${i}') format('woff2');
@@ -12,7 +12,7 @@ src: url('${s}') format('woff2');
 font-display: fallback;
 font-weight: ${r};
 }
-        `.trim())}return l},u=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>d(n)))==null?void 0:t.join(" "))||""},m=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",p=()=>Promise.resolve().then(()=>require("./render-inlined-styles.1999f52e.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",e),e}),h=c.defineComponent({name:"render-content-styles",components:{RenderInlinedStyles:p},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
+        `.trim())}return l},u=({customFonts:e})=>{var t;return((t=e==null?void 0:e.map(n=>f(n)))==null?void 0:t.join(" "))||""},m=({cssCode:e,contentId:t})=>e?t?(e==null?void 0:e.replace(/&/g,`div[builder-content-id="${t}"]`))||"":e:"",p=()=>Promise.resolve().then(()=>require("./render-inlined-styles.1887b766.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../../render-inlined-styles.vue",e),e}),h=c.defineComponent({name:"render-content-styles",components:{RenderInlinedStyles:p},props:["cssCode","contentId","customFonts"],data(){return{injectedStyles:`
 ${m({cssCode:this.cssCode,contentId:this.contentId})}
 ${u({customFonts:this.customFonts})}
 
@@ -28,4 +28,4 @@ ${u({customFonts:this.customFonts})}
   text-align: inherit;
   font-family: inherit;
 }
-`}}});var y=function(){var t=this,n=t._self._c;return t._self._setupProxy,n("render-inlined-styles",{attrs:{styles:t.injectedStyles}})},g=[],_=f.normalizeComponent(h,y,g,!1,null,null,null,null);const b=_.exports;exports.default=b;
+`}}});var y=function(){var t=this,n=t._self._c;return t._self._setupProxy,n("render-inlined-styles",{attrs:{styles:t.injectedStyles}})},g=[],b=d.normalizeComponent(h,y,g,!1,null,null,null,null);const _=b.exports;exports.default=_;

package/packages/_vue2/dist/sdk.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.8547cce2.cjs");require("vue");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./index.2eccdb53.cjs");require("vue");exports.Button=e.Button;exports.Columns=e.Columns;exports.Fragment=e.Fragment;exports.Image=e.Image;exports.RenderBlocks=e.renderBlocks;exports.RenderContent=e.renderContent;exports.Section=e.Section;exports.Symbol=e.Symbol;exports.Text=e.Text;exports.Video=e.Video;exports.components=e.components;exports.convertSearchParamsToQueryObject=e.convertSearchParamsToQueryObject;exports.createRegisterComponentMessage=e.createRegisterComponentMessage;exports.getAllContent=e.getAllContent;exports.getBuilderSearchParams=e.getBuilderSearchParams;exports.getBuilderSearchParamsFromWindow=e.getBuilderSearchParamsFromWindow;exports.getContent=e.getContent;exports.isEditing=e.isEditing;exports.isPreviewing=e.isPreviewing;exports.normalizeSearchParams=e.normalizeSearchParams;exports.register=e.register;exports.registerComponent=e.registerComponent;exports.setEditorSettings=e.setEditorSettings;exports.track=e.track;

package/packages/_vue2/dist/sdk.js

@@ -1,4 +1,4 @@
-import { b as t, C as r, F as o, I as n, r as i, d as m, S as g, h as c, i as d, V as l, l as S, v as C, o as p, u, w as h, x as P, q as B, j as b, k, y as v, p as w, m as x, s as y, t as F } from "./index.6a9eec41.js";
+import { b as t, C as r, F as o, I as n, r as i, d as m, S as g, h as c, i as d, V as l, l as S, v as C, o as p, u, w as h, x as P, q as B, j as b, k, y as v, p as w, m as x, s as y, t as F } from "./index.1955e2ac.js";
 import "vue";
 export {
   t as Button,

package/packages/_vue2/dist/src/components/render-block/render-block.helpers.d.ts

@@ -10,4 +10,3 @@ export declare const getRepeatItemData: ({ block, context, }: {
     block: BuilderBlock;
     context: BuilderContextInterface;
 }) => RepeatData[] | undefined;
-export declare const getProxyState: (context: BuilderContextInterface) => BuilderContextInterface['state'];

package/packages/_vue2/dist/src/components/render-content/render-content.types.d.ts

@@ -14,7 +14,9 @@ export type RenderContentProps = {
     customComponents?: RegisteredComponent[];
     canTrack?: boolean;
     locale?: string;
+    /** @deprecated use `enrich` instead **/
     includeRefs?: boolean;
+    enrich?: boolean;
 };
 export interface BuilderComponentStateChange {
     state: BuilderRenderState;

package/packages/_vue2/dist/src/components/render-content/render-content.vue.d.ts

@@ -37,7 +37,7 @@ declare const _sfc_main: import("vue").DefineComponent<string[], {}, {
 }, {
     mergeNewContent(newContent: BuilderContent): void;
     setBreakpoints(breakpoints: Breakpoints): void;
-    setContextState(newState: BuilderRenderState): void;
+    contentSetState(newRootState: BuilderRenderState): void;
     processMessage(event: MessageEvent): void;
     evaluateJsCode(): void;
     onClick(event: any): void;

package/packages/_vue2/dist/src/components/render-content/wrap-component-ref.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Apply target-specific transformations to the component reference.
+ *
+ * See overrides/* for examples.
+ */
+export declare const wrapComponentRef: (component: any) => any;

package/packages/_vue2/dist/src/components/render-inlined-styles.vue.d.ts

@@ -3,7 +3,7 @@ declare const _sfc_main: import("vue").DefineComponent<Readonly<{
 }>, {}, {
     TARGET: string;
 }, {
-    tag(): string;
+    tag(): any;
     injectedStyleScript(): string;
 }, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<Readonly<{
     styles?: any;

package/packages/_vue2/dist/src/constants/sdk-version.d.ts

@@ -0,0 +1 @@
+export declare const SDK_VERSION = "0.3.2-0";

package/packages/_vue2/dist/src/context/builder.context.d.ts

@@ -2,8 +2,9 @@ declare const _default: {
     Builder: {
         content: null;
         context: {};
-        state: {};
-        setState(): void;
+        localState: undefined;
+        rootSetState(): void;
+        rootState: {};
         apiKey: null;
         apiVersion: undefined;
         registeredComponents: {};

package/packages/_vue2/dist/src/context/types.d.ts

@@ -11,8 +11,23 @@ export type BuilderRenderContext = Record<string, unknown>;
 export interface BuilderContextInterface {
     content: Nullable<BuilderContent>;
     context: BuilderRenderContext;
-    state: BuilderRenderState;
-    setState?: (state: BuilderRenderState) => void;
+    /**
+     * The state of the application.
+     *
+     * NOTE: see `localState` below to understand how it is different from `rootState`.
+     */
+    rootState: BuilderRenderState;
+    /**
+     * Some frameworks have a `setState` function which needs to be invoked to notify
+     * the framework of state change. (other frameworks don't in which case it is `undefined')
+     */
+    rootSetState: ((rootState: BuilderRenderState) => void) | undefined;
+    /**
+     * The local state of the current component. This is different from `rootState` in that
+     * it can be a child state created by a repeater containing local state.
+     * The `rootState` is where all of the state mutations are actually stored.
+     */
+    localState: BuilderRenderState | undefined;
     apiKey: string | null;
     apiVersion: ApiVersion | undefined;
     registeredComponents: RegisteredComponents;

package/packages/_vue2/dist/src/functions/evaluate.d.ts

@@ -1,6 +1,7 @@
-import type { BuilderContextInterface } from '../context/types.js';
-export declare function evaluate({ code, context, state, event, isExpression, }: {
+import type { BuilderContextInterface, BuilderRenderState } from '../context/types.js';
+export declare function evaluate({ code, context, localState, rootState, rootSetState, event, isExpression, }: {
     code: string;
     event?: Event;
     isExpression?: boolean;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): any;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): any;
+export declare function flattenState(rootState: Record<string | symbol, any>, localState: Record<string | symbol, any> | undefined, rootSetState: ((rootState: BuilderRenderState) => void) | undefined): BuilderRenderState;

package/packages/_vue2/dist/src/functions/get-block-actions-handler.d.ts

@@ -2,7 +2,7 @@ import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
 type Options = {
     block: BuilderBlock;
-} & Pick<BuilderContextInterface, 'state' | 'context'>;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>;
 type EventHandler = (event: Event) => any;
 export declare const createEventHandler: (value: string, options: Options) => EventHandler;
 export {};

package/packages/_vue2/dist/src/functions/get-block-actions.d.ts

@@ -5,5 +5,5 @@ type Actions = {
 };
 export declare function getBlockActions(options: {
     block: BuilderBlock;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): Actions;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): Actions;
 export {};

package/packages/_vue2/dist/src/functions/get-content/types.d.ts

@@ -19,6 +19,7 @@ export interface GetContentOptions {
     /**
      * If set to `true`, it will lazy load symbols/references.
      * If set to `false`, it will render the entire content tree eagerly.
+     * @deprecated use `enrich` instead
      */
     noTraverse?: boolean;
     /**
@@ -30,8 +31,13 @@ export interface GetContentOptions {
     canTrack?: boolean;
     /**
      * Include references in the response. Defaults to `true`.
+     * @deprecated use `enrich` instead
      */
     includeRefs?: boolean;
+    /**
+     * Include multilevel references in the response.
+     */
+    enrich?: boolean;
     /**
      * If provided, the API will auto-resolve localized objects to the value of this `locale` key.
      */

package/packages/_vue2/dist/src/functions/get-processed-block.d.ts

@@ -1,10 +1,10 @@
 import type { BuilderContextInterface } from '../context/types.js';
 import type { BuilderBlock } from '../types/builder-block.js';
-export declare function getProcessedBlock({ block, context, shouldEvaluateBindings, state, }: {
+export declare function getProcessedBlock({ block, context, shouldEvaluateBindings, localState, rootState, rootSetState, }: {
     block: BuilderBlock;
     /**
      * In some cases, we want to avoid evaluating bindings and only want framework-specific block transformation. It is
      * also sometimes too early to consider bindings, e.g. when we might be looking at a repeated block.
      */
     shouldEvaluateBindings: boolean;
-} & Pick<BuilderContextInterface, 'state' | 'context'>): BuilderBlock;
+} & Pick<BuilderContextInterface, 'localState' | 'context' | 'rootState' | 'rootSetState'>): BuilderBlock;

package/packages/_vue2/dist/src/scripts/init-editing.d.ts

@@ -1,5 +1,6 @@
 export declare const registerInsertMenu: () => void;
 export declare const setupBrowserForEditing: (options?: {
+    enrich?: boolean;
     includeRefs?: boolean;
     locale?: string;
 }) => void;

package/packages/_vue2/dist/style.css

@@ -1 +1 @@
-.button-2fnk003dqad[data-v-5f197ca9]{all:unset}.div-t9spj7joih[data-v-1a6287e9]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-1a6287e9]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-0d553173]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d553173]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d553173]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-e4c3b2b6]{display:flex;flex-direction:column;align-items:stretch}
+.button-2fnk003dqad[data-v-5f197ca9]{all:unset}.div-t9spj7joih[data-v-1cba7386]{display:flex;line-height:normal}.div-t9spj7joih-2[data-v-1cba7386]{display:flex;flex-direction:column;align-items:stretch}.img-1pl23ac79ld[data-v-0d553173]{opacity:1;transition:opacity .2s ease-in-out}.div-1pl23ac79ld[data-v-0d553173]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-2[data-v-0d553173]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.div-21azgz5avex[data-v-e4c3b2b6]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue3/dist/block-styles.18a1a0e6.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),t=require("./index.e7a22b43.cjs"),r=require("./css.7a6108f3.cjs"),y=()=>Promise.resolve().then(()=>require("./render-inlined-styles.86c0a89d.cjs")).then(e=>e.default).catch(e=>{throw console.error("Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",e),e}),S=o.defineComponent({name:"block-styles",components:{RenderInlinedStyles:o.defineAsyncComponent(y)},props:["block","context"],data(){return{TARGET:t.TARGET}},computed:{useBlock(){return r.getProcessedBlock({block:this.block,localState:this.context.localState,rootState:this.context.rootState,rootSetState:this.context.rootSetState,context:this.context.context,shouldEvaluateBindings:!0})},canShowBlock(){return t.checkIsDefined(this.useBlock.hide)?!this.useBlock.hide:t.checkIsDefined(this.useBlock.show)?this.useBlock.show:!0},css(){var d;const e=this.useBlock.responsiveStyles,n=this.context.content,c=t.getSizesForBreakpoints(((d=n==null?void 0:n.meta)==null?void 0:d.breakpoints)||{}),l=e==null?void 0:e.large,i=e==null?void 0:e.medium,a=e==null?void 0:e.small,s=this.useBlock.id;if(!s)return"";const u=l?r.createCssClass({className:s,styles:l}):"",m=i?r.createCssClass({className:s,styles:i,mediaQuery:t.getMaxWidthQueryForSize("medium",c)}):"",h=a?r.createCssClass({className:s,styles:a,mediaQuery:t.getMaxWidthQueryForSize("small",c)}):"";return[u,m,h].join(" ")}}});function k(e,n,c,l,i,a){const s=o.resolveComponent("render-inlined-styles");return e.TARGET!=="reactNative"&&e.css&&e.canShowBlock?(o.openBlock(),o.createBlock(s,{key:0,styles:e.css},null,8,["styles"])):o.createCommentVNode("",!0)}const p=t._export_sfc(S,[["render",k]]);exports.default=p;

package/packages/_vue3/dist/{block-styles.f06f105b.js → block-styles.c0e7bfbe.js}

@@ -1,15 +1,15 @@
-import { defineComponent as h, defineAsyncComponent as k, resolveComponent as y, openBlock as f, createBlock as B, createCommentVNode as S } from "vue";
-import { T as g, c as a, g as C, a as d, _ } from "./index.0aed90df.js";
-import { g as b, c } from "./css.2ff361fc.js";
-const w = () => import("./render-inlined-styles.454bc38b.js").then((e) => e.default).catch((e) => {
+import { defineComponent as p, defineAsyncComponent as S, resolveComponent as k, openBlock as y, createBlock as f, createCommentVNode as B } from "vue";
+import { T as g, c as i, g as C, a as d, _ } from "./index.c3536d81.js";
+import { g as x, c } from "./css.ee7d0ab8.js";
+const b = () => import("./render-inlined-styles.5aa04bb8.js").then((e) => e.default).catch((e) => {
   throw console.error(
     "Error while attempting to dynamically import component RenderInlinedStyles at ../render-inlined-styles.vue",
     e
   ), e;
-}), x = h({
+}), w = p({
   name: "block-styles",
   components: {
-    RenderInlinedStyles: k(w)
+    RenderInlinedStyles: S(b)
   },
   props: ["block", "context"],
   data() {
@@ -17,20 +17,22 @@ const w = () => import("./render-inlined-styles.454bc38b.js").then((e) => e.defa
   },
   computed: {
     useBlock() {
-      return b({
+      return x({
         block: this.block,
-        state: this.context.state,
+        localState: this.context.localState,
+        rootState: this.context.rootState,
+        rootSetState: this.context.rootSetState,
         context: this.context.context,
         shouldEvaluateBindings: !0
       });
     },
     canShowBlock() {
-      return a(this.useBlock.hide) ? !this.useBlock.hide : a(this.useBlock.show) ? this.useBlock.show : !0;
+      return i(this.useBlock.hide) ? !this.useBlock.hide : i(this.useBlock.show) ? this.useBlock.show : !0;
     },
     css() {
-      var i;
+      var a;
       const e = this.useBlock.responsiveStyles, s = this.context.content, o = C(
-        ((i = s == null ? void 0 : s.meta) == null ? void 0 : i.breakpoints) || {}
+        ((a = s == null ? void 0 : s.meta) == null ? void 0 : a.breakpoints) || {}
       ), n = e == null ? void 0 : e.large, r = e == null ? void 0 : e.medium, l = e == null ? void 0 : e.small, t = this.useBlock.id;
       if (!t)
         return "";
@@ -44,7 +46,7 @@ const w = () => import("./render-inlined-styles.454bc38b.js").then((e) => e.defa
           "medium",
           o
         )
-      }) : "", p = l ? c({
+      }) : "", h = l ? c({
         className: t,
         styles: l,
         mediaQuery: d(
@@ -52,18 +54,18 @@ const w = () => import("./render-inlined-styles.454bc38b.js").then((e) => e.defa
           o
         )
       }) : "";
-      return [m, u, p].join(" ");
+      return [m, u, h].join(" ");
     }
   }
 });
 function v(e, s, o, n, r, l) {
-  const t = y("render-inlined-styles");
-  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (f(), B(t, {
+  const t = k("render-inlined-styles");
+  return e.TARGET !== "reactNative" && e.css && e.canShowBlock ? (y(), f(t, {
     key: 0,
     styles: e.css
-  }, null, 8, ["styles"])) : S("", !0);
+  }, null, 8, ["styles"])) : B("", !0);
 }
-const I = /* @__PURE__ */ _(x, [["render", v]]);
+const I = /* @__PURE__ */ _(w, [["render", v]]);
 export {
   I as default
 };

package/packages/_vue3/dist/css.7a6108f3.cjs

@@ -0,0 +1,6 @@
+"use strict";const i=require("./index.e7a22b43.cjs"),f=(e,t,r)=>{if(Object(e)!==e)return e;const s=Array.isArray(t)?t:t.toString().match(/[^.[\]]+/g);return s.slice(0,-1).reduce((o,n,c)=>Object(o[n])===o[n]?o[n]:o[n]=Math.abs(Number(s[c+1]))>>0===+s[c+1]?[]:{},e)[s[s.length-1]]=r,e};const p=({block:e,context:t,localState:r,rootState:s,rootSetState:o})=>{if(!e.bindings)return e;const n=i.fastClone(e),c={...n,properties:{...n.properties},actions:{...n.actions}};for(const a in e.bindings){const l=e.bindings[a],d=i.evaluate({code:l,localState:r,rootState:s,rootSetState:o,context:t});f(c,a,d)}return c};function g({block:e,context:t,shouldEvaluateBindings:r,localState:s,rootState:o,rootSetState:n}){const c=e;return r?p({block:c,localState:s,rootState:o,rootSetState:n,context:t}):c}const C=e=>e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase(),u=e=>Object.entries(e).map(([r,s])=>{if(typeof s=="string")return`${C(r)}: ${s};`}).filter(i.checkIsDefined),S=e=>u(e).join(`
+`),y=({mediaQuery:e,className:t,styles:r})=>{const s=`.${t} {
+    ${S(r)}
+  }`;return e?`${e} {
+      ${s}
+    }`:s};exports.convertStyleMapToCSSArray=u;exports.createCssClass=y;exports.getProcessedBlock=g;

package/packages/_vue3/dist/css.ee7d0ab8.js

@@ -0,0 +1,74 @@
+import { f, e as l, c as p } from "./index.c3536d81.js";
+const g = (e, t, r) => {
+  if (Object(e) !== e)
+    return e;
+  const s = Array.isArray(t) ? t : t.toString().match(/[^.[\]]+/g);
+  return s.slice(0, -1).reduce(
+    (o, n, c) => Object(o[n]) === o[n] ? o[n] : o[n] = Math.abs(Number(s[c + 1])) >> 0 === +s[c + 1] ? [] : {},
+    e
+  )[s[s.length - 1]] = r, e;
+};
+const d = ({
+  block: e,
+  context: t,
+  localState: r,
+  rootState: s,
+  rootSetState: o
+}) => {
+  if (!e.bindings)
+    return e;
+  const n = f(e), c = {
+    ...n,
+    properties: { ...n.properties },
+    actions: { ...n.actions }
+  };
+  for (const i in e.bindings) {
+    const a = e.bindings[i], u = l({
+      code: a,
+      localState: r,
+      rootState: s,
+      rootSetState: o,
+      context: t
+    });
+    g(c, i, u);
+  }
+  return c;
+};
+function y({
+  block: e,
+  context: t,
+  shouldEvaluateBindings: r,
+  localState: s,
+  rootState: o,
+  rootSetState: n
+}) {
+  const c = e;
+  return r ? d({
+    block: c,
+    localState: s,
+    rootState: o,
+    rootSetState: n,
+    context: t
+  }) : c;
+}
+const C = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), $ = (e) => Object.entries(e).map(([r, s]) => {
+  if (typeof s == "string")
+    return `${C(r)}: ${s};`;
+}).filter(p), m = (e) => $(e).join(`
+`), v = ({
+  mediaQuery: e,
+  className: t,
+  styles: r
+}) => {
+  const s = `.${t} {
+    ${m(r)}
+  }`;
+  return e ? `${e} {
+      ${s}
+    }` : s;
+};
+export {
+  $ as a,
+  v as c,
+  y as g
+};