@wix/patterns-fields 1.70.0 → 1.72.0

package/dist/cjs/components/json-input/json-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","JsonInput","exports","forwardRef","value","onChange","onInput","onBlur","readOnly","disabled","props","ref","json","setJson","useControlledInput","safeStringify","onJsonChange","useCallback","safeParse","undefined","onInputChange","event","target","onInputFocus","useSetSelectionOnFocus","onInputBlur","createElement","InputArea","_extends2","onFocus","autoSelect","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/json-input/json-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport type { InputAreaProps } from '@wix/design-system';\nimport { InputArea } from '@wix/design-system';\nimport { useControlledInput, useSetSelectionOnFocus } from '../../hooks';\nimport { safeParse, safeStringify } from '../../utils';\n\nexport interface JsonInputProps\n  extends Omit<InputAreaProps, 'value' | 'onChange'> {\n  value?: any;\n  onChange?: (value?: any) => void;\n  onInput?: () => void;\n}\n\nexport const JsonInput = forwardRef<InputArea, JsonInputProps>(\n  ({ value, onChange, onInput, onBlur, readOnly, disabled, ...props }, ref) => {\n    const [json, setJson] = useControlledInput(safeStringify(value, true));\n    const onJsonChange = useCallback(\n      () =>\n        !readOnly && !disabled\n          ? onChange?.(json ? safeParse(json) : undefined)\n          : undefined,\n      [readOnly, disabled, json, onChange],\n    );\n\n    const onInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setJson(event.target.value);\n        onInput?.();\n      },\n      [setJson, onInput],\n    );\n\n    const onInputFocus = useSetSelectionOnFocus();\n    const onInputBlur = useCallback(\n      (event: React.FocusEvent<HTMLTextAreaElement>) => {\n        onJsonChange();\n        onBlur?.(event);\n      },\n      [onBlur, onJsonChange],\n    );\n\n    return (\n      <InputArea\n        {...props}\n        ref={ref}\n        value={json ?? ''}\n        onChange={onInputChange}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        readOnly={readOnly}\n        disabled={disabled}\n        autoSelect={false}\n      />\n    );\n  },\n);\n\nJsonInput.displayName = 'JsonInput';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAuD,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAShD,MAAMkB,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,iBAAU,EACjC,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,OAAO;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAC3E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAG,IAAAC,yBAAkB,EAAC,IAAAC,oBAAa,EAACX,KAAK,EAAE,IAAI,CAAC,CAAC;EACtE,MAAMY,YAAY,GAAG,IAAAC,kBAAW,EAC9B,MACE,CAACT,QAAQ,IAAI,CAACC,QAAQ,GAClBJ,QAAQ,oBAARA,QAAQ,CAAGO,IAAI,GAAG,IAAAM,gBAAS,EAACN,IAAI,CAAC,GAAGO,SAAS,CAAC,GAC9CA,SAAS,EACf,CAACX,QAAQ,EAAEC,QAAQ,EAAEG,IAAI,EAAEP,QAAQ,CACrC,CAAC;EAED,MAAMe,aAAa,GAAG,IAAAH,kBAAW,EAC9BI,KAA6C,IAAK;IACjDR,OAAO,CAACQ,KAAK,CAACC,MAAM,CAAClB,KAAK,CAAC;IAC3BE,OAAO,YAAPA,OAAO,CAAG,CAAC;EACb,CAAC,EACD,CAACO,OAAO,EAAEP,OAAO,CACnB,CAAC;EAED,MAAMiB,YAAY,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAC7C,MAAMC,WAAW,GAAG,IAAAR,kBAAW,EAC5BI,KAA4C,IAAK;IAChDL,YAAY,CAAC,CAAC;IACdT,MAAM,YAANA,MAAM,CAAGc,KAAK,CAAC;EACjB,CAAC,EACD,CAACd,MAAM,EAAES,YAAY,CACvB,CAAC;EAED,oBACEzC,MAAA,CAAAiB,OAAA,CAAAkC,aAAA,CAAChD,aAAA,CAAAiD,SAAS,MAAAC,SAAA,CAAApC,OAAA,MACJkB,KAAK;IACTC,GAAG,EAAEA,GAAI;IACTP,KAAK,EAAEQ,IAAI,IAAI,EAAG;IAClBP,QAAQ,EAAEe,aAAc;IACxBS,OAAO,EAAEN,YAAa;IACtBhB,MAAM,EAAEkB,WAAY;IACpBjB,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBqB,UAAU,EAAE,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApD,YAAA;MAAAqD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACnB,CAAC;AAEN,CACF,CAAC;AAEDlC,SAAS,CAACmC,WAAW,GAAG,WAAW","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","JsonInput","exports","forwardRef","value","onChange","onInput","onBlur","readOnly","disabled","props","ref","json","setJson","useControlledInput","safeStringify","onJsonChange","useCallback","safeParse","undefined","onInputChange","event","target","onInputFocus","useSetSelectionOnFocus","onInputBlur","createElement","InputArea","_extends2","onFocus","autoSelect","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/json-input/json-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport type { InputAreaProps } from '@wix/design-system';\nimport { InputArea } from '@wix/design-system';\nimport { useControlledInput, useSetSelectionOnFocus } from '../../hooks';\nimport { safeParse, safeStringify } from '../../utils';\n\nexport interface JsonInputProps\n  extends Omit<InputAreaProps, 'value' | 'onChange'> {\n  value?: any;\n  onChange?: (value?: any) => void;\n  onInput?: () => void;\n}\n\n// Explicit type — without it, .d.ts emit inlines WDS's internal class (TS4094).\nexport const JsonInput: React.ForwardRefExoticComponent<\n  JsonInputProps & React.RefAttributes<InputArea>\n> = forwardRef<InputArea, JsonInputProps>(\n  ({ value, onChange, onInput, onBlur, readOnly, disabled, ...props }, ref) => {\n    const [json, setJson] = useControlledInput(safeStringify(value, true));\n    const onJsonChange = useCallback(\n      () =>\n        !readOnly && !disabled\n          ? onChange?.(json ? safeParse(json) : undefined)\n          : undefined,\n      [readOnly, disabled, json, onChange],\n    );\n\n    const onInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        setJson(event.target.value);\n        onInput?.();\n      },\n      [setJson, onInput],\n    );\n\n    const onInputFocus = useSetSelectionOnFocus();\n    const onInputBlur = useCallback(\n      (event: React.FocusEvent<HTMLTextAreaElement>) => {\n        onJsonChange();\n        onBlur?.(event);\n      },\n      [onBlur, onJsonChange],\n    );\n\n    return (\n      <InputArea\n        {...props}\n        ref={ref}\n        value={json ?? ''}\n        onChange={onInputChange}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        readOnly={readOnly}\n        disabled={disabled}\n        autoSelect={false}\n      />\n    );\n  },\n);\n\nJsonInput.displayName = 'JsonInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmediaeditshell1738902950";
+var _namespace_ = "cellmediaeditshell2678045238";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellmediaeditshell1738902950__root"
+  "root": "cellmediaeditshell2678045238__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/cell-media-edit-shell.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell1738902950\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediaeditshell1738902950__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell2678045238\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmediaeditshell2678045238__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAoC,CAAC;AAC3D,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-control/paste-url-button.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton4113943440";
+var _namespace_ = "pasteurlbutton2432712873";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "pasteurlbutton4113943440__root",
-  "iconButtonTooltip": "pasteurlbutton4113943440__iconButtonTooltip",
-  "iconButton": "pasteurlbutton4113943440__iconButton"
+  "root": "pasteurlbutton2432712873__root",
+  "iconButtonTooltip": "pasteurlbutton2432712873__iconButtonTooltip",
+  "iconButton": "pasteurlbutton2432712873__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/paste-url-button.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton4113943440\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton4113943440__root\",\"iconButtonTooltip\":\"pasteurlbutton4113943440__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton4113943440__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton2432712873\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"pasteurlbutton2432712873__root\",\"iconButtonTooltip\":\"pasteurlbutton2432712873__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton2432712873__iconButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield616010651";
+var _namespace_ = "formmediagalleryfield1363730960";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formmediagalleryfield616010651__root",
-  "container": "formmediagalleryfield616010651__container",
-  "viewBox": "formmediagalleryfield616010651__viewBox",
-  "addItemWrapper": "formmediagalleryfield616010651__addItemWrapper",
-  "addItem": "formmediagalleryfield616010651__addItem",
-  "overlay": "formmediagalleryfield616010651__overlay",
-  "image": "formmediagalleryfield616010651__image",
-  "previewImage": "formmediagalleryfield616010651__previewImage",
-  "previewVideo": "formmediagalleryfield616010651__previewVideo"
+  "root": "formmediagalleryfield1363730960__root",
+  "container": "formmediagalleryfield1363730960__container",
+  "viewBox": "formmediagalleryfield1363730960__viewBox",
+  "addItemWrapper": "formmediagalleryfield1363730960__addItemWrapper",
+  "addItem": "formmediagalleryfield1363730960__addItem",
+  "overlay": "formmediagalleryfield1363730960__overlay",
+  "image": "formmediagalleryfield1363730960__image",
+  "previewImage": "formmediagalleryfield1363730960__previewImage",
+  "previewVideo": "formmediagalleryfield1363730960__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield616010651\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield616010651__root\",\"container\":\"formmediagalleryfield616010651__container\",\"viewBox\":\"formmediagalleryfield616010651__viewBox\",\"addItemWrapper\":\"formmediagalleryfield616010651__addItemWrapper\",\"addItem\":\"formmediagalleryfield616010651__addItem\",\"overlay\":\"formmediagalleryfield616010651__overlay\",\"image\":\"formmediagalleryfield616010651__image\",\"previewImage\":\"formmediagalleryfield616010651__previewImage\",\"previewVideo\":\"formmediagalleryfield616010651__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,WAAW,EAAC,2CAA2C;EAAC,SAAS,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,gDAAgD;EAAC,SAAS,EAAC,yCAAyC;EAAC,SAAS,EAAC,yCAAyC;EAAC,OAAO,EAAC,uCAAuC;EAAC,cAAc,EAAC,8CAA8C;EAAC,cAAc,EAAC;AAA8C,CAAC;AAC/f,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield1363730960\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield1363730960__root\",\"container\":\"formmediagalleryfield1363730960__container\",\"viewBox\":\"formmediagalleryfield1363730960__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1363730960__addItemWrapper\",\"addItem\":\"formmediagalleryfield1363730960__addItem\",\"overlay\":\"formmediagalleryfield1363730960__overlay\",\"image\":\"formmediagalleryfield1363730960__image\",\"previewImage\":\"formmediagalleryfield1363730960__previewImage\",\"previewVideo\":\"formmediagalleryfield1363730960__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/media-image.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage4039225774";
+var _namespace_ = "mediaimage3037602971";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediaimage4039225774__root"
+  "root": "mediaimage3037602971__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage4039225774-from",
-  "to": "--mediaimage4039225774-to"
+  "from": "--mediaimage3037602971-from",
+  "to": "--mediaimage3037602971-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage4039225774\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage4039225774__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage4039225774-from\",\"to\":\"--mediaimage4039225774-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3037602971\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3037602971__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage3037602971-from\",\"to\":\"--mediaimage3037602971-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/overlay.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay2896468443";
+var _namespace_ = "overlay726786880";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "overlay2896468443__root",
-  "iconOverlay": "overlay2896468443__iconOverlay"
+  "root": "overlay726786880__root",
+  "iconOverlay": "overlay726786880__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay2896468443\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay2896468443__root\",\"iconOverlay\":\"overlay2896468443__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay726786880\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay726786880__root\",\"iconOverlay\":\"overlay726786880__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,wBAAwB;EAAC,aAAa,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-loader/media-loader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader3572734765";
+var _namespace_ = "medialoader1546745211";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "medialoader3572734765__root",
-  "loader": "medialoader3572734765__loader"
+  "root": "medialoader1546745211__root",
+  "loader": "medialoader1546745211__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader3572734765\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader3572734765__root\",\"loader\":\"medialoader3572734765__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader1546745211\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader1546745211__root\",\"loader\":\"medialoader1546745211__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag4179247112";
+var _namespace_ = "mediatag2403252122";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediatag4179247112__root"
+  "root": "mediatag2403252122__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag4179247112\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag4179247112__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag2403252122\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag2403252122__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmultidocumentedit1514255939";
+var _namespace_ = "cellmultidocumentedit418830372";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellmultidocumentedit1514255939__root",
-  "chipTrigger": "cellmultidocumentedit1514255939__chipTrigger"
+  "root": "cellmultidocumentedit418830372__root",
+  "chipTrigger": "cellmultidocumentedit418830372__chipTrigger"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/cell-multi-document-edit.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit1514255939\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmultidocumentedit1514255939__root\",\"chipTrigger\":\"cellmultidocumentedit1514255939__chipTrigger\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,aAAa,EAAC;AAA8C,CAAC;AAC3H,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/multi-document/cell-multi-document-edit.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultidocumentedit418830372\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmultidocumentedit418830372__root\",\"chipTrigger\":\"cellmultidocumentedit418830372__chipTrigger\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gCAAgC;AAClD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,sCAAsC;EAAC,aAAa,EAAC;AAA6C,CAAC;AACzH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmultidocument1557506135";
+var _namespace_ = "formmultidocument2351500344";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "formmultidocument1557506135__root",
-  "viewRoot": "formmultidocument1557506135__viewRoot",
-  "singleViewWrapper": "formmultidocument1557506135__singleViewWrapper",
-  "addDocumentButton": "formmultidocument1557506135__addDocumentButton"
+  "root": "formmultidocument2351500344__root",
+  "viewRoot": "formmultidocument2351500344__viewRoot",
+  "singleViewWrapper": "formmultidocument2351500344__singleViewWrapper",
+  "addDocumentButton": "formmultidocument2351500344__addDocumentButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/multi-document/multi-document-input/form-multi-document.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument1557506135\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument1557506135__root\",\"viewRoot\":\"formmultidocument1557506135__viewRoot\",\"singleViewWrapper\":\"formmultidocument1557506135__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument1557506135__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/multi-document/multi-document-input/form-multi-document.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmultidocument2351500344\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmultidocument2351500344__root\",\"viewRoot\":\"formmultidocument2351500344__viewRoot\",\"singleViewWrapper\":\"formmultidocument2351500344__singleViewWrapper\",\"addDocumentButton\":\"formmultidocument2351500344__addDocumentButton\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\"}; \nexport var vars = {\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wds-color-neutral-600\":\"--wds-color-neutral-600\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-D60\":\"--wsr-color-D60\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,mCAAmC;EAAC,UAAU,EAAC,uCAAuC;EAAC,mBAAmB,EAAC,gDAAgD;EAAC,mBAAmB,EAAC;AAAgD,CAAC;AACvP,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC;AAA6C,CAAC;AAC5G,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/object/cell-json-input.js

