@builder.io/sdk-vue 0.0.2-1 → 0.0.2

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

@@ -0,0 +1 @@
+export declare function getFetch(): Promise<typeof global.fetch>;

package/packages/_vue2/dist/src/functions/get-global-this.d.ts

@@ -0,0 +1 @@
+export declare function getGlobalThis(): any;

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

@@ -0,0 +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, }: {
+    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;

package/packages/_vue2/dist/src/functions/is-browser.d.ts

@@ -0,0 +1 @@
+export declare function isBrowser(): boolean;

package/packages/_vue2/dist/src/functions/is-editing.d.ts

@@ -0,0 +1 @@
+export declare function isEditing(): boolean;

package/packages/_vue2/dist/src/functions/is-iframe.d.ts

@@ -0,0 +1 @@
+export declare function isIframe(): boolean;

package/packages/_vue2/dist/src/functions/is-previewing.d.ts

@@ -0,0 +1 @@
+export declare function isPreviewing(): boolean;

package/packages/_vue2/dist/src/functions/mark-mutable.d.ts

@@ -0,0 +1,2 @@
+export declare function markMutable<T = any>(value: T): T;
+export declare function markPropsMutable<T = any>(props: T): T;

package/packages/_vue2/dist/src/functions/register-component.d.ts

@@ -0,0 +1,14 @@
+import type { RegisteredComponent } from '../context/types.js';
+import type { ComponentInfo } from '../types/components.js';
+/**
+ * @deprecated.  Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.
+ */
+export declare const components: RegisteredComponent[];
+/**
+ * @deprecated.  Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.
+ */
+export declare function registerComponent(component: any, info: ComponentInfo): void;
+export declare const createRegisterComponentMessage: ({ component: _, ...info }: RegisteredComponent) => {
+    type: string;
+    data: ComponentInfo;
+};

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

@@ -0,0 +1,16 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+import type { DeepPartial } from '../types/deep-partial.js';
+export interface InsertMenuItem {
+    name: string;
+    icon?: string;
+    item: DeepPartial<BuilderBlock>;
+}
+export interface InsertMenuConfig {
+    name: string;
+    priority?: number;
+    persist?: boolean;
+    advanced?: boolean;
+    items: InsertMenuItem[];
+}
+export declare function register(type: 'insertMenu', info: InsertMenuConfig): void;
+export declare function register(type: string, info: any): void;

package/packages/_vue2/dist/src/functions/set-editor-settings.d.ts

@@ -0,0 +1,4 @@
+export declare type Settings = {
+    customInsertMenu?: boolean;
+};
+export declare function setEditorSettings(newSettings: Settings): void;

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

@@ -0,0 +1,7 @@
+/**
+ * Minimal implementation of lodash's _.set
+ * https://lodash.com/docs/4.17.15#set
+ *
+ * See ./set.test.ts for usage examples
+ */
+export declare const set: (obj: any, _path: string | string[], value: any) => any;

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

@@ -0,0 +1,21 @@
+import type { CanTrack } from '../types/can-track.js';
+interface Event {
+    type: 'click' | 'impression';
+    data: {
+        contentId?: string;
+        ownerId: string;
+        metadata?: string;
+        sessionId: string | undefined;
+        visitorId: string | undefined;
+        [index: string]: any;
+    };
+}
+declare type EventProperties = {
+    type: Event['type'];
+    orgId: Event['data']['ownerId'];
+    contentId: Event['data']['contentId'];
+    [index: string]: any;
+};
+export declare type EventProps = EventProperties & CanTrack;
+export declare function track(eventProps: EventProps): Promise<void | Response>;
+export {};

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

@@ -0,0 +1,2 @@
+import type { BuilderBlock } from '../types/builder-block.js';
+export declare function transformBlock(block: BuilderBlock): BuilderBlock;

package/packages/_vue2/dist/src/helpers/ab-tests.d.ts

@@ -0,0 +1,8 @@
+import type { CanTrack } from '../types/can-track.js';
+export declare const getContentVariationCookie: ({ contentId, canTrack, }: {
+    contentId: string;
+} & CanTrack) => Promise<string | undefined>;
+export declare const setContentVariationCookie: ({ contentId, canTrack, value, }: {
+    contentId: string;
+    value: string;
+} & CanTrack) => Promise<undefined>;

package/packages/_vue2/dist/src/helpers/cookie.d.ts

@@ -0,0 +1,15 @@
+import type { CanTrack } from '../types/can-track.js';
+/**
+ * NOTE: This function is `async` because its react-native override is async. Do not remove the `async` keyword!
+ */
+export declare const getCookie: ({ name, canTrack, }: {
+    name: string;
+} & CanTrack) => Promise<string | undefined>;
+/**
+ * NOTE: This function is `async` because its react-native override is async. Do not remove the `async` keyword!
+ */
+export declare const setCookie: ({ name, value, expires, canTrack, }: {
+    name: string;
+    value: string;
+    expires?: Date | undefined;
+} & CanTrack) => Promise<undefined>;

package/packages/_vue2/dist/src/helpers/css.d.ts

@@ -0,0 +1 @@
+export declare const convertStyleMaptoCSS: (style: Partial<CSSStyleDeclaration>) => string;

package/packages/_vue2/dist/src/helpers/flatten.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Convert deep object to a flat object with dots
+ *
+ * { foo: { bar: 'baz' }} -> { 'foo.bar': 'baz' }
+ */
+export declare function flatten<T extends Record<string, any>>(object: T, path?: string | null, separator?: string): T;

package/packages/_vue2/dist/src/helpers/localStorage.d.ts

@@ -0,0 +1,8 @@
+import type { CanTrack } from '../types/can-track.js';
+export declare const getLocalStorageItem: ({ key, canTrack, }: {
+    key: string;
+} & CanTrack) => string | null | undefined;
+export declare const setLocalStorageItem: ({ key, canTrack, value, }: {
+    key: string;
+    value: string;
+} & CanTrack) => void;

package/packages/_vue2/dist/src/helpers/nullable.d.ts

@@ -0,0 +1,2 @@
+export declare type Nullable<T> = T | null | undefined;
+export declare const checkIsDefined: <T>(maybeT: Nullable<T>) => maybeT is T;

package/packages/_vue2/dist/src/helpers/sessionId.d.ts

@@ -0,0 +1,6 @@
+import type { CanTrack } from '../types/can-track.js';
+export declare const getSessionId: ({ canTrack }: CanTrack) => Promise<string | undefined>;
+export declare const createSessionId: () => string;
+export declare const setSessionId: ({ id, canTrack, }: {
+    id: string;
+} & CanTrack) => Promise<undefined>;

package/packages/_vue2/dist/src/helpers/url.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Only gets one level up from hostname
+ * wwww.example.com -> example.com
+ * www.example.co.uk -> example.co.uk
+ */
+export declare const getTopLevelDomain: (host: string) => string;

package/packages/_vue2/dist/src/helpers/uuid.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @credit https://stackoverflow.com/a/2117523
+ */
+export declare function uuidv4(): string;
+/**
+ * Slightly cleaner and smaller UUIDs
+ */
+export declare function uuid(): string;

package/packages/_vue2/dist/src/helpers/visitorId.d.ts

@@ -0,0 +1,6 @@
+import type { CanTrack } from '../types/can-track.js';
+export declare const getVisitorId: ({ canTrack }: CanTrack) => string | undefined;
+export declare const createVisitorId: () => string;
+export declare const setVisitorId: ({ id, canTrack, }: {
+    id: string;
+} & CanTrack) => void;

package/packages/_vue2/dist/src/index-helpers/blocks-exports.d.ts

@@ -0,0 +1,10 @@
+export { default as Columns } from '../blocks/columns/columns.vue';
+export { default as Image } from '../blocks/image/image.vue';
+export { default as Text } from '../blocks/text/text.vue';
+export { default as Video } from '../blocks/video/video.vue';
+export { default as Symbol } from '../blocks/symbol/symbol.vue';
+export { default as Button } from '../blocks/button/button.vue';
+export { default as Section } from '../blocks/section/section.vue';
+export { default as Fragment } from '../blocks/fragment/fragment.vue';
+export { default as RenderContent } from '../components/render-content/render-content.vue';
+export { default as RenderBlocks } from '../components/render-blocks.vue';

package/packages/_vue2/dist/src/index-helpers/top-of-file.d.ts

@@ -0,0 +1 @@
+export default undefined;

package/packages/_vue2/dist/src/index.d.ts

@@ -0,0 +1,8 @@
+export * from './index-helpers/blocks-exports.js';
+export * from './functions/is-editing.js';
+export * from './functions/is-previewing.js';
+export * from './functions/register-component.js';
+export * from './functions/register.js';
+export * from './functions/set-editor-settings.js';
+export * from './functions/get-content/index.js';
+export * from './functions/get-builder-search-params/index.js';

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

@@ -0,0 +1,2 @@
+export declare const registerInsertMenu: () => void;
+export declare const setupBrowserForEditing: () => void;

package/packages/_vue2/dist/src/types/builder-block.d.ts

@@ -0,0 +1,57 @@
+declare type JSONValue = string | number | boolean | JSONObject | JSONArray;
+interface JSONObject {
+    [x: string]: JSONValue;
+}
+interface JSONArray extends Array<JSONValue> {
+}
+/** @todo typedoc this */
+export interface BuilderBlock {
+    '@type': '@builder.io/sdk:Element';
+    '@version'?: number;
+    id?: string;
+    tagName?: string;
+    layerName?: string;
+    groupLocked?: boolean;
+    layerLocked?: boolean;
+    /** @todo make alias for properties.class */
+    class?: string;
+    children?: BuilderBlock[];
+    responsiveStyles?: {
+        large?: Partial<CSSStyleDeclaration>;
+        medium?: Partial<CSSStyleDeclaration>;
+        small?: Partial<CSSStyleDeclaration>;
+        /** @deprecated */
+        xsmall?: Partial<CSSStyleDeclaration>;
+    };
+    component?: {
+        name: string;
+        options?: any;
+        tag?: string;
+    };
+    bindings?: {
+        [key: string]: string;
+    };
+    meta?: {
+        [key: string]: JSONValue;
+    };
+    actions?: {
+        [key: string]: string;
+    };
+    properties?: {
+        [key: string]: string;
+    };
+    code?: {
+        bindings?: {
+            [key: string]: string;
+        };
+        actions?: {
+            [key: string]: string;
+        };
+    };
+    repeat?: {
+        collection: string;
+        itemName?: string;
+    } | null;
+    animations?: any[];
+}
+export {};

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

@@ -0,0 +1,38 @@
+import type { BuilderBlock } from './builder-block.js';
+declare type Input = any;
+export interface BuilderContentVariation {
+    data?: {
+        title?: string;
+        blocks?: BuilderBlock[];
+        inputs?: Input[];
+        state?: {
+            [key: string]: any;
+        };
+        jsCode?: string;
+        tsCode?: string;
+        httpRequests?: {
+            [key: string]: string;
+        };
+        [key: string]: any;
+    };
+    name?: string;
+    testRatio?: number;
+    id?: string;
+}
+export interface BuilderContent extends BuilderContentVariation {
+    '@version'?: number;
+    id?: string;
+    name?: string;
+    published?: 'published' | 'draft' | 'archived';
+    modelId?: string;
+    priority?: number;
+    lastUpdated?: number;
+    startDate?: number;
+    endDate?: number;
+    variations?: {
+        [id: string]: BuilderContentVariation | undefined;
+    };
+    testVariationId?: string;
+    testVariationName?: string;
+}
+export {};

package/packages/_vue2/dist/src/types/can-track.d.ts

@@ -0,0 +1,3 @@
+export declare type CanTrack = {
+    canTrack: boolean;
+};

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

@@ -0,0 +1,177 @@
+import type { BuilderElement } from './element';
+export interface Input {
+    name: string;
+    friendlyName?: string;
+    description?: string;
+    defaultValue?: any;
+    type: string;
+    valueType?: {
+        type?: string;
+    };
+    required?: boolean;
+    autoFocus?: boolean;
+    subFields?: Input[];
+    helperText?: string;
+    allowedFileTypes?: string[];
+    imageHeight?: number;
+    imageWidth?: number;
+    mediaHeight?: number;
+    mediaWidth?: number;
+    hideFromUI?: boolean;
+    modelId?: string;
+    /**
+     * Number field type validation maximum accepted input
+     */
+    max?: number;
+    /**
+     * Number field type validation minimum accepted input
+     */
+    min?: number;
+    /**
+     * Number field type step size when using arrows
+     */
+    step?: number;
+    /**
+     * Set this to `true` to show the editor for this input when
+     * children of this component are selected. This is useful for things
+     * like Tabs, such that users may not always select the Tabs component
+     * directly but will still be looking for how to add additional tabs
+     */
+    broadcast?: boolean;
+    /**
+     * Set this to `true` to show the editor for this input when
+     * group locked parents of this component are selected. This is useful
+     * to bubble up important inputs for locked groups, like text and images
+     */
+    bubble?: boolean;
+    options?: {
+        [key: string]: any;
+    };
+    enum?: string[] | {
+        label: string;
+        value: any;
+        helperText?: string;
+    }[];
+    /** Regex field validation for all string types (text, longText, html, url, etc) */
+    regex?: {
+        /** pattern to test, like "^\/[a-z]$" */
+        pattern: string;
+        /** flags for the RegExp constructor, e.g. "gi"  */
+        options?: string;
+        /**
+         * Friendly message to display to end-users if the regex fails, e.g.
+         * "You must use a relative url starting with '/...' "
+         */
+        message: string;
+    };
+    advanced?: boolean;
+    onChange?: ((options: Map<string, any>) => void | Promise<void>) | string;
+    code?: boolean;
+    richText?: boolean;
+    showIf?: ((options: Map<string, any>) => boolean) | string;
+    copyOnAdd?: boolean;
+}
+export interface ComponentInfo {
+    /**
+     * Name your component something unique, e.g. 'MyButton'. You can override built-in components
+     * by registering a component with the same name, e.g. 'Text', to replace the built-in text component
+     */
+    name: string;
+    description?: string;
+    /**
+     * Link to a documentation page for this component
+     */
+    docsLink?: string;
+    image?: string;
+    /**
+     * Input schema for your component for users to fill in the options
+     */
+    inputs?: Input[];
+    class?: any;
+    type?: 'angular' | 'webcomponent' | 'react' | 'vue';
+    defaultStyles?: {
+        [key: string]: string;
+    };
+    /**
+     * Turn on if your component can accept children. Be sure to use in combination with
+     * withChildren(YourComponent) like here
+     * github.com/BuilderIO/builder/blob/master/examples/react-design-system/src/components/HeroWithChildren/HeroWithChildren.builder.js#L5
+     */
+    canHaveChildren?: boolean;
+    fragment?: boolean;
+    /**
+     * Do not wrap a component in a dom element. Be sure to use {...props.attributes} with this option
+     * like here github.com/BuilderIO/builder/blob/master/packages/react/src/blocks/forms/Input.tsx#L34
+     */
+    noWrap?: boolean;
+    /**
+     * Default children
+     */
+    defaultChildren?: BuilderElement[];
+    defaults?: Partial<BuilderElement>;
+    hooks?: {
+        [key: string]: string | Function;
+    };
+    /**
+     * Hide your component in editor, useful for gradually deprecating components
+     */
+    hideFromInsertMenu?: boolean;
+    tag?: string;
+    static?: boolean;
+    /**
+     * Passing a list of model names will restrict using the component to only the models listed here, otherwise it'll be available for all models
+     */
+    models?: string[];
+    builtIn: true;
+    /**
+     * Specify restrictions direct children must match
+     */
+    childRequirements?: {
+        /** Message to show when this doesn't match, e.g. "Children of 'Columns' must be a 'Column'" */
+        message: string;
+        /** Simple way to say children must be a specific component name */
+        component?: string;
+        /**
+         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
+         * of what the children objects should match, e.g.
+         *
+         * @example
+         *  query: {
+         *    // Child of this element must be a 'Button' or 'Text' component
+         *    'component.name': { $in: ['Button', 'Text'] }
+         *  }
+         */
+        query?: any;
+    };
+    /**
+     * Specify restrictions any parent must match
+     */
+    requiresParent?: {
+        /** Message to show when this doesn't match, e.g. "'Add to cart' buttons must be within a 'Product box'" */
+        message: string;
+        /** Simple way to say a parent must be a specific component name, e.g. 'Product box' */
+        component?: string;
+        /**
+         * More advanced - specify a MongoDB-style query (using sift.js github.com/crcn/sift.js)
+         * of what at least one parent in the parents hierarchy should match, e.g.
+         *
+         * @example
+         *  query: {
+         *    // Thils element must be somewhere inside either a 'Product box' or 'Collection' component
+         *    'component.name': { $in: ['Product Box', 'Collection'] }
+         *  }
+         */
+        query?: any;
+    };
+    /** not yet implemented */
+    friendlyName?: string;
+    /**
+     * Use to restrict access to your component based on a the current user permissions
+     * By default components will show to all users
+     * for more information on permissions in builder check https://www.builder.io/c/docs/guides/roles-and-permissions
+     */
+    requiredPermissions?: Array<Permission>;
+    hidden?: boolean;
+}
+declare type Permission = 'read' | 'publish' | 'editCode' | 'editDesigns' | 'admin' | 'create';
+export {};

package/packages/_vue2/dist/src/types/deep-partial.d.ts

@@ -0,0 +1,3 @@
+export declare type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends Array<infer U> ? Array<DeepPartial<U>> : T[P] extends ReadonlyArray<infer U> ? ReadonlyArray<DeepPartial<U>> : DeepPartial<T[P]>;
+};

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

