@webiny/app-website-builder 0.0.0-unstable.e6f0dc8ca7 → 0.0.0-unstable.eb81deee7e

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.js

@@ -1,26 +1,26 @@
 import { IconButton } from "@webiny/admin-ui";
-import { ReactComponent as AddLinkIcon } from "@webiny/icons/add_link.svg";
-import { ReactComponent as RemoveLinkIcon } from "@webiny/icons/link_off.svg";
-import React, { useCallback } from "react";
-const addIcon = /*#__PURE__*/React.createElement(AddLinkIcon, null);
-const removeIcon = /*#__PURE__*/React.createElement(RemoveLinkIcon, null);
-export const WithBindingToggle = ({
-  setBindingType,
-  type,
-  children
-}) => {
-  const onClick = useCallback(() => {
-    setBindingType(type === "static" ? "expression" : "static");
-  }, [type, setBindingType]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "relative"
-  }, /*#__PURE__*/React.createElement(IconButton, {
-    className: "absolute right-0",
-    variant: "ghost",
-    size: "sm",
-    icon: type === "static" ? addIcon : removeIcon,
-    onClick: onClick
-  }), children);
+import { ReactComponent } from "@webiny/icons/add_link.svg";
+import { ReactComponent as link_off_svg_ReactComponent } from "@webiny/icons/link_off.svg";
+import react, { useCallback } from "react";
+const addIcon = /*#__PURE__*/ react.createElement(ReactComponent, null);
+const removeIcon = /*#__PURE__*/ react.createElement(link_off_svg_ReactComponent, null);
+const WithBindingToggle = ({ setBindingType, type, children })=>{
+    const onClick = useCallback(()=>{
+        setBindingType("static" === type ? "expression" : "static");
+    }, [
+        type,
+        setBindingType
+    ]);
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, /*#__PURE__*/ react.createElement(IconButton, {
+        className: "absolute right-0",
+        variant: "ghost",
+        size: "sm",
+        icon: "static" === type ? addIcon : removeIcon,
+        onClick: onClick
+    }), children);
 };
+export { WithBindingToggle };
 
 //# sourceMappingURL=WithBindingToggle.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.js.map

