@uniformdev/canvas-vue 19.38.2 → 19.38.3-alpha.78

package/dist/index.d.mts

@@ -20,7 +20,7 @@ declare const DefaultNotImplementedComponent: vue_demi.DefineComponent<{
         type: PropType<ComponentInstance>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 interface TestComponent {
     slots?: {
@@ -115,7 +115,7 @@ declare const UniformText: vue_demi.DefineComponent<{
 }>>, {
     as: string | undefined;
     isMultiline: boolean | undefined;
-}>;
+}, {}>;
 
 type UniformComponentProps = {
     /** A dynamic vue component that provides data to the Uniform Canvas SlotContent component via provide/inject */
@@ -411,7 +411,7 @@ declare const UniformComponent: vue_demi.DefineComponent<{
     };
 }>>, {
     behaviorTracking: "onLoad" | "onView" | undefined;
-}>;
+}, {}>;
 
 type UseUniformContextualEditingProps = {
     initialCompositionValue?: Ref<RootComponentInstance | undefined>;
@@ -1518,7 +1518,23 @@ declare const UniformComposition: vue_demi.DefineComponent<{
     };
 }>>, {
     behaviorTracking: "onLoad" | "onView" | undefined;
-}>;
+}, {}>;
+
+type UniformPlaygroundProps = Pick<UniformCompositionProps, 'resolveRenderer'>;
+/**
+ * Playground where you can freely live preview your components and pattern.
+ */
+declare const UniformPlayground: vue_demi.DefineComponent<{
+    resolveRenderer: {
+        type: PropType<ResolveRenderer | undefined>;
+    };
+}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+    resolveRenderer: {
+        type: PropType<ResolveRenderer | undefined>;
+    };
+}>>, {}, {}>;
 
 type RichTextComponentProps<TNode extends RichTextNode = RichTextNode> = {
     node: TNode;
@@ -1570,7 +1586,7 @@ declare const UniformRichText: vue_demi.DefineComponent<{
         type: PropType<RenderRichTextComponentResolver | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 type UniformRichTextNodeProps = {
     node: RichTextNode;
@@ -1596,7 +1612,7 @@ declare const UniformRichTextNode: vue_demi.DefineComponent<{
         type: PropType<RenderRichTextComponentResolver | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 type UniformSlotProps = {
     /** Name of the slot to render */
@@ -1626,7 +1642,7 @@ declare const UniformSlot: vue_demi.DefineComponent<{
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToCompositionOptions>, 'callback' | 'compositionId'> & {
     compositionIdRef: Ref<SubscribeToCompositionOptions['compositionId']>;
@@ -1646,4 +1662,4 @@ declare const globalCompositionEnhancerInjectionKey = "uniformGlobalCompositionE
  */
 declare function convertComponentToProps<T = unknown>(component: ComponentInstance): ComponentProps<T>;
 
-export { ComponentProps, DefaultNotImplementedComponent, DefaultNotImplementedComponentProps, HeadingRichTextNode, LinkRichTextNode, ListItemRichTextNode, ListRichTextNode, ParagraphRichTextNode, PersonalizeComponent, QuoteRichTextNode, RenderRichTextComponentResolver, ResolveRenderer, RichTextComponentProps, RichTextRendererComponent, RootRichTextNode, TestComponent, TextRichTextNode, UniformComponent, UniformComponentProps, UniformComposition, UniformCompositionProps, UniformRichText, UniformRichTextNode, UniformRichTextNodeProps, UniformRichTextProps, UniformSlot, UniformSlotProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, convertComponentToProps, globalCompositionEnhancerInjectionKey, useCompositionEventEffect, useUniformContextualEditing, useUniformCurrentComponent, useUniformCurrentComposition };
+export { ComponentProps, DefaultNotImplementedComponent, DefaultNotImplementedComponentProps, HeadingRichTextNode, LinkRichTextNode, ListItemRichTextNode, ListRichTextNode, ParagraphRichTextNode, PersonalizeComponent, QuoteRichTextNode, RenderRichTextComponentResolver, ResolveRenderer, RichTextComponentProps, RichTextRendererComponent, RootRichTextNode, TestComponent, TextRichTextNode, UniformComponent, UniformComponentProps, UniformComposition, UniformCompositionProps, UniformPlayground, UniformPlaygroundProps, UniformRichText, UniformRichTextNode, UniformRichTextNodeProps, UniformRichTextProps, UniformSlot, UniformSlotProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, convertComponentToProps, globalCompositionEnhancerInjectionKey, useCompositionEventEffect, useUniformContextualEditing, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.d.ts

@@ -20,7 +20,7 @@ declare const DefaultNotImplementedComponent: vue_demi.DefineComponent<{
         type: PropType<ComponentInstance>;
         required: true;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 interface TestComponent {
     slots?: {
@@ -115,7 +115,7 @@ declare const UniformText: vue_demi.DefineComponent<{
 }>>, {
     as: string | undefined;
     isMultiline: boolean | undefined;
-}>;
+}, {}>;
 
 type UniformComponentProps = {
     /** A dynamic vue component that provides data to the Uniform Canvas SlotContent component via provide/inject */
@@ -411,7 +411,7 @@ declare const UniformComponent: vue_demi.DefineComponent<{
     };
 }>>, {
     behaviorTracking: "onLoad" | "onView" | undefined;
-}>;
+}, {}>;
 
 type UseUniformContextualEditingProps = {
     initialCompositionValue?: Ref<RootComponentInstance | undefined>;
@@ -1518,7 +1518,23 @@ declare const UniformComposition: vue_demi.DefineComponent<{
     };
 }>>, {
     behaviorTracking: "onLoad" | "onView" | undefined;
-}>;
+}, {}>;
+
+type UniformPlaygroundProps = Pick<UniformCompositionProps, 'resolveRenderer'>;
+/**
+ * Playground where you can freely live preview your components and pattern.
+ */
+declare const UniformPlayground: vue_demi.DefineComponent<{
+    resolveRenderer: {
+        type: PropType<ResolveRenderer | undefined>;
+    };
+}, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
+    [key: string]: any;
+}>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+    resolveRenderer: {
+        type: PropType<ResolveRenderer | undefined>;
+    };
+}>>, {}, {}>;
 
 type RichTextComponentProps<TNode extends RichTextNode = RichTextNode> = {
     node: TNode;
@@ -1570,7 +1586,7 @@ declare const UniformRichText: vue_demi.DefineComponent<{
         type: PropType<RenderRichTextComponentResolver | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 type UniformRichTextNodeProps = {
     node: RichTextNode;
@@ -1596,7 +1612,7 @@ declare const UniformRichTextNode: vue_demi.DefineComponent<{
         type: PropType<RenderRichTextComponentResolver | undefined>;
         required: false;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 type UniformSlotProps = {
     /** Name of the slot to render */
@@ -1626,7 +1642,7 @@ declare const UniformSlot: vue_demi.DefineComponent<{
     resolveRenderer: {
         type: PropType<ResolveRenderer | undefined>;
     };
-}>>, {}>;
+}>>, {}, {}>;
 
 type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToCompositionOptions>, 'callback' | 'compositionId'> & {
     compositionIdRef: Ref<SubscribeToCompositionOptions['compositionId']>;
@@ -1646,4 +1662,4 @@ declare const globalCompositionEnhancerInjectionKey = "uniformGlobalCompositionE
  */
 declare function convertComponentToProps<T = unknown>(component: ComponentInstance): ComponentProps<T>;
 
-export { ComponentProps, DefaultNotImplementedComponent, DefaultNotImplementedComponentProps, HeadingRichTextNode, LinkRichTextNode, ListItemRichTextNode, ListRichTextNode, ParagraphRichTextNode, PersonalizeComponent, QuoteRichTextNode, RenderRichTextComponentResolver, ResolveRenderer, RichTextComponentProps, RichTextRendererComponent, RootRichTextNode, TestComponent, TextRichTextNode, UniformComponent, UniformComponentProps, UniformComposition, UniformCompositionProps, UniformRichText, UniformRichTextNode, UniformRichTextNodeProps, UniformRichTextProps, UniformSlot, UniformSlotProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, convertComponentToProps, globalCompositionEnhancerInjectionKey, useCompositionEventEffect, useUniformContextualEditing, useUniformCurrentComponent, useUniformCurrentComposition };
+export { ComponentProps, DefaultNotImplementedComponent, DefaultNotImplementedComponentProps, HeadingRichTextNode, LinkRichTextNode, ListItemRichTextNode, ListRichTextNode, ParagraphRichTextNode, PersonalizeComponent, QuoteRichTextNode, RenderRichTextComponentResolver, ResolveRenderer, RichTextComponentProps, RichTextRendererComponent, RootRichTextNode, TestComponent, TextRichTextNode, UniformComponent, UniformComponentProps, UniformComposition, UniformCompositionProps, UniformPlayground, UniformPlaygroundProps, UniformRichText, UniformRichTextNode, UniformRichTextNodeProps, UniformRichTextProps, UniformSlot, UniformSlotProps, UniformText, UniformTextProps, UseCompositionEventEffectOptions, UseUniformContextualEditingProps, convertComponentToProps, globalCompositionEnhancerInjectionKey, useCompositionEventEffect, useUniformContextualEditing, useUniformCurrentComponent, useUniformCurrentComposition };

package/dist/index.esm.js

@@ -295,25 +295,29 @@ var ContextualEditingComponentWrapper = defineComponent3({
     var _a;
     const { isContextualEditing } = useUniformCurrentComposition();
     const isPlaceholder = ((_a = props.component) == null ? void 0 : _a._id) === PLACEHOLDER_ID;
+    const component = props.component;
     return () => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
       return !(isContextualEditing == null ? void 0 : isContextualEditing.value) ? (_b = (_a2 = context.slots).default) == null ? void 0 : _b.call(_a2) : isPlaceholder && ((_d = (_c = context.slots).emptyPlaceholder) == null ? void 0 : _d.call(_c).length) === 0 ? [] : [
         h3("script", {
           "data-role": IN_CONTEXT_EDITOR_COMPONENT_START_ROLE,
           "data-parent-id": (_e = props.parentComponent) == null ? void 0 : _e._id,
           "data-parent-type": (_f = props.parentComponent) == null ? void 0 : _f.type,
-          "data-component-id": (_g = props.component) == null ? void 0 : _g._id,
+          "data-component-id": component == null ? void 0 : component._id,
           "data-slot-name": props.slotName,
           "data-component-index": props.indexInSlot,
           "data-total-components": props.slotChildrenCount,
-          "data-component-name": (_h = props.component) == null ? void 0 : _h.type,
+          "data-component-name": component == null ? void 0 : component.type,
           "data-is-placeholder": isPlaceholder ? "true" : void 0,
-          "data-is-localized": ((_j = (_i = props.component) == null ? void 0 : _i.parameters) == null ? void 0 : _j[CANVAS_LOCALE_TAG_PARAM]) ? "true" : void 0,
+          "data-is-localized": ((_g = component == null ? void 0 : component.parameters) == null ? void 0 : _g[CANVAS_LOCALE_TAG_PARAM]) ? "true" : void 0,
           // TODO: use a proper way to get the component's title, don't assume that it's always "title"
           // https://linear.app/uniform/issue/UNI-937/show-the-right-component-title-in-the-highlighter
-          "data-component-title": (_m = (_l = (_k = props.component) == null ? void 0 : _k.parameters) == null ? void 0 : _l.title) == null ? void 0 : _m.value
+          "data-component-title": (_i = (_h = component == null ? void 0 : component.parameters) == null ? void 0 : _h.title) == null ? void 0 : _i.value,
+          // In preview mode if we are viewing a historic entry we do not want to allow
+          // the user to add a component to the composition or move the component around the page
+          "data-is-readonly": ((_j = component == null ? void 0 : component._contextualEditing) == null ? void 0 : _j.isEditable) ? void 0 : "true"
         }),
-        isPlaceholder && context.slots.emptyPlaceholder !== void 0 ? context.slots.emptyPlaceholder() : (_o = (_n = context.slots).default) == null ? void 0 : _o.call(_n),
+        isPlaceholder && context.slots.emptyPlaceholder !== void 0 ? context.slots.emptyPlaceholder() : (_l = (_k = context.slots).default) == null ? void 0 : _l.call(_k),
         h3("script", { "data-role": IN_CONTEXT_EDITOR_COMPONENT_END_ROLE })
       ];
     };
@@ -380,20 +384,37 @@ var UniformComposition = defineComponent4({
     );
   }
 });
+var UniformComposition_default = UniformComposition;
+
+// src/components/UniformPlayground.ts
+import { EMPTY_COMPOSITION as EMPTY_COMPOSITION2 } from "@uniformdev/canvas";
+import { defineComponent as defineComponent5, h as h5 } from "vue-demi";
+var UniformPlayground = defineComponent5({
+  name: "UniformPlayground",
+  inheritAttrs: false,
+  props: {
+    resolveRenderer: {
+      type: Object
+    }
+  },
+  setup(props) {
+    return () => h5(UniformComposition_default, { data: EMPTY_COMPOSITION2, resolveRenderer: props.resolveRenderer });
+  }
+});
 
 // src/components/UniformRichText/nodes/HeadingRichTextNode.ts
-import { h as h5 } from "vue-demi";
+import { h as h6 } from "vue-demi";
 var HeadingRichTextNode = (props, context) => {
   const { tag } = props.node;
-  return h5(tag != null ? tag : "h1", {}, context.slots);
+  return h6(tag != null ? tag : "h1", {}, context.slots);
 };
 
 // src/components/UniformRichText/nodes/LinkRichTextNode.ts
 import { linkParamValueToHref } from "@uniformdev/richtext";
-import { h as h6 } from "vue-demi";
+import { h as h7 } from "vue-demi";
 var LinkRichTextNode = (props, context) => {
   const { link } = props.node;
-  return h6(
+  return h7(
     "a",
     {
       href: linkParamValueToHref(link)
@@ -403,10 +424,10 @@ var LinkRichTextNode = (props, context) => {
 };
 
 // src/components/UniformRichText/nodes/ListItemRichTextNode.ts
-import { h as h7 } from "vue-demi";
+import { h as h8 } from "vue-demi";
 var ListItemRichTextNode = (props, context) => {
   const { value } = props.node;
-  return h7(
+  return h8(
     "li",
     {
       value: Number.isFinite(value) && value > 0 ? value : void 0
@@ -416,18 +437,18 @@ var ListItemRichTextNode = (props, context) => {
 };
 
 // src/components/UniformRichText/nodes/ListRichTextNode.ts
-import { h as h8 } from "vue-demi";
+import { h as h9 } from "vue-demi";
 var ListRichTextNode = (props, context) => {
   const { tag } = props.node;
-  return h8(tag != null ? tag : "h1", {}, context.slots);
+  return h9(tag != null ? tag : "h1", {}, context.slots);
 };
 
 // src/components/UniformRichText/nodes/ParagraphRichTextNode.ts
 import { isPureDirection, isPureTextAlign } from "@uniformdev/richtext";
-import { h as h9 } from "vue-demi";
+import { h as h10 } from "vue-demi";
 var ParagraphRichTextNode = (props, context) => {
   const { format, direction } = props.node;
-  return h9(
+  return h10(
     "p",
     {
       dir: isPureDirection(direction) ? direction : void 0,
@@ -438,61 +459,61 @@ var ParagraphRichTextNode = (props, context) => {
 };
 
 // src/components/UniformRichText/nodes/QuoteRichTextNode.ts
-import { h as h10 } from "vue-demi";
+import { h as h11 } from "vue-demi";
 var QuoteRichTextNode = (_, context) => {
-  return h10("blockquote", {}, context.slots);
+  return h11("blockquote", {}, context.slots);
 };
 
 // src/components/UniformRichText/nodes/RootRichTextNode.ts
-import { h as h11 } from "vue-demi";
+import { h as h12 } from "vue-demi";
 var RootRichTextNode = (props, c) => {
-  return h11(() => c.slots.default ? c.slots.default() : null);
+  return h12(() => c.slots.default ? c.slots.default() : null);
 };
 
 // src/components/UniformRichText/nodes/TextRichTextNode.ts
 import { getRichTextTagsFromTextFormat } from "@uniformdev/richtext";
-import { h as h12 } from "vue-demi";
+import { h as h13 } from "vue-demi";
 var TextRichTextNode = (props) => {
   const { format, text } = props.node;
   const tags = getRichTextTagsFromTextFormat(format);
   return tags.length > 0 ? tags.reduceRight(
     (children, tag) => {
-      return h12(tag, null, children);
+      return h13(tag, null, children);
     },
     {
       default: () => text
     }
-  ) : h12(() => text);
+  ) : h13(() => text);
 };
 
 // src/components/UniformRichText/UniformRichText.ts
 import { isRichTextNode as isRichTextNode2 } from "@uniformdev/richtext";
-import { computed as computed4, defineComponent as defineComponent6, h as h17 } from "vue-demi";
+import { computed as computed4, defineComponent as defineComponent7, h as h18 } from "vue-demi";
 
 // src/components/UniformRichText/UniformRichTextNode.ts
 import { isRichTextNode } from "@uniformdev/richtext";
-import { defineComponent as defineComponent5, h as h16 } from "vue-demi";
+import { defineComponent as defineComponent6, h as h17 } from "vue-demi";
 
 // src/components/UniformRichText/nodes/CodeRichTextNode.ts
-import { h as h13 } from "vue-demi";
+import { h as h14 } from "vue-demi";
 var CodeRichTextNode = (_, context) => {
-  return h13("pre", {}, h13("code", {}, context.slots));
+  return h14("pre", {}, h14("code", {}, context.slots));
 };
 
 // src/components/UniformRichText/nodes/LinebreakRichTextNode.ts
-import { h as h14 } from "vue-demi";
+import { h as h15 } from "vue-demi";
 var LinebreakRichTextNode = () => {
-  return h14("br", {});
+  return h15("br", {});
 };
 
 // src/components/UniformRichText/nodes/TabRichTextNode.ts
-import { h as h15 } from "vue-demi";
+import { h as h16 } from "vue-demi";
 var TabRichTextNode = () => {
-  return h15("", {}, "	");
+  return h16("", {}, "	");
 };
 
 // src/components/UniformRichText/UniformRichTextNode.ts
-var UniformRichTextNode = defineComponent5({
+var UniformRichTextNode = defineComponent6({
   name: "UniformRichTextNode",
   props: {
     node: {
@@ -517,13 +538,13 @@ var UniformRichTextNode = defineComponent5({
       return () => null;
     }
     const children = node.children ? node.children.map(
-      (childNode) => h16(
+      (childNode) => h17(
         UniformRichTextNode,
         { node: childNode, resolveRichTextRenderer: props.resolveRichTextRenderer },
         context.slots
       )
     ) : [];
-    return () => h16(NodeRenderer, { node, children: h16(() => children) }, () => children);
+    return () => h17(NodeRenderer, { node, children: h17(() => children) }, () => children);
   }
 });
 var rendererMap = /* @__PURE__ */ new Map([
@@ -544,7 +565,7 @@ var resolveRichTextDefaultRenderer = (node) => {
 };
 
 // src/components/UniformRichText/UniformRichText.ts
-var UniformRichText = defineComponent6({
+var UniformRichText = defineComponent7({
   name: "UniformRichText",
   props: {
     parameterId: {
@@ -566,7 +587,7 @@ var UniformRichText = defineComponent6({
     });
     const root = (_a = value.value) == null ? void 0 : _a.root;
     if (isRichTextNode2(root)) {
-      return () => h17(
+      return () => h18(
         UniformRichTextNode,
         {
           node: root,
@@ -590,7 +611,7 @@ import {
   mapSlotToTestVariations
 } from "@uniformdev/canvas";
 import { Personalize, Test } from "@uniformdev/context-vue";
-import { computed as computed5, defineComponent as defineComponent7, h as h18 } from "vue-demi";
+import { computed as computed5, defineComponent as defineComponent8, h as h19 } from "vue-demi";
 
 // src/helpers/convertComponentToProps.ts
 function convertComponentToProps(component) {
@@ -615,7 +636,7 @@ function normalizePropName(name) {
 }
 
 // src/components/UniformSlot.ts
-var UniformSlot = defineComponent7({
+var UniformSlot = defineComponent8({
   name: "UniformSlot",
   inheritAttrs: false,
   props: {
@@ -661,7 +682,7 @@ function renderPersonalizeComponent(component, resolveRenderer) {
   const parameters = component == null ? void 0 : component.parameters;
   const processedVariants = mapSlotToPersonalizedVariations((_a = component.slots) == null ? void 0 : _a.pz);
   const name = (_d = (_c = (_b = component.parameters) == null ? void 0 : _b.trackingEventName) == null ? void 0 : _c.value) != null ? _d : "Untitled Personalization";
-  return h18(Personalize, {
+  return h19(Personalize, {
     name,
     // TODO: Fix the `as unknown`
     component: (variant) => resolveRenderer(variant),
@@ -674,7 +695,7 @@ function renderTestComponent(component, resolveRenderer) {
   const variants = (_b = (_a = component == null ? void 0 : component.slots) == null ? void 0 : _a.test) != null ? _b : [];
   const testName = (_e = (_d = (_c = component == null ? void 0 : component.parameters) == null ? void 0 : _c.test) == null ? void 0 : _d.value) != null ? _e : "Untitled Test";
   const finalVariants = mapSlotToTestVariations(variants);
-  return h18(Test, {
+  return h19(Test, {
     variations: finalVariants,
     name: testName,
     component: (variant) => resolveRenderer(variant)
@@ -728,13 +749,13 @@ function renderComponent({
   const resolvedComponent = resolveRenderer == null ? void 0 : resolveRenderer(component);
   if (resolvedComponent) {
     const props = convertComponentToProps(component);
-    return h18(
+    return h19(
       UniformComponent,
       { data: component, resolveRenderer },
-      () => h18(
+      () => h19(
         ContextualEditingComponentWrapper,
         { component, parentComponent, slotName, indexInSlot, slotChildrenCount },
-        { default: () => h18(resolvedComponent, props), emptyPlaceholder }
+        { default: () => h19(resolvedComponent, props), emptyPlaceholder }
       )
     );
   }
@@ -742,7 +763,7 @@ function renderComponent({
     `[canvas] found component of type '${component.type}' which the 'resolveRenderer' prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,
     component
   );
-  return h18("");
+  return h19("");
 }
 
 // src/components/UniformText.ts
@@ -751,9 +772,9 @@ import {
   ATTRIBUTE_PARAMETER_VALUE,
   ATTRIBUTE_PLACEHOLDER
 } from "@uniformdev/canvas";
-import { computed as computed6, defineComponent as defineComponent8, h as h19, ref as ref2 } from "vue-demi";
+import { computed as computed6, defineComponent as defineComponent9, h as h20, ref as ref2 } from "vue-demi";
 var DEFAULT_ELEMENT_TYPE = "span";
-var UniformText = defineComponent8({
+var UniformText = defineComponent9({
   name: "UniformText",
   inheritAttrs: true,
   props: {
@@ -800,15 +821,12 @@ var UniformText = defineComponent8({
       isFocused.value = false;
     };
     if (!parameter) {
-      console.warn(
-        `UniformText: The parameterId "${props.parameterId}" was not found in the component of type "${componentData == null ? void 0 : componentData.type}"`
-      );
       return null;
     }
     if (!isContextualEditing) {
       return () => {
         var _a2, _b, _c, _d;
-        return h19(
+        return h20(
           (_a2 = props.as) != null ? _a2 : DEFAULT_ELEMENT_TYPE,
           { style: props.isMultiline ? { whiteSpace: "pre-wrap" } : {} },
           (_d = (_c = (_b = context.slots).default) == null ? void 0 : _c.call(_b, value.value)) != null ? _d : value.value
@@ -819,7 +837,7 @@ var UniformText = defineComponent8({
     const computedPlaceholder = typeof placeholderProp === "function" ? placeholderProp({ id: props.parameterId }) : placeholderProp;
     return () => {
       var _a2, _b, _c, _d, _e;
-      return h19(
+      return h20(
         (_a2 = props.as) != null ? _a2 : DEFAULT_ELEMENT_TYPE,
         {
           ...getParameterAttributes({
@@ -891,6 +909,7 @@ export {
   TextRichTextNode,
   UniformComponent,
   UniformComposition,
+  UniformPlayground,
   UniformRichText,
   UniformRichTextNode,
   UniformSlot,