@@ -0,0 +1,59 @@
+declare type JSONValue = string | number | boolean | JSONObject | JSONArray;
+interface JSONObject {
+    [x: string]: JSONValue;
+}
+interface JSONArray extends Array<JSONValue> {
+}
+/** @todo typedoc this */
+export interface BuilderElement {
+    '@type': '@builder.io/sdk:Element';
+    '@version'?: number;
+    id?: string;
+    tagName?: string;
+    layerName?: string;
+    groupLocked?: boolean;
+    layerLocked?: boolean;
+    /** @todo make alias for properties.class */
+    class?: string;
+    children?: BuilderElement[];
+    responsiveStyles?: {
+        large?: Partial<CSSStyleDeclaration>;
+        medium?: Partial<CSSStyleDeclaration>;
+        small?: Partial<CSSStyleDeclaration>;
+        /** @deprecated */
+        xsmall?: Partial<CSSStyleDeclaration>;
+    };
+    component?: {
+        name: string;
+        options?: any;
+        tag?: string;
+    };
+    bindings?: {
+        [key: string]: string;
+    };
+    meta?: {
+        [key: string]: JSONValue;
+    };
+    actions?: {
+        [key: string]: string;
+    };
+    properties?: {
+        [key: string]: string;
+    };
+    code?: {
+        bindings?: {
+            [key: string]: string;
+        };
+        actions?: {
+            [key: string]: string;
+        };
+    };
+    repeat?: {
+        collection: string;
+        itemName?: string;
+    } | null;
+    animations?: Animation[];
+}
+interface Animation {
+}
+export {};

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