@@ -1 +1 @@
-{"version":3,"names":["IconButton","ReactComponent","AddLinkIcon","RemoveLinkIcon","React","useCallback","addIcon","createElement","removeIcon","WithBindingToggle","setBindingType","type","children","onClick","className","variant","size","icon"],"sources":["WithBindingToggle.tsx"],"sourcesContent":["import { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddLinkIcon } from \"@webiny/icons/add_link.svg\";\nimport { ReactComponent as RemoveLinkIcon } from \"@webiny/icons/link_off.svg\";\nimport React, { useCallback } from \"react\";\n\ninterface WithBindingToggleProps {\n    type: \"static\" | \"expression\";\n    setBindingType: (value: \"static\" | \"expression\") => void;\n    children: React.ReactNode;\n}\n\nconst addIcon = <AddLinkIcon />;\nconst removeIcon = <RemoveLinkIcon />;\n\nexport const WithBindingToggle = ({ setBindingType, type, children }: WithBindingToggleProps) => {\n    const onClick = useCallback(() => {\n        setBindingType(type === \"static\" ? \"expression\" : \"static\");\n    }, [type, setBindingType]);\n\n    return (\n        <div className={\"relative\"}>\n            <IconButton\n                className={\"absolute right-0\"}\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={type === \"static\" ? addIcon : removeIcon}\n                onClick={onClick}\n            />\n            {children}\n        </div>\n    );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,cAAc,IAAIC,WAAW,QAAQ,4BAA4B;AAC1E,SAASD,cAAc,IAAIE,cAAc,QAAQ,4BAA4B;AAC7E,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAQ1C,MAAMC,OAAO,gBAAGF,KAAA,CAAAG,aAAA,CAACL,WAAW,MAAE,CAAC;AAC/B,MAAMM,UAAU,gBAAGJ,KAAA,CAAAG,aAAA,CAACJ,cAAc,MAAE,CAAC;AAErC,OAAO,MAAMM,iBAAiB,GAAGA,CAAC;EAAEC,cAAc;EAAEC,IAAI;EAAEC;AAAiC,CAAC,KAAK;EAC7F,MAAMC,OAAO,GAAGR,WAAW,CAAC,MAAM;IAC9BK,cAAc,CAACC,IAAI,KAAK,QAAQ,GAAG,YAAY,GAAG,QAAQ,CAAC;EAC/D,CAAC,EAAE,CAACA,IAAI,EAAED,cAAc,CAAC,CAAC;EAE1B,oBACIN,KAAA,CAAAG,aAAA;IAAKO,SAAS,EAAE;EAAW,gBACvBV,KAAA,CAAAG,aAAA,CAACP,UAAU;IACPc,SAAS,EAAE,kBAAmB;IAC9BC,OAAO,EAAE,OAAQ;IACjBC,IAAI,EAAE,IAAK;IACXC,IAAI,EAAEN,IAAI,KAAK,QAAQ,GAAGL,OAAO,GAAGE,UAAW;IAC/CK,OAAO,EAAEA;EAAQ,CACpB,CAAC,EACDD,QACA,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/WithBindingToggle.tsx"],"sourcesContent":["import { IconButton } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddLinkIcon } from \"@webiny/icons/add_link.svg\";\nimport { ReactComponent as RemoveLinkIcon } from \"@webiny/icons/link_off.svg\";\nimport React, { useCallback } from \"react\";\n\ninterface WithBindingToggleProps {\n    type: \"static\" | \"expression\";\n    setBindingType: (value: \"static\" | \"expression\") => void;\n    children: React.ReactNode;\n}\n\nconst addIcon = <AddLinkIcon />;\nconst removeIcon = <RemoveLinkIcon />;\n\nexport const WithBindingToggle = ({ setBindingType, type, children }: WithBindingToggleProps) => {\n    const onClick = useCallback(() => {\n        setBindingType(type === \"static\" ? \"expression\" : \"static\");\n    }, [type, setBindingType]);\n\n    return (\n        <div className={\"relative\"}>\n            <IconButton\n                className={\"absolute right-0\"}\n                variant={\"ghost\"}\n                size={\"sm\"}\n                icon={type === \"static\" ? addIcon : removeIcon}\n                onClick={onClick}\n            />\n            {children}\n        </div>\n    );\n};\n"],"names":["addIcon","AddLinkIcon","removeIcon","RemoveLinkIcon","WithBindingToggle","setBindingType","type","children","onClick","useCallback","IconButton"],"mappings":";;;;AAWA,MAAMA,UAAU,WAAHA,GAAG,oBAACC,gBAAWA;AAC5B,MAAMC,aAAa,WAAHA,GAAG,oBAACC,6BAAcA;AAE3B,MAAMC,oBAAoB,CAAC,EAAEC,cAAc,EAAEC,IAAI,EAAEC,QAAQ,EAA0B;IACxF,MAAMC,UAAUC,YAAY;QACxBJ,eAAeC,AAAS,aAATA,OAAoB,eAAe;IACtD,GAAG;QAACA;QAAMD;KAAe;IAEzB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACK,YAAUA;QACP,WAAW;QACX,SAAS;QACT,MAAM;QACN,MAAMJ,AAAS,aAATA,OAAoBN,UAAUE;QACpC,SAASM;QAEZD;AAGb"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/buildDefaultObject.d.ts

@@ -0,0 +1,10 @@
+import type { InputAstNode } from "@webiny/website-builder-sdk";
+/**
+ * Builds a default value for a single input node, falling back to a type-based empty when no
+ * explicit `defaultValue` is configured. Nested objects are built recursively.
+ */
+export declare function buildDefaultValue(node: InputAstNode): any;
+/**
+ * Builds a default object for an object field from its child input nodes.
+ */
+export declare function buildDefaultObject(children: InputAstNode[]): Record<string, any>;

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/buildDefaultObject.js

@@ -0,0 +1,29 @@
+function emptyValueForType(type, list) {
+    if (list) return [];
+    switch(type){
+        case "number":
+            return 0;
+        case "boolean":
+            return false;
+        case "slot":
+            return;
+        default:
+            return "";
+    }
+}
+function buildDefaultValue(node) {
+    if ("object" === node.type) {
+        if (node.list) return node.input.defaultValue ?? [];
+        return buildDefaultObject(node.children);
+    }
+    if (void 0 !== node.input.defaultValue) return node.input.defaultValue;
+    return emptyValueForType(node.type, node.list);
+}
+function buildDefaultObject(children) {
+    const result = {};
+    for (const child of children)result[child.name] = buildDefaultValue(child);
+    return result;
+}
+export { buildDefaultObject, buildDefaultValue };
+
+//# sourceMappingURL=buildDefaultObject.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/buildDefaultObject.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/buildDefaultObject.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/buildDefaultObject.ts"],"sourcesContent":["import type { InputAstNode } from \"@webiny/website-builder-sdk\";\n\n/**\n * Returns a sensible empty value for a leaf input type. This guarantees that a freshly added\n * list item has at least one defined leaf binding - without it, an \"empty\" item produces no\n * bindings at all and would silently disappear on the next render (the item count is derived\n * from the flat leaf bindings).\n */\nfunction emptyValueForType(type: string, list: boolean): any {\n    if (list) {\n        return [];\n    }\n\n    switch (type) {\n        case \"number\":\n            return 0;\n        case \"boolean\":\n            return false;\n        case \"slot\":\n            return undefined;\n        default:\n            return \"\";\n    }\n}\n\n/**\n * Builds a default value for a single input node, falling back to a type-based empty when no\n * explicit `defaultValue` is configured. Nested objects are built recursively.\n */\nexport function buildDefaultValue(node: InputAstNode): any {\n    if (node.type === \"object\") {\n        if (node.list) {\n            return node.input.defaultValue ?? [];\n        }\n\n        return buildDefaultObject(node.children);\n    }\n\n    if (node.input.defaultValue !== undefined) {\n        return node.input.defaultValue;\n    }\n\n    return emptyValueForType(node.type, node.list);\n}\n\n/**\n * Builds a default object for an object field from its child input nodes.\n */\nexport function buildDefaultObject(children: InputAstNode[]): Record<string, any> {\n    const result: Record<string, any> = {};\n\n    for (const child of children) {\n        result[child.name] = buildDefaultValue(child);\n    }\n\n    return result;\n}\n"],"names":["emptyValueForType","type","list","buildDefaultValue","node","buildDefaultObject","undefined","children","result","child"],"mappings":"AAQA,SAASA,kBAAkBC,IAAY,EAAEC,IAAa;IAClD,IAAIA,MACA,OAAO,EAAE;IAGb,OAAQD;QACJ,KAAK;YACD,OAAO;QACX,KAAK;YACD,OAAO;QACX,KAAK;YACD;QACJ;YACI,OAAO;IACf;AACJ;AAMO,SAASE,kBAAkBC,IAAkB;IAChD,IAAIA,AAAc,aAAdA,KAAK,IAAI,EAAe;QACxB,IAAIA,KAAK,IAAI,EACT,OAAOA,KAAK,KAAK,CAAC,YAAY,IAAI,EAAE;QAGxC,OAAOC,mBAAmBD,KAAK,QAAQ;IAC3C;IAEA,IAAIA,AAA4BE,WAA5BF,KAAK,KAAK,CAAC,YAAY,EACvB,OAAOA,KAAK,KAAK,CAAC,YAAY;IAGlC,OAAOJ,kBAAkBI,KAAK,IAAI,EAAEA,KAAK,IAAI;AACjD;AAKO,SAASC,mBAAmBE,QAAwB;IACvD,MAAMC,SAA8B,CAAC;IAErC,KAAK,MAAMC,SAASF,SAChBC,MAAM,CAACC,MAAM,IAAI,CAAC,GAAGN,kBAAkBM;IAG3C,OAAOD;AACX"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.d.ts

@@ -3,24 +3,6 @@ export declare const useBindingsForElement: (elementId: string) => {
     resolvedBindings: import("@webiny/website-builder-sdk").DocumentElementBindings & {
         inputs: import("@webiny/website-builder-sdk").DocumentElementInputBindings;
         styles: Partial<{
-            transform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
-            zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
-            opacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
-            clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
-            filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
-            mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
-            fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
-            height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
-            left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
-            top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
-            width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
-            position?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Position | undefined> | undefined;
-            content?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Content | undefined> | undefined;
-            translate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Translate<string | number> | undefined> | undefined;
-            color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
-            display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
-            flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
-            overflowY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowY | undefined> | undefined;
             accentColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AccentColor | undefined> | undefined;
             alignContent?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignContent | undefined> | undefined;
             alignItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AlignItems | undefined> | undefined;
@@ -101,7 +83,9 @@ export declare const useBindingsForElement: (elementId: string) => {
             caretColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretColor | undefined> | undefined;
             caretShape?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CaretShape | undefined> | undefined;
             clear?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Clear | undefined> | undefined;
+            clipPath?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipPath | undefined> | undefined;
             clipRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ClipRule | undefined> | undefined;
+            color?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Color | undefined> | undefined;
             colorAdjust?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PrintColorAdjust | undefined> | undefined;
             colorInterpolationFilters?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorInterpolationFilters | undefined> | undefined;
             colorScheme?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ColorScheme | undefined> | undefined;
@@ -120,6 +104,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             containIntrinsicWidth?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined> | undefined;
             containerName?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainerName | undefined> | undefined;
             containerType?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContainerType | undefined> | undefined;
+            content?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Content | undefined> | undefined;
             contentVisibility?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ContentVisibility | undefined> | undefined;
             counterIncrement?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterIncrement | undefined> | undefined;
             counterReset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.CounterReset | undefined> | undefined;
@@ -129,12 +114,16 @@ export declare const useBindingsForElement: (elementId: string) => {
             cy?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Cy<string | number> | undefined> | undefined;
             d?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.D | undefined> | undefined;
             direction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Direction | undefined> | undefined;
+            display?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Display | undefined> | undefined;
             dominantBaseline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.DominantBaseline | undefined> | undefined;
             emptyCells?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.EmptyCells | undefined> | undefined;
             fieldSizing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FieldSizing | undefined> | undefined;
+            fill?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Fill | undefined> | undefined;
             fillOpacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillOpacity | undefined> | undefined;
             fillRule?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FillRule | undefined> | undefined;
+            filter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Filter | undefined> | undefined;
             flexBasis?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexBasis<string | number> | undefined> | undefined;
+            flexDirection?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexDirection | undefined> | undefined;
             flexGrow?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexGrow | undefined> | undefined;
             flexShrink?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexShrink | undefined> | undefined;
             flexWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.FlexWrap | undefined> | undefined;
@@ -178,6 +167,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             gridTemplateColumns?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateColumns<string | number> | undefined> | undefined;
             gridTemplateRows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.GridTemplateRows<string | number> | undefined> | undefined;
             hangingPunctuation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HangingPunctuation | undefined> | undefined;
+            height?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Height<string | number> | undefined> | undefined;
             hyphenateCharacter?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HyphenateCharacter | undefined> | undefined;
             hyphenateLimitChars?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.HyphenateLimitChars | undefined> | undefined;
             hyphens?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Hyphens | undefined> | undefined;
@@ -197,6 +187,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             justifyItems?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyItems | undefined> | undefined;
             justifySelf?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifySelf | undefined> | undefined;
             justifyTracks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.JustifyTracks | undefined> | undefined;
+            left?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Left<string | number> | undefined> | undefined;
             letterSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LetterSpacing<string | number> | undefined> | undefined;
             lightingColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LightingColor | undefined> | undefined;
             lineBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineBreak | undefined> | undefined;
@@ -258,6 +249,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             offsetPosition?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetPosition<string | number> | undefined> | undefined;
             offsetRotate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
             offsetRotation?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OffsetRotate | undefined> | undefined;
+            opacity?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Opacity | undefined> | undefined;
             order?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Order | undefined> | undefined;
             orphans?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Orphans | undefined> | undefined;
             outlineColor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OutlineColor | undefined> | undefined;
@@ -270,6 +262,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             overflowInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowInline | undefined> | undefined;
             overflowWrap?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowWrap | undefined> | undefined;
             overflowX?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowX | undefined> | undefined;
+            overflowY?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverflowY | undefined> | undefined;
             overlay?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Overlay | undefined> | undefined;
             overscrollBehaviorBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorBlock | undefined> | undefined;
             overscrollBehaviorInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.OverscrollBehaviorInline | undefined> | undefined;
@@ -288,6 +281,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             perspective?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Perspective<string | number> | undefined> | undefined;
             perspectiveOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PerspectiveOrigin<string | number> | undefined> | undefined;
             pointerEvents?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PointerEvents | undefined> | undefined;
+            position?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Position | undefined> | undefined;
             positionAnchor?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionAnchor | undefined> | undefined;
             positionArea?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionArea | undefined> | undefined;
             positionTryFallbacks?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.PositionTryFallbacks | undefined> | undefined;
@@ -383,7 +377,9 @@ export declare const useBindingsForElement: (elementId: string) => {
             textWrapMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapMode | undefined> | undefined;
             textWrapStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TextWrapStyle | undefined> | undefined;
             timelineScope?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TimelineScope | undefined> | undefined;
+            top?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Top<string | number> | undefined> | undefined;
             touchAction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TouchAction | undefined> | undefined;
+            transform?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Transform | undefined> | undefined;
             transformBox?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformBox | undefined> | undefined;
             transformOrigin?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformOrigin<string | number> | undefined> | undefined;
             transformStyle?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransformStyle | undefined> | undefined;
@@ -392,6 +388,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             transitionDuration?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionDuration<string & {}> | undefined> | undefined;
             transitionProperty?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionProperty | undefined> | undefined;
             transitionTimingFunction?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.TransitionTimingFunction | undefined> | undefined;
+            translate?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Translate<string | number> | undefined> | undefined;
             unicodeBidi?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UnicodeBidi | undefined> | undefined;
             userSelect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.UserSelect | undefined> | undefined;
             vectorEffect?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.VectorEffect | undefined> | undefined;
@@ -405,6 +402,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             whiteSpace?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpace | undefined> | undefined;
             whiteSpaceCollapse?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WhiteSpaceCollapse | undefined> | undefined;
             widows?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Widows | undefined> | undefined;
+            width?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Width<string | number> | undefined> | undefined;
             willChange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WillChange | undefined> | undefined;
             wordBreak?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordBreak | undefined> | undefined;
             wordSpacing?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WordSpacing<string | number> | undefined> | undefined;
@@ -412,6 +410,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             writingMode?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.WritingMode | undefined> | undefined;
             x?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.X<string | number> | undefined> | undefined;
             y?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Y<string | number> | undefined> | undefined;
+            zIndex?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.ZIndex | undefined> | undefined;
             zoom?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Zoom | undefined> | undefined;
             all?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Globals | undefined> | undefined;
             animationRange?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.AnimationRange<string | number> | undefined> | undefined;
@@ -437,6 +436,7 @@ export declare const useBindingsForElement: (elementId: string) => {
             lineClamp?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.LineClamp | undefined> | undefined;
             marginBlock?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginBlock<string | number> | undefined> | undefined;
             marginInline?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MarginInline<string | number> | undefined> | undefined;
+            mask?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Mask<string | number> | undefined> | undefined;
             maskBorder?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.MaskBorder | undefined> | undefined;
             motion?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;
             offset?: import("@webiny/website-builder-sdk").StyleValueBinding<import("csstype").Property.Offset<string | number> | undefined> | undefined;

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js

@@ -1,28 +1,27 @@
 import { toJS } from "mobx";
-import { BindingsProcessor } from "@webiny/website-builder-sdk";
+import { BindingsProcessor, InheritanceProcessor } from "@webiny/website-builder-sdk";
 import { useBreakpoint } from "../../../hooks/useBreakpoint.js";
 import { useSelectFromDocument } from "../../../hooks/useSelectFromDocument.js";
 import { useElementInputsAst } from "../../../hooks/useElementInputsAst.js";
-import { InheritanceProcessor } from "@webiny/website-builder-sdk";
-export const useBindingsForElement = elementId => {
-  const {
-    breakpoint,
-    breakpoints
-  } = useBreakpoint();
-  const inputsAst = useElementInputsAst(elementId);
-  return useSelectFromDocument(document => {
-    const bindings = toJS(document.bindings[elementId]) ?? {};
-
-    // Merge element bindings.
-    const breakpointNames = breakpoints.map(bp => bp.name);
-    const bindingsProcessor = new BindingsProcessor(breakpointNames);
-    const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);
-    return {
-      rawBindings: bindings,
-      resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),
-      inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)
-    };
-  }, [elementId, breakpoint.name, breakpoints.length]);
+const useBindingsForElement = (elementId)=>{
+    const { breakpoint, breakpoints } = useBreakpoint();
+    const inputsAst = useElementInputsAst(elementId);
+    return useSelectFromDocument((document)=>{
+        const bindings = toJS(document.bindings[elementId]) ?? {};
+        const breakpointNames = breakpoints.map((bp)=>bp.name);
+        const bindingsProcessor = new BindingsProcessor(breakpointNames);
+        const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);
+        return {
+            rawBindings: bindings,
+            resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),
+            inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)
+        };
+    }, [
+        elementId,
+        breakpoint.name,
+        breakpoints.length
+    ]);
 };
+export { useBindingsForElement };
 
 //# sourceMappingURL=useBindingsForElement.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["toJS","BindingsProcessor","useBreakpoint","useSelectFromDocument","useElementInputsAst","InheritanceProcessor","useBindingsForElement","elementId","breakpoint","breakpoints","inputsAst","document","bindings","breakpointNames","map","bp","name","bindingsProcessor","inheritanceProcessor","rawBindings","resolvedBindings","getBindings","inheritanceMap","getInheritanceMap","length"],"sources":["useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n    const { breakpoint, breakpoints } = useBreakpoint();\n    const inputsAst = useElementInputsAst(elementId);\n\n    return useSelectFromDocument(\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n\n            // Merge element bindings.\n            const breakpointNames = breakpoints.map(bp => bp.name);\n            const bindingsProcessor = new BindingsProcessor(breakpointNames);\n            const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n            return {\n                rawBindings: bindings,\n                resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n                inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n            };\n        },\n        [elementId, breakpoint.name, breakpoints.length]\n    );\n};\n"],"mappings":"AAAA,SAASA,IAAI,QAAQ,MAAM;AAC3B,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,aAAa;AACtB,SAASC,qBAAqB;AAC9B,SAASC,mBAAmB;AAC5B,SAASC,oBAAoB,QAAQ,6BAA6B;AAElE,OAAO,MAAMC,qBAAqB,GAAIC,SAAiB,IAAK;EACxD,MAAM;IAAEC,UAAU;IAAEC;EAAY,CAAC,GAAGP,aAAa,CAAC,CAAC;EACnD,MAAMQ,SAAS,GAAGN,mBAAmB,CAACG,SAAS,CAAC;EAEhD,OAAOJ,qBAAqB,CACxBQ,QAAQ,IAAI;IACR,MAAMC,QAAQ,GAAGZ,IAAI,CAACW,QAAQ,CAACC,QAAQ,CAACL,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC;;IAEzD;IACA,MAAMM,eAAe,GAAGJ,WAAW,CAACK,GAAG,CAACC,EAAE,IAAIA,EAAE,CAACC,IAAI,CAAC;IACtD,MAAMC,iBAAiB,GAAG,IAAIhB,iBAAiB,CAACY,eAAe,CAAC;IAChE,MAAMK,oBAAoB,GAAG,IAAIb,oBAAoB,CAACQ,eAAe,EAAEH,SAAS,CAAC;IAEjF,OAAO;MACHS,WAAW,EAAEP,QAAQ;MACrBQ,gBAAgB,EAAEH,iBAAiB,CAACI,WAAW,CAACT,QAAQ,EAAEJ,UAAU,CAACQ,IAAI,CAAC;MAC1EM,cAAc,EAAEJ,oBAAoB,CAACK,iBAAiB,CAACX,QAAQ,EAAEJ,UAAU,CAACQ,IAAI;IACpF,CAAC;EACL,CAAC,EACD,CAACT,SAAS,EAAEC,UAAU,CAACQ,IAAI,EAAEP,WAAW,CAACe,MAAM,CACnD,CAAC;AACL,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useBindingsForElement.ts"],"sourcesContent":["import { toJS } from \"mobx\";\nimport { BindingsProcessor } from \"@webiny/website-builder-sdk\";\nimport { useBreakpoint } from \"~/BaseEditor/hooks/useBreakpoint.js\";\nimport { useSelectFromDocument } from \"~/BaseEditor/hooks/useSelectFromDocument.js\";\nimport { useElementInputsAst } from \"~/BaseEditor/hooks/useElementInputsAst.js\";\nimport { InheritanceProcessor } from \"@webiny/website-builder-sdk\";\n\nexport const useBindingsForElement = (elementId: string) => {\n    const { breakpoint, breakpoints } = useBreakpoint();\n    const inputsAst = useElementInputsAst(elementId);\n\n    return useSelectFromDocument(\n        document => {\n            const bindings = toJS(document.bindings[elementId]) ?? {};\n\n            // Merge element bindings.\n            const breakpointNames = breakpoints.map(bp => bp.name);\n            const bindingsProcessor = new BindingsProcessor(breakpointNames);\n            const inheritanceProcessor = new InheritanceProcessor(breakpointNames, inputsAst);\n\n            return {\n                rawBindings: bindings,\n                resolvedBindings: bindingsProcessor.getBindings(bindings, breakpoint.name),\n                inheritanceMap: inheritanceProcessor.getInheritanceMap(bindings, breakpoint.name)\n            };\n        },\n        [elementId, breakpoint.name, breakpoints.length]\n    );\n};\n"],"names":["useBindingsForElement","elementId","breakpoint","breakpoints","useBreakpoint","inputsAst","useElementInputsAst","useSelectFromDocument","document","bindings","toJS","breakpointNames","bp","bindingsProcessor","BindingsProcessor","inheritanceProcessor","InheritanceProcessor"],"mappings":";;;;;AAOO,MAAMA,wBAAwB,CAACC;IAClC,MAAM,EAAEC,UAAU,EAAEC,WAAW,EAAE,GAAGC;IACpC,MAAMC,YAAYC,oBAAoBL;IAEtC,OAAOM,sBACHC,CAAAA;QACI,MAAMC,WAAWC,KAAKF,SAAS,QAAQ,CAACP,UAAU,KAAK,CAAC;QAGxD,MAAMU,kBAAkBR,YAAY,GAAG,CAACS,CAAAA,KAAMA,GAAG,IAAI;QACrD,MAAMC,oBAAoB,IAAIC,kBAAkBH;QAChD,MAAMI,uBAAuB,IAAIC,qBAAqBL,iBAAiBN;QAEvE,OAAO;YACH,aAAaI;YACb,kBAAkBI,kBAAkB,WAAW,CAACJ,UAAUP,WAAW,IAAI;YACzE,gBAAgBa,qBAAqB,iBAAiB,CAACN,UAAUP,WAAW,IAAI;QACpF;IACJ,GACA;QAACD;QAAWC,WAAW,IAAI;QAAEC,YAAY,MAAM;KAAC;AAExD"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js

@@ -1,11 +1,12 @@
 import { useMemo } from "react";
 import { useSelectFromEditor } from "../../../hooks/useSelectFromEditor.js";
 import { ElementFactory } from "@webiny/website-builder-sdk";
-export const useElementFactory = () => {
-  const components = useSelectFromEditor(state => {
-    return state.components;
-  });
-  return useMemo(() => new ElementFactory(components), [components]);
+const useElementFactory = ()=>{
+    const components = useSelectFromEditor((state)=>state.components);
+    return useMemo(()=>new ElementFactory(components), [
+        components
+    ]);
 };
+export { useElementFactory };
 
 //# sourceMappingURL=useElementFactory.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js.map

@@ -1 +1 @@
-{"version":3,"names":["useMemo","useSelectFromEditor","ElementFactory","useElementFactory","components","state"],"sources":["useElementFactory.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport const useElementFactory = () => {\n    const components = useSelectFromEditor(state => {\n        return state.components;\n    });\n\n    return useMemo(() => new ElementFactory(components), [components]);\n};\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,OAAO;AAC/B,SAASC,mBAAmB;AAC5B,SAASC,cAAc,QAAQ,6BAA6B;AAE5D,OAAO,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;EACnC,MAAMC,UAAU,GAAGH,mBAAmB,CAACI,KAAK,IAAI;IAC5C,OAAOA,KAAK,CAACD,UAAU;EAC3B,CAAC,CAAC;EAEF,OAAOJ,OAAO,CAAC,MAAM,IAAIE,cAAc,CAACE,UAAU,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;AACtE,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useElementFactory.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useSelectFromEditor } from \"~/BaseEditor/hooks/useSelectFromEditor.js\";\nimport { ElementFactory } from \"@webiny/website-builder-sdk\";\n\nexport const useElementFactory = () => {\n    const components = useSelectFromEditor(state => {\n        return state.components;\n    });\n\n    return useMemo(() => new ElementFactory(components), [components]);\n};\n"],"names":["useElementFactory","components","useSelectFromEditor","state","useMemo","ElementFactory"],"mappings":";;;AAIO,MAAMA,oBAAoB;IAC7B,MAAMC,aAAaC,oBAAoBC,CAAAA,QAC5BA,MAAM,UAAU;IAG3B,OAAOC,QAAQ,IAAM,IAAIC,eAAeJ,aAAa;QAACA;KAAW;AACrE"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js

@@ -1,16 +1,13 @@
-import React from "react";
+import react from "react";
 import { useEditorConfig } from "../../../config/EditorConfig.js";
-const NullRenderer = ({
-  name
-}) => {
-  return /*#__PURE__*/React.createElement("div", null, "Missing renderer \"", name, "\".");
-};
-export const useInputRenderer = name => {
-  const config = useEditorConfig();
-  const renderer = config.inputRenderers.find(renderer => renderer.name === name);
-  return renderer ? renderer.component : () => /*#__PURE__*/React.createElement(NullRenderer, {
-    name: name
-  });
+const NullRenderer = ({ name })=>/*#__PURE__*/ react.createElement("div", null, 'Missing renderer "', name, '".');
+const useInputRenderer = (name)=>{
+    const config = useEditorConfig();
+    const renderer = config.inputRenderers.find((renderer)=>renderer.name === name);
+    return renderer ? renderer.component : ()=>/*#__PURE__*/ react.createElement(NullRenderer, {
+            name: name
+        });
 };
+export { useInputRenderer };
 
 //# sourceMappingURL=useInputRenderer.js.map

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEditorConfig","NullRenderer","name","createElement","useInputRenderer","config","renderer","inputRenderers","find","component"],"sources":["useInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEditorConfig } from \"~/BaseEditor/config/EditorConfig.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\n\nconst NullRenderer = ({ name }: { name: string }) => {\n    return <div>Missing renderer &quot;{name}&quot;.</div>;\n};\n\nexport const useInputRenderer = (name: string): React.ComponentType<ElementInputRendererProps> => {\n    const config = useEditorConfig();\n\n    const renderer = config.inputRenderers.find(renderer => renderer.name === name);\n\n    return renderer ? renderer.component : () => <NullRenderer name={name} />;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,eAAe;AAGxB,MAAMC,YAAY,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACjD,oBAAOH,KAAA,CAAAI,aAAA,cAAK,qBAAuB,EAACD,IAAI,EAAC,KAAY,CAAC;AAC1D,CAAC;AAED,OAAO,MAAME,gBAAgB,GAAIF,IAAY,IAAqD;EAC9F,MAAMG,MAAM,GAAGL,eAAe,CAAC,CAAC;EAEhC,MAAMM,QAAQ,GAAGD,MAAM,CAACE,cAAc,CAACC,IAAI,CAACF,QAAQ,IAAIA,QAAQ,CAACJ,IAAI,KAAKA,IAAI,CAAC;EAE/E,OAAOI,QAAQ,GAAGA,QAAQ,CAACG,SAAS,GAAG,mBAAMV,KAAA,CAAAI,aAAA,CAACF,YAAY;IAACC,IAAI,EAAEA;EAAK,CAAE,CAAC;AAC7E,CAAC","ignoreList":[]}
+{"version":3,"file":"BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.js","sources":["../../../../../src/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputRenderer.tsx"],"sourcesContent":["import React from \"react\";\nimport { useEditorConfig } from \"~/BaseEditor/config/EditorConfig.js\";\nimport type { ElementInputRendererProps } from \"~/BaseEditor/config/ElementInput.js\";\n\nconst NullRenderer = ({ name }: { name: string }) => {\n    return <div>Missing renderer &quot;{name}&quot;.</div>;\n};\n\nexport const useInputRenderer = (name: string): React.ComponentType<ElementInputRendererProps> => {\n    const config = useEditorConfig();\n\n    const renderer = config.inputRenderers.find(renderer => renderer.name === name);\n\n    return renderer ? renderer.component : () => <NullRenderer name={name} />;\n};\n"],"names":["NullRenderer","name","useInputRenderer","config","useEditorConfig","renderer"],"mappings":";;AAIA,MAAMA,eAAe,CAAC,EAAEC,IAAI,EAAoB,GACrC,WAAP,GAAO,oBAAC,aAAI,sBAAwBA,MAAK;AAGtC,MAAMC,mBAAmB,CAACD;IAC7B,MAAME,SAASC;IAEf,MAAMC,WAAWF,OAAO,cAAc,CAAC,IAAI,CAACE,CAAAA,WAAYA,SAAS,IAAI,KAAKJ;IAE1E,OAAOI,WAAWA,SAAS,SAAS,GAAG,kBAAM,oBAACL,cAAYA;YAAC,MAAMC;;AACrE"}

package/BaseEditor/defaultConfig/Sidebar/ElementSettings/useInputValue.d.ts

@@ -1,4 +1,4 @@
-import type { ValueBinding } from "@webiny/website-builder-sdk";
+import type { TokenReference } from "@webiny/website-builder-sdk";
 import type { InputAstNode } from "@webiny/website-builder-sdk";
 import { type IMetadata } from "../../../../BaseEditor/metadata/index.js";
 export type OnChangeParams = {
@@ -8,13 +8,29 @@ export type OnChangeParams = {
 export type InputBindingOnChange = (cb: (params: OnChangeParams) => void) => void;
 export declare class InputValueObject {
     private value;
-    constructor(value: any);
+    private token;
+    constructor(value: any, token?: TokenReference);
+    /**
+     * Sets a literal value, clearing any token reference.
+     *
+     * Clearing is the point: a binding holds either a reference or a literal, so picking a free value is
+     * how a user detaches an input from the theme. A renderer that offers both does not need to think
+     * about it — `set` and `setToken` are mutually exclusive by construction.
+     */
     set(value: any): void;
+    /**
+     * Binds this input to a design token.
+     *
+     * `value` is still set, to the token's resolved colour: it becomes the reference's `fallback`, so
+     * content keeps rendering the value it had if the theme is later deactivated.
+     */
+    setToken(token: TokenReference, resolvedValue?: any): void;
+    getToken(): TokenReference | undefined;
     get(): any;
     unset(): void;
 }
 export declare const useInputValue: (elementId: string, node: InputAstNode) => {
-    value: ValueBinding;
+    value: any;
     metadata: IMetadata;
     inheritanceMap: {
         overridden: boolean;