@@ -21,6 +21,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * by the EditableTable commit pipeline to mean "no edit happened," so emitting
  * `null` here is what lets the user clear a cell to empty.
  */
+// Explicit type — without it, .d.ts emit inlines WDS's internal class (TS4094).
 const CellJsonInput = exports.CellJsonInput = /*#__PURE__*/(0, _react.forwardRef)(({
   value,
   onChange,
@@ -48,7 +49,7 @@ const CellJsonInput = exports.CellJsonInput = /*#__PURE__*/(0, _react.forwardRef
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 47,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/object/cell-json-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellJsonInput","exports","forwardRef","value","onChange","onBlur","readOnly","disabled","props","ref","json","setJson","useControlledInput","safeStringify","onInputChange","useCallback","event","raw","target","safeParse","createElement","InputArea","_extends2","autoSelect","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/object/cell-json-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport type { InputAreaProps } from '@wix/design-system';\nimport { InputArea } from '@wix/design-system';\nimport { useControlledInput } from '../../hooks';\nimport { safeParse, safeStringify } from '../../utils';\n\nexport interface CellJsonInputProps\n  extends Omit<InputAreaProps, 'value' | 'onChange'> {\n  value?: any;\n  /** Called on every keystroke with the parsed value (unlike JsonInput which calls onChange on blur). */\n  onChange?: (value?: any) => void;\n}\n\n/**\n * Cell-oriented JSON input — fires onChange on every keystroke so the\n * host can read the current value at any time (e.g. Tab-commit in EditableTable).\n *\n * Contrast with JsonInput which defers onChange to blur.\n *\n * Empty-value contract: `null`/`undefined` render as an empty textarea, and\n * clearing the textarea emits `null` (not `undefined`). `undefined` is reserved\n * by the EditableTable commit pipeline to mean \"no edit happened,\" so emitting\n * `null` here is what lets the user clear a cell to empty.\n */\nexport const CellJsonInput = forwardRef<InputArea, CellJsonInputProps>(\n  ({ value, onChange, onBlur, readOnly, disabled, ...props }, ref) => {\n    const [json, setJson] = useControlledInput(\n      value == null ? '' : safeStringify(value, true),\n    );\n\n    const onInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const raw = event.target.value;\n        setJson(raw);\n        if (!readOnly && !disabled) {\n          onChange?.(raw ? safeParse(raw) : null);\n        }\n      },\n      [setJson, readOnly, disabled, onChange],\n    );\n\n    return (\n      <InputArea\n        {...props}\n        ref={ref}\n        value={json ?? ''}\n        onChange={onInputChange}\n        onBlur={onBlur}\n        readOnly={readOnly}\n        disabled={disabled}\n        autoSelect={false}\n      />\n    );\n  },\n);\n\nCellJsonInput.displayName = 'CellJsonInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CellJsonInput","exports","forwardRef","value","onChange","onBlur","readOnly","disabled","props","ref","json","setJson","useControlledInput","safeStringify","onInputChange","useCallback","event","raw","target","safeParse","createElement","InputArea","_extends2","autoSelect","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/object/cell-json-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from 'react';\n\nimport type { InputAreaProps } from '@wix/design-system';\nimport { InputArea } from '@wix/design-system';\nimport { useControlledInput } from '../../hooks';\nimport { safeParse, safeStringify } from '../../utils';\n\nexport interface CellJsonInputProps\n  extends Omit<InputAreaProps, 'value' | 'onChange'> {\n  value?: any;\n  /** Called on every keystroke with the parsed value (unlike JsonInput which calls onChange on blur). */\n  onChange?: (value?: any) => void;\n}\n\n/**\n * Cell-oriented JSON input — fires onChange on every keystroke so the\n * host can read the current value at any time (e.g. Tab-commit in EditableTable).\n *\n * Contrast with JsonInput which defers onChange to blur.\n *\n * Empty-value contract: `null`/`undefined` render as an empty textarea, and\n * clearing the textarea emits `null` (not `undefined`). `undefined` is reserved\n * by the EditableTable commit pipeline to mean \"no edit happened,\" so emitting\n * `null` here is what lets the user clear a cell to empty.\n */\n// Explicit type — without it, .d.ts emit inlines WDS's internal class (TS4094).\nexport const CellJsonInput: React.ForwardRefExoticComponent<\n  CellJsonInputProps & React.RefAttributes<InputArea>\n> = forwardRef<InputArea, CellJsonInputProps>(\n  ({ value, onChange, onBlur, readOnly, disabled, ...props }, ref) => {\n    const [json, setJson] = useControlledInput(\n      value == null ? '' : safeStringify(value, true),\n    );\n\n    const onInputChange = useCallback(\n      (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n        const raw = event.target.value;\n        setJson(raw);\n        if (!readOnly && !disabled) {\n          onChange?.(raw ? safeParse(raw) : null);\n        }\n      },\n      [setJson, readOnly, disabled, onChange],\n    );\n\n    return (\n      <InputArea\n        {...props}\n        ref={ref}\n        value={json ?? ''}\n        onChange={onInputChange}\n        onBlur={onBlur}\n        readOnly={readOnly}\n        disabled={disabled}\n        autoSelect={false}\n      />\n    );\n  },\n);\n\nCellJsonInput.displayName = 'CellJsonInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellmultireferenceinput3484188652";
+var _namespace_ = "cellmultireferenceinput3109112216";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellmultireferenceinput3484188652__root"
+  "root": "cellmultireferenceinput3109112216__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/reference/cell-multi-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput3484188652\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmultireferenceinput3484188652__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-multi-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmultireferenceinput3109112216\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellmultireferenceinput3109112216__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-input-border-color\":\"--wds-input-border-color\",\"wds-input-border-color-hover\":\"--wds-input-border-color-hover\",\"wds-input-border-color-focus\":\"--wds-input-border-color-focus\",\"wds-input-background-fill-default\":\"--wds-input-background-fill-default\",\"wds-input-background-fill-hover\":\"--wds-input-background-fill-hover\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mCAAmC;AACrD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAyC,CAAC;AAChE,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,wBAAwB,EAAC,0BAA0B;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,8BAA8B,EAAC,gCAAgC;EAAC,mCAAmC,EAAC,qCAAqC;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,iCAAiC,EAAC;AAAmC,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/cell-reference-input.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "cellreferenceinput2898177377";
+var _namespace_ = "cellreferenceinput4252962194";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "cellreferenceinput2898177377__root",
-  "autocomplete": "cellreferenceinput2898177377__autocomplete"
+  "root": "cellreferenceinput4252962194__root",
+  "autocomplete": "cellreferenceinput4252962194__autocomplete"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/reference/cell-reference-input.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellreferenceinput2898177377\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellreferenceinput2898177377__root\",\"autocomplete\":\"cellreferenceinput2898177377__autocomplete\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/reference/cell-reference-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellreferenceinput4252962194\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"cellreferenceinput4252962194__root\",\"autocomplete\":\"cellreferenceinput4252962194__autocomplete\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,8BAA8B;AAChD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,oCAAoC;EAAC,cAAc,EAAC;AAA4C,CAAC;AACvH,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/reference/form-multi-reference.js

@@ -177,7 +177,12 @@ const _FormMultiReference = props => {
     infiniteScroll: !!loadMore,
     hasMore: hasMore,
     loadMore: loadMore,
-    fixedFooter: combinedFooter,
+    fixedFooter: combinedFooter
+    // Hand the input to react-hook-form so shouldFocusError scrolls to +
+    // focuses this field when it blocks save. The component ref is typed
+    // `never` by WDS, but `inputRef` reaches the real input.
+    ,
+    inputRef: controller.field.ref,
     dataHook: `multi-reference-input-${field.id}`,
     __self: void 0,
     __source: {

package/dist/cjs/components/reference/form-multi-reference.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_useTranslations","_referenceAvatar","_referenceDropdownFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormMultiReference","props","_field$validation2","_controller$fieldStat","_field$validation3","field","dataHook","formControl","data","items","idField","displayField","imageField","searchValue","onSearch","onClearSearch","hasMore","loadMore","fixedFooter","onOpenCollection","placeholder","translate","useWixPatternsContainer","tf","useTranslations","msRef","useRef","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","arr","validation","required","length","selectedValues","useMemo","tags","map","item","selectedId","label","image","undefined","removable","size","thumb","createElement","Box","align","verticalAlign","position","top","left","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","options","listItemSelectBuilder","title","prefix","handleSelect","useCallback","option","String","some","find","onChange","handleRemoveTag","tagId","filter","handleChange","target","handleClear","handleBlur","hideOptions","_msRef$current","current","combinedFooter","useReferenceDropdownFooter","FormField","displayName","status","fieldState","error","statusMessage","message","MultiSelect","ref","instance","clearOnBlur","onSelect","onRemoveTag","onClear","onBlur","clearButton","infiniteScroll","FormMultiReference","exports","observer"],"sources":["../../../../src/components/reference/form-multi-reference.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport {\n  Box,\n  FormField,\n  MultiSelect,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n  type MultiSelectTag,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { useReferenceDropdownFooter } from './reference-dropdown-footer';\nimport type { FormReferenceItem } from './form-reference';\n\n/** Selected references, each stored as `{ [idField], [displayField] }`. */\nexport type FormMultiReferenceValue = Record<string, unknown>[] | null;\n\n// Data-agnostic like CellMultiReferenceInput: the caller owns fetching, search,\n// and pagination and passes the results in as props. This renderer only wraps\n// them in a FormField with react-hook-form wiring. See remaining-issues.md #2.\nexport interface FormMultiReferenceProps\n  extends BaseInputProps<FormMultiReferenceValue> {\n  /** Candidate items for the dropdown. */\n  items: FormReferenceItem[];\n  /** Referenced-item field the selected id is written to. */\n  idField: string;\n  /** Referenced-item field used as the tag label. */\n  displayField: string;\n  /** Referenced-item field holding an avatar image, when the schema has one. */\n  imageField?: string;\n  /** Current search text. The caller owns search state. */\n  searchValue?: string;\n  onSearch: (query: string) => void;\n  onClearSearch?: () => void;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** When set, renders an \"Open Collection\" action at the bottom of the dropdown. */\n  onOpenCollection?: () => void;\n  placeholder?: string;\n}\n\ninterface MultiSelectHandle {\n  hideOptions?: () => void;\n}\n\nconst _FormMultiReference = (props: FormMultiReferenceProps) => {\n  const {\n    field,\n    dataHook,\n    formControl,\n    data,\n    items,\n    idField,\n    displayField,\n    imageField,\n    searchValue,\n    onSearch,\n    onClearSearch,\n    hasMore,\n    loadMore,\n    fixedFooter,\n    onOpenCollection,\n    placeholder,\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tf } = useTranslations();\n  const msRef = useRef<MultiSelectHandle | null>(null);\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value) => {\n        const arr = value as FormMultiReferenceValue;\n        if (field.validation?.required && (!arr || !arr.length)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedValues = useMemo(\n    () => (controller.field.value as Record<string, unknown>[]) || [],\n    [controller.field.value],\n  );\n\n  const tags = useMemo<MultiSelectTag[]>(\n    () =>\n      selectedValues.map((item) => {\n        const selectedId = item[idField] as string;\n        // A referenced item with no value in the display field still needs a\n        // readable tag — the dropdown options use the same fallback.\n        const label =\n          (item[displayField] as string) ||\n          tf('patterns-fields.reference.untitled');\n        const image = imageField\n          ? (item[imageField] as string | undefined)\n          : undefined;\n        return {\n          id: selectedId,\n          label,\n          removable: true,\n          size: 'medium',\n          thumb: (\n            <Box\n              align=\"center\"\n              verticalAlign=\"middle\"\n              position=\"absolute\"\n              top=\"calc(50% - 12px)\"\n              left=\"calc(50% - 12px)\"\n            >\n              <ReferenceAvatar name={label} image={image} />\n            </Box>\n          ),\n          dataHook: `multi-reference-tag-${field.id}-${selectedId}`,\n        };\n      }),\n    [selectedValues, idField, displayField, imageField, field.id, tf],\n  );\n\n  const options = useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name || tf('patterns-fields.reference.untitled'),\n          prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n        }),\n      ),\n    [items, tf],\n  );\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const selectedId = String(option.id);\n      if (selectedValues.some((item) => item[idField] === selectedId)) {\n        onClearSearch?.();\n        return;\n      }\n      const item = items.find((i) => i.id === selectedId);\n      controller.field.onChange([\n        ...selectedValues,\n        { [idField]: selectedId, [displayField]: item?.name || '' },\n      ]);\n      onClearSearch?.();\n    },\n    [\n      selectedValues,\n      items,\n      idField,\n      displayField,\n      controller.field,\n      onClearSearch,\n    ],\n  );\n\n  const handleRemoveTag = useCallback(\n    (tagId: string) => {\n      controller.field.onChange(\n        selectedValues.filter((item) => item[idField] !== tagId),\n      );\n    },\n    [controller.field, selectedValues, idField],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onSearch(e.target.value);\n    },\n    [onSearch],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange([]);\n    onClearSearch?.();\n  }, [controller.field, onClearSearch]);\n\n  const handleBlur = useCallback(() => {\n    onClearSearch?.();\n  }, [onClearSearch]);\n\n  const hideOptions = useCallback(() => msRef.current?.hideOptions?.(), []);\n  const combinedFooter = useReferenceDropdownFooter({\n    fixedFooter,\n    onOpenCollection,\n    hideOptions,\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <MultiSelect\n        ref={(instance: MultiSelectHandle | null) => {\n          msRef.current = instance;\n        }}\n        placeholder={\n          placeholder ?? tf('auto-patterns.fields.select_placeholder')\n        }\n        options={options}\n        value={searchValue ?? ''}\n        size=\"large\"\n        tags={tags}\n        clearOnBlur={false}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onRemoveTag={handleRemoveTag}\n        onClear={handleClear}\n        onBlur={handleBlur}\n        clearButton={!field.validation?.required}\n        infiniteScroll={!!loadMore}\n        hasMore={hasMore}\n        loadMore={loadMore}\n        fixedFooter={combinedFooter}\n        dataHook={`multi-reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMultiReference = observer(_FormMultiReference);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_useTranslations","_referenceAvatar","_referenceDropdownFooter","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormMultiReference","props","_field$validation2","_controller$fieldStat","_field$validation3","field","dataHook","formControl","data","items","idField","displayField","imageField","searchValue","onSearch","onClearSearch","hasMore","loadMore","fixedFooter","onOpenCollection","placeholder","translate","useWixPatternsContainer","tf","useTranslations","msRef","useRef","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","arr","validation","required","length","selectedValues","useMemo","tags","map","item","selectedId","label","image","undefined","removable","size","thumb","createElement","Box","align","verticalAlign","position","top","left","__self","__source","fileName","lineNumber","columnNumber","ReferenceAvatar","options","listItemSelectBuilder","title","prefix","handleSelect","useCallback","option","String","some","find","onChange","handleRemoveTag","tagId","filter","handleChange","target","handleClear","handleBlur","hideOptions","_msRef$current","current","combinedFooter","useReferenceDropdownFooter","FormField","displayName","status","fieldState","error","statusMessage","message","MultiSelect","ref","instance","clearOnBlur","onSelect","onRemoveTag","onClear","onBlur","clearButton","infiniteScroll","inputRef","FormMultiReference","exports","observer"],"sources":["../../../../src/components/reference/form-multi-reference.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useRef } from 'react';\nimport {\n  Box,\n  FormField,\n  MultiSelect,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n  type MultiSelectTag,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { ReferenceAvatar } from './reference-avatar';\nimport { useReferenceDropdownFooter } from './reference-dropdown-footer';\nimport type { FormReferenceItem } from './form-reference';\n\n/** Selected references, each stored as `{ [idField], [displayField] }`. */\nexport type FormMultiReferenceValue = Record<string, unknown>[] | null;\n\n// Data-agnostic like CellMultiReferenceInput: the caller owns fetching, search,\n// and pagination and passes the results in as props. This renderer only wraps\n// them in a FormField with react-hook-form wiring. See remaining-issues.md #2.\nexport interface FormMultiReferenceProps\n  extends BaseInputProps<FormMultiReferenceValue> {\n  /** Candidate items for the dropdown. */\n  items: FormReferenceItem[];\n  /** Referenced-item field the selected id is written to. */\n  idField: string;\n  /** Referenced-item field used as the tag label. */\n  displayField: string;\n  /** Referenced-item field holding an avatar image, when the schema has one. */\n  imageField?: string;\n  /** Current search text. The caller owns search state. */\n  searchValue?: string;\n  onSearch: (query: string) => void;\n  onClearSearch?: () => void;\n  hasMore?: boolean;\n  loadMore?: () => void;\n  fixedFooter?: React.ReactNode;\n  /** When set, renders an \"Open Collection\" action at the bottom of the dropdown. */\n  onOpenCollection?: () => void;\n  placeholder?: string;\n}\n\ninterface MultiSelectHandle {\n  hideOptions?: () => void;\n}\n\nconst _FormMultiReference = (props: FormMultiReferenceProps) => {\n  const {\n    field,\n    dataHook,\n    formControl,\n    data,\n    items,\n    idField,\n    displayField,\n    imageField,\n    searchValue,\n    onSearch,\n    onClearSearch,\n    hasMore,\n    loadMore,\n    fixedFooter,\n    onOpenCollection,\n    placeholder,\n  } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tf } = useTranslations();\n  const msRef = useRef<MultiSelectHandle | null>(null);\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value) => {\n        const arr = value as FormMultiReferenceValue;\n        if (field.validation?.required && (!arr || !arr.length)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const selectedValues = useMemo(\n    () => (controller.field.value as Record<string, unknown>[]) || [],\n    [controller.field.value],\n  );\n\n  const tags = useMemo<MultiSelectTag[]>(\n    () =>\n      selectedValues.map((item) => {\n        const selectedId = item[idField] as string;\n        // A referenced item with no value in the display field still needs a\n        // readable tag — the dropdown options use the same fallback.\n        const label =\n          (item[displayField] as string) ||\n          tf('patterns-fields.reference.untitled');\n        const image = imageField\n          ? (item[imageField] as string | undefined)\n          : undefined;\n        return {\n          id: selectedId,\n          label,\n          removable: true,\n          size: 'medium',\n          thumb: (\n            <Box\n              align=\"center\"\n              verticalAlign=\"middle\"\n              position=\"absolute\"\n              top=\"calc(50% - 12px)\"\n              left=\"calc(50% - 12px)\"\n            >\n              <ReferenceAvatar name={label} image={image} />\n            </Box>\n          ),\n          dataHook: `multi-reference-tag-${field.id}-${selectedId}`,\n        };\n      }),\n    [selectedValues, idField, displayField, imageField, field.id, tf],\n  );\n\n  const options = useMemo(\n    () =>\n      items.map((item) =>\n        listItemSelectBuilder({\n          id: item.id,\n          title: item.name || tf('patterns-fields.reference.untitled'),\n          prefix: <ReferenceAvatar name={item.name} image={item.image} />,\n        }),\n      ),\n    [items, tf],\n  );\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const selectedId = String(option.id);\n      if (selectedValues.some((item) => item[idField] === selectedId)) {\n        onClearSearch?.();\n        return;\n      }\n      const item = items.find((i) => i.id === selectedId);\n      controller.field.onChange([\n        ...selectedValues,\n        { [idField]: selectedId, [displayField]: item?.name || '' },\n      ]);\n      onClearSearch?.();\n    },\n    [\n      selectedValues,\n      items,\n      idField,\n      displayField,\n      controller.field,\n      onClearSearch,\n    ],\n  );\n\n  const handleRemoveTag = useCallback(\n    (tagId: string) => {\n      controller.field.onChange(\n        selectedValues.filter((item) => item[idField] !== tagId),\n      );\n    },\n    [controller.field, selectedValues, idField],\n  );\n\n  const handleChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      onSearch(e.target.value);\n    },\n    [onSearch],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange([]);\n    onClearSearch?.();\n  }, [controller.field, onClearSearch]);\n\n  const handleBlur = useCallback(() => {\n    onClearSearch?.();\n  }, [onClearSearch]);\n\n  const hideOptions = useCallback(() => msRef.current?.hideOptions?.(), []);\n  const combinedFooter = useReferenceDropdownFooter({\n    fixedFooter,\n    onOpenCollection,\n    hideOptions,\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <MultiSelect\n        ref={(instance: MultiSelectHandle | null) => {\n          msRef.current = instance;\n        }}\n        placeholder={\n          placeholder ?? tf('auto-patterns.fields.select_placeholder')\n        }\n        options={options}\n        value={searchValue ?? ''}\n        size=\"large\"\n        tags={tags}\n        clearOnBlur={false}\n        onChange={handleChange}\n        onSelect={handleSelect}\n        onRemoveTag={handleRemoveTag}\n        onClear={handleClear}\n        onBlur={handleBlur}\n        clearButton={!field.validation?.required}\n        infiniteScroll={!!loadMore}\n        hasMore={hasMore}\n        loadMore={loadMore}\n        fixedFooter={combinedFooter}\n        // Hand the input to react-hook-form so shouldFocusError scrolls to +\n        // focuses this field when it blocks save. The component ref is typed\n        // `never` by WDS, but `inputRef` reaches the real input.\n        inputRef={controller.field.ref}\n        dataHook={`multi-reference-input-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormMultiReference = observer(_FormMultiReference);\n"],"mappings":"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","ignoreList":[]}