@@ -0,0 +1,5 @@
+export declare type Nullable<T> = T | null | undefined;
+export declare type Dictionary<T> = {
+    [key: string]: T;
+};
+export declare type Overwrite<T, U> = keyof U extends keyof T ? Pick<T, Exclude<keyof T, keyof U>> & U : never;

package/packages/_vue2/dist/style.css

@@ -1 +1 @@
-.div-2fnk003dqad[data-v-d3bc5674]{display:flex;align-items:stretch;line-height:normal}@media (max-width: 991px){.div-2fnk003dqad[data-v-d3bc5674]{flex-direction:var(--flex-dir-tablet)}}@media (max-width: 639px){.div-2fnk003dqad[data-v-d3bc5674]{flex-direction:var(--flex-dir)}}.div-2fnk003dqad-2[data-v-d3bc5674]{flex-grow:1}@media (max-width: 991px){.div-2fnk003dqad-2[data-v-d3bc5674]{width:var(--column-width-tablet)!important;margin-left:var(--column-margin-left-tablet)!important}}@media (max-width: 639px){.div-2fnk003dqad-2[data-v-d3bc5674]{width:var(--column-width)!important;margin-left:var(--column-margin-left)!important}}.div-1pl23ac79ld[data-v-6a74cb4f]{position:relative}.img-1pl23ac79ld[data-v-6a74cb4f]{opacity:1;transition:opacity .2s ease-in-out;position:absolute;height:100%;width:100%;top:0px;left:0px}.div-1pl23ac79ld-2[data-v-6a74cb4f]{width:100%;pointer-events:none;font-size:0}.div-1pl23ac79ld-3[data-v-6a74cb4f]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-16nol0lwi20[data-v-844ae72b]{all:unset}.div-21azgz5avex[data-v-3c408a8a]{display:flex;flex-direction:column;align-items:stretch}
+.div-20351ewpue7[data-v-074f8045]{display:flex;align-items:stretch;line-height:normal}@media (max-width: 991px){.div-20351ewpue7[data-v-074f8045]{flex-direction:var(--flex-dir-tablet)}}@media (max-width: 639px){.div-20351ewpue7[data-v-074f8045]{flex-direction:var(--flex-dir)}}.div-20351ewpue7-2[data-v-074f8045]{flex-grow:1}@media (max-width: 991px){.div-20351ewpue7-2[data-v-074f8045]{width:var(--column-width-tablet)!important;margin-left:var(--column-margin-left-tablet)!important}}@media (max-width: 639px){.div-20351ewpue7-2[data-v-074f8045]{width:var(--column-width)!important;margin-left:var(--column-margin-left)!important}}.div-1ifnufbde19[data-v-9208289b]{position:relative}.img-1ifnufbde19[data-v-9208289b]{opacity:1;transition:opacity .2s ease-in-out;position:absolute;height:100%;width:100%;top:0px;left:0px}.div-1ifnufbde19-2[data-v-9208289b]{width:100%;pointer-events:none;font-size:0}.div-1ifnufbde19-3[data-v-9208289b]{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:0;left:0;width:100%;height:100%}.button-4wbls88y960[data-v-e55cf307]{all:unset}.div-23e8fqt91nf[data-v-69abb8b2]{display:flex;flex-direction:column;align-items:stretch}

package/packages/_vue3/dist/block-styles.867fd8f0.js

@@ -0,0 +1,69 @@
+import { defineAsyncComponent as i, resolveComponent as a, openBlock as m, createBlock as d, createCommentVNode as u } from "vue";
+import { T as p, _ as $ } from "./index.7b49e825.js";
+import { g as y } from "./get-processed-block.77923ee6.js";
+const f = {
+  small: {
+    min: 320,
+    default: 321,
+    max: 640
+  },
+  medium: {
+    min: 641,
+    default: 642,
+    max: 991
+  },
+  large: {
+    min: 990,
+    default: 991,
+    max: 1200
+  }
+}, r = (e) => `@media (max-width: ${f[e].max}px)`, h = (e) => e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase(), s = (e) => Object.entries(e).map(([o, t]) => {
+  if (typeof t == "string")
+    return `${h(o)}: ${t};`;
+}).join(`
+`), k = () => import("./render-inlined-styles.0b1e087d.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;
+}), S = {
+  name: "block-styles",
+  components: {
+    "render-inlined-styles": i(k)
+  },
+  props: ["block", "context"],
+  data: () => ({ TARGET: p }),
+  computed: {
+    useBlock() {
+      return y({
+        block: this.block,
+        state: this.context.state,
+        context: this.context.context,
+        shouldEvaluateBindings: !0
+      });
+    },
+    css() {
+      const e = this.useBlock.responsiveStyles, n = e == null ? void 0 : e.large, o = e == null ? void 0 : e.medium, t = e == null ? void 0 : e.small;
+      return `
+      ${n ? `.${this.useBlock.id} {${s(n)}}` : ""}
+      ${o ? `${r("medium")} {
+            .${this.useBlock.id} {${s(o)}}
+          }` : ""}
+      ${t ? `${r("small")} {
+            .${this.useBlock.id} {${s(t)}}
+          }` : ""}
+    }`;
+    }
+  }
+};
+function T(e, n, o, t, x, l) {
+  const c = a("render-inlined-styles");
+  return e.TARGET === "vue2" || e.TARGET === "vue3" || e.TARGET === "svelte" || e.TARGET === "qwik" ? (m(), d(c, {
+    key: 0,
+    styles: l.css
+  }, null, 8, ["styles"])) : u("", !0);
+}
+const b = /* @__PURE__ */ $(S, [["render", T]]);
+export {
+  b as default
+};