@wix/motion 1.0.72 → 1.571.0

package/dist/cjs/playground/controls.js

@@ -0,0 +1,334 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.SelectInput = exports.NumberWithUnitsInput = exports.NumberInput = exports.Control = exports.BooleanInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _playgroundModule = _interopRequireDefault(require("./playground.module.scss"));
+var _jsxFileName = "/home/builduser/work/4b7de8925f0e24d7/packages/motion/dist/cjs/playground/controls.tsx";
+const NumberInput = props => {
+  const {
+    value,
+    min,
+    max,
+    step,
+    onChange
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: [_playgroundModule.default.label, props.className].filter(v => v).join(' '),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 5
+    }
+  }, props.label && /*#__PURE__*/_react.default.createElement("h3", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 37,
+      columnNumber: 23
+    }
+  }, props.label), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.range,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 38,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "range",
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    type: "number",
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
+      columnNumber: 9
+    }
+  })));
+};
+exports.NumberInput = NumberInput;
+const NumberWithUnitsInput = props => {
+  const {
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    onUnitChange
+  } = props;
+  return /*#__PURE__*/_react.default.createElement("label", {
+    className: [_playgroundModule.default.label, props.className].filter(v => v).join(' '),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 60,
+      columnNumber: 5
+    }
+  }, props.label && /*#__PURE__*/_react.default.createElement("h3", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 63,
+      columnNumber: 23
+    }
+  }, props.label), /*#__PURE__*/_react.default.createElement("div", {
+    className: _playgroundModule.default.rangeUnit,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 64,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    type: "range",
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 65,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("input", {
+    type: "number",
+    value,
+    min,
+    max,
+    step,
+    onChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 66,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/_react.default.createElement("select", {
+    value: props.unit,
+    onChange: onUnitChange,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 67,
+      columnNumber: 9
+    }
+  }, props.units.map(u => /*#__PURE__*/_react.default.createElement("option", {
+    value: u,
+    key: props.label + u,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 69,
+      columnNumber: 13
+    }
+  }, u === 'percentage' ? '%' : u)))));
+};
+exports.NumberWithUnitsInput = NumberWithUnitsInput;
+const SelectInput = props => /*#__PURE__*/_react.default.createElement("label", {
+  className: [_playgroundModule.default.label, props.className].filter(v => v).join(' '),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 87,
+    columnNumber: 3
+  }
+}, props.label && /*#__PURE__*/_react.default.createElement("h3", {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 88,
+    columnNumber: 21
+  }
+}, props.label), /*#__PURE__*/_react.default.createElement("select", {
+  value: props.value,
+  onChange: props.onChange,
+  disabled: props.disabled,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 89,
+    columnNumber: 5
+  }
+}, props.options.map((val, i) => /*#__PURE__*/_react.default.createElement("option", {
+  key: `key${i}`,
+  value: Array.isArray(val) ? val[0] : val,
+  disabled: Array.isArray(val) ? !val[1] : false,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 95,
+    columnNumber: 9
+  }
+}, Array.isArray(val) ? val[0] : val))));
+exports.SelectInput = SelectInput;
+const BooleanInput = props => /*#__PURE__*/_react.default.createElement("label", {
+  className: [_playgroundModule.default.label, _playgroundModule.default.labelBool, props.className].filter(v => v).join(' '),
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 117,
+    columnNumber: 3
+  }
+}, props.label && /*#__PURE__*/_react.default.createElement("span", {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 122,
+    columnNumber: 21
+  }
+}, props.label), /*#__PURE__*/_react.default.createElement("input", {
+  type: "checkbox",
+  checked: props.value,
+  onChange: props.onChange,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 123,
+    columnNumber: 5
+  }
+}));
+exports.BooleanInput = BooleanInput;
+const Control = props => {
+  const {
+    label,
+    value = props.default,
+    min = 0,
+    max = 10,
+    step = 0.1,
+    enum: options,
+    units,
+    onChange: onChangeGlobal,
+    className
+  } = props;
+  const onChange = e => {
+    let newValue;
+    if (props.type === 'number-with-unit') {
+      newValue = {
+        value: typeof e.target.valueAsNumber === 'number' ? e.target.valueAsNumber : props.value.value,
+        type: typeof e.target.valueAsNumber === 'number' ? props.value.type : e.target.value
+      };
+    } else if (props.type === 'boolean') {
+      newValue = e.target.checked;
+    } else if (props.type === 'number' && e.target.valueAsNumber) {
+      newValue = e.target.valueAsNumber;
+    } else {
+      newValue = e.target.value;
+    }
+    onChangeGlobal == null || onChangeGlobal(e, newValue);
+  };
+  if (props.type === 'number') {
+    if (options) {
+      return /*#__PURE__*/_react.default.createElement(SelectInput, {
+        label,
+        value: value,
+        options,
+        onChange,
+        className,
+        disabled: options.length < 2,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 164,
+          columnNumber: 9
+        }
+      });
+    } else {
+      return /*#__PURE__*/_react.default.createElement(NumberInput, {
+        label,
+        value: +value,
+        min: +min,
+        max: +max,
+        step: +step,
+        onChange,
+        className,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 177,
+          columnNumber: 9
+        }
+      });
+    }
+  }
+  if (props.type === 'number-with-unit') {
+    return /*#__PURE__*/_react.default.createElement(NumberWithUnitsInput, {
+      label,
+      value: +value.value,
+      unit: value.type,
+      min: +min,
+      max: +max,
+      step: +step,
+      units,
+      onChange,
+      onUnitChange: onChange,
+      className,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 194,
+        columnNumber: 7
+      }
+    });
+  }
+  if (props.type === 'boolean') {
+    return /*#__PURE__*/_react.default.createElement(BooleanInput, {
+      label,
+      value: !!value,
+      onChange,
+      className,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 213,
+        columnNumber: 7
+      }
+    });
+  }
+  if (props.type === 'string') {
+    return options ? /*#__PURE__*/_react.default.createElement(SelectInput, {
+      label,
+      value: value,
+      options,
+      onChange,
+      className,
+      disabled: options.length < 2,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 225,
+        columnNumber: 7
+      }
+    }) : null;
+  }
+  return /*#__PURE__*/_react.default.createElement("p", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 239,
+      columnNumber: 5
+    }
+  }, "Unknown input ", label, " ", value);
+};
+exports.Control = Control;
+//# sourceMappingURL=controls.js.map

package/dist/cjs/playground/controls.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_playgroundModule","_jsxFileName","NumberInput","props","value","min","max","step","onChange","default","createElement","className","styles","label","filter","v","join","__self","__source","fileName","lineNumber","columnNumber","range","type","exports","NumberWithUnitsInput","onUnitChange","rangeUnit","unit","units","map","u","key","SelectInput","disabled","options","val","i","Array","isArray","BooleanInput","labelBool","checked","Control","enum","onChangeGlobal","e","newValue","target","valueAsNumber","length"],"sources":["../../../src/playground/controls.tsx"],"sourcesContent":["import type { UnitLengthPercentage } from '../types';\nimport React, { ChangeEvent } from 'react';\nimport styles from './playground.module.scss';\n\nexport interface ControlProps {\n  default: string | number | boolean | UnitLengthPercentage;\n  type: 'number' | 'string' | 'boolean' | 'number-with-unit';\n  label?: string;\n  value?: string | number | boolean | UnitLengthPercentage;\n  min?: number;\n  max?: number;\n  step?: number;\n  enum?: readonly string[] | readonly number[];\n  units?: readonly string[];\n  onChange?: (\n    event: ChangeEvent<HTMLInputElement | HTMLSelectElement>,\n    value: string | number | boolean | UnitLengthPercentage,\n  ) => void;\n  className?: string;\n  hidden?: boolean;\n}\n\nexport const NumberInput = (props: {\n  label?: string;\n  value: number;\n  min: number;\n  max: number;\n  step: number;\n  onChange?: (event: any) => void;\n  className?: string;\n}) => {\n  const { value, min, max, step, onChange } = props;\n  return (\n    <label\n      className={[styles.label, props.className].filter((v) => v).join(' ')}\n    >\n      {props.label && <h3>{props.label}</h3>}\n      <div className={styles.range}>\n        <input type=\"range\" {...{ value, min, max, step, onChange }} />\n        <input type=\"number\" {...{ value, min, max, step, onChange }} />\n      </div>\n    </label>\n  );\n};\n\nexport const NumberWithUnitsInput = (props: {\n  label?: string;\n  value: number;\n  unit: string;\n  min: number;\n  max: number;\n  step: number;\n  units?: readonly string[];\n  onChange?: (event: any) => void;\n  onUnitChange?: (event: any) => void;\n  className?: string;\n}) => {\n  const { value, min, max, step, onChange, onUnitChange } = props;\n  return (\n    <label\n      className={[styles.label, props.className].filter((v) => v).join(' ')}\n    >\n      {props.label && <h3>{props.label}</h3>}\n      <div className={styles.rangeUnit}>\n        <input type=\"range\" {...{ value, min, max, step, onChange }} />\n        <input type=\"number\" {...{ value, min, max, step, onChange }} />\n        <select value={props.unit} onChange={onUnitChange}>\n          {props.units!.map((u) => (\n            <option value={u} key={props.label + u}>\n              {u === 'percentage' ? '%' : u}\n            </option>\n          ))}\n        </select>\n      </div>\n    </label>\n  );\n};\n\nexport const SelectInput = (props: {\n  label?: string;\n  value: string | number;\n  options: readonly string[] | readonly number[] | readonly [string, boolean][];\n  onChange?: (event: any) => void;\n  className?: string;\n  disabled?: boolean;\n}) => (\n  <label className={[styles.label, props.className].filter((v) => v).join(' ')}>\n    {props.label && <h3>{props.label}</h3>}\n    <select\n      value={props.value}\n      onChange={props.onChange}\n      disabled={props.disabled}\n    >\n      {props.options.map((val, i) => (\n        <option\n          key={`key${i}`}\n          value={\n            Array.isArray(val)\n              ? (val as [string, boolean])[0]\n              : (val as string | number)\n          }\n          disabled={Array.isArray(val) ? !(val as [string, boolean])[1] : false}\n        >\n          {Array.isArray(val) ? (val as [string, boolean])[0] : val}\n        </option>\n      ))}\n    </select>\n  </label>\n);\n\nexport const BooleanInput = (props: {\n  label?: string;\n  value: boolean;\n  onChange?: (event: any) => void;\n  className?: string;\n}) => (\n  <label\n    className={[styles.label, styles.labelBool, props.className]\n      .filter((v) => v)\n      .join(' ')}\n  >\n    {props.label && <span>{props.label}</span>}\n    <input type=\"checkbox\" checked={props.value} onChange={props.onChange} />\n  </label>\n);\n\nexport const Control: React.FC<ControlProps> = (props) => {\n  const {\n    label,\n    value = props.default,\n    min = 0,\n    max = 10,\n    step = 0.1,\n    enum: options,\n    units,\n    onChange: onChangeGlobal,\n    className,\n  } = props;\n  const onChange = (e: ChangeEvent<HTMLInputElement>) => {\n    let newValue;\n    if (props.type === 'number-with-unit') {\n      newValue = {\n        value:\n          typeof e.target.valueAsNumber === 'number'\n            ? e.target.valueAsNumber\n            : (props.value as UnitLengthPercentage).value,\n        type:\n          typeof e.target.valueAsNumber === 'number'\n            ? (props.value as UnitLengthPercentage).type\n            : e.target.value,\n      } as UnitLengthPercentage;\n    } else if (props.type === 'boolean') {\n      newValue = e.target.checked;\n    } else if (props.type === 'number' && e.target.valueAsNumber) {\n      newValue = e.target.valueAsNumber;\n    } else {\n      newValue = e.target.value;\n    }\n    onChangeGlobal?.(e, newValue);\n  };\n  if (props.type === 'number') {\n    if (options) {\n      return (\n        <SelectInput\n          {...{\n            label,\n            value: value as number,\n            options,\n            onChange,\n            className,\n            disabled: options.length < 2,\n          }}\n        />\n      );\n    } else {\n      return (\n        <NumberInput\n          {...{\n            label,\n            value: +value as number,\n            min: +min,\n            max: +max,\n            step: +step,\n            onChange,\n            className,\n          }}\n        />\n      );\n    }\n  }\n\n  if (props.type === 'number-with-unit') {\n    return (\n      <NumberWithUnitsInput\n        {...{\n          label,\n          value: +(value as UnitLengthPercentage).value as number,\n          unit: (value as UnitLengthPercentage).type,\n          min: +min,\n          max: +max,\n          step: +step,\n          units,\n          onChange,\n          onUnitChange: onChange,\n          className,\n        }}\n      />\n    );\n  }\n\n  if (props.type === 'boolean') {\n    return (\n      <BooleanInput\n        {...{\n          label,\n          value: !!value,\n          onChange,\n          className,\n        }}\n      />\n    );\n  }\n  if (props.type === 'string') {\n    return options ? (\n      <SelectInput\n        {...{\n          label,\n          value: value as string,\n          options,\n          onChange,\n          className,\n          disabled: options.length < 2,\n        }}\n      />\n    ) : null;\n  }\n\n  return (\n    <p>\n      Unknown input {label} {value}\n    </p>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/playground/mouse-parallax-components/vector.svg

@@ -0,0 +1,19 @@
+<svg preserveAspectRatio="XMidYMid meet" data-bbox="49.193 20 101.614 159.999" viewBox="49.193 20 101.614 159.999" width="190" height="300" xmlns="http://www.w3.org/2000/svg" data-type="color" role="presentation" aria-hidden="true" aria-label=""><defs><style>#comp-lor3ht6g svg [data-color="1"] {fill: #FFFFFF;}
+	#comp-lor3ht6g svg [data-color="3"] {fill: #DDDBD7;}</style></defs>
+	<g>
+		<path d="m111.823 175.691-1.016-11.682a.494.494 0 0 0-.291-.408l-22.585-10.009-17.938-11.788-19.146-15.874c1.964-1.977 11.022-11.208 16.934-19.168 6.521-8.779 15.829-26.058 21.924-44.872.817-2.523 1.582-5.143 2.322-7.678 2.3-7.88 4.679-16.028 8.927-22.224 2.27-3.31 4.882-5.822 7.986-7.68 3.488-2.087 7.512-3.306 12.301-3.725.682-.06 1.357-.09 2.006-.09 4.213 0 7.674 1.221 10.582 3.733 2.59 2.237 4.676 5.447 6.377 9.812 3.174 8.145 4.384 18.766 5.554 29.038.433 3.796.841 7.382 1.342 10.815 3.319 22.726 5.113 39.59.004 65.902-1.158 5.967-3.641 11.71-7.377 17.071-2.996 4.299-6.801 8.363-11.309 12.081-6.726 5.546-13.049 8.666-14.579 9.384l-2.018-2.638z" fill="#EBD7C3" data-color="1"></path>
+		<path d="M123.248 20.985c4.09 0 7.446 1.182 10.26 3.613 2.527 2.184 4.569 5.33 6.24 9.618 3.151 8.085 4.357 18.674 5.524 28.914.433 3.8.842 7.39 1.345 10.831 1.538 10.533 2.939 20.872 3.171 31.563.239 10.972-.767 21.831-3.163 34.174-1.144 5.894-3.597 11.57-7.288 16.87-2.967 4.26-6.737 8.29-11.206 11.978-6.255 5.162-12.162 8.212-14.138 9.165l-1.69-2.206-1.003-11.539a.986.986 0 0 0-.582-.816l-22.548-9.993-17.882-11.751-18.71-15.513c2.563-2.597 10.99-11.285 16.601-18.838 6.545-8.811 15.885-26.147 21.997-45.014.819-2.529 1.586-5.154 2.326-7.692 2.289-7.843 4.657-15.952 8.861-22.083 2.229-3.251 4.791-5.716 7.833-7.535 3.423-2.048 7.378-3.244 12.091-3.657a22.333 22.333 0 0 1 1.961-.089zm0-.985c-.663 0-1.344.03-2.049.092-23.479 2.057-26.05 23.393-31.963 41.645-5.913 18.252-15.167 35.733-21.851 44.73-6.684 8.997-17.269 19.496-17.269 19.496L69.699 142.2l17.995 11.825 22.622 10.026 1.028 11.825 2.346 3.063s28.76-12.575 33.901-39.053c5.141-26.478 3.342-43.188 0-66.067C144.35 51.627 144.654 20 123.248 20z" fill="#000002" data-color="2"></path>
+		<path d="M108.721 179.507c-3.55 0-4.592-1.479-5.122-3.866-.254-1.141.466-2.949 1.161-4.699.931-2.342 1.894-4.763 1.084-6.555-.376-.833-1.108-1.448-2.175-1.829a2.814 2.814 0 0 0-.949-.16c-2.332 0-5.259 2.655-8.648 5.729-4.586 4.16-9.784 8.875-15.114 8.875a8.552 8.552 0 0 1-3.044-.559c-2.422-.919-3.625-2.863-3.786-6.118-.148-2.984.614-6.672 1.35-10.239 1.402-6.792 2.852-13.815-2.168-16.024-1.572-.692-3.242-1.359-5.009-2.066-4.489-1.795-9.131-3.65-12.396-6.021-3.628-2.635-4.872-5.392-3.914-8.676.387-1.329.974-1.329 1.195-1.329 1.154 0 3.038 1.545 5.033 3.181 2.801 2.297 5.975 4.901 9.081 5.075.101.006.203.009.305.009 2.898 0 6.323-2.183 9.949-4.494 3.412-2.175 6.941-4.424 9.657-4.424 1.003 0 1.834.303 2.541.926 2.245 1.979.042 5.658-2.29 9.554-1.962 3.277-3.99 6.665-3.287 9.263.291 1.074 1.029 1.944 2.195 2.585.826.454 1.814.684 2.937.684 4.251 0 10.095-3.264 15.746-6.421 5.128-2.865 10.431-5.827 13.84-5.827.712 0 1.305.124 1.812.378 3.716 1.864 1.565 6.75-.925 12.407-1.764 4.009-3.589 8.154-3.589 11.843 0 2.737.404 5.518.761 7.971.907 6.241 1.231 9.805-2.665 10.472-1.391.239-2.559.355-3.566.355z" fill="#D4BA8C" data-color="3"></path>
+		<path d="M85.212 125.81c.877 0 1.602.263 2.215.803 1.803 1.589.225 4.568-2.387 8.931-2.014 3.365-4.098 6.845-3.34 9.644.327 1.208 1.145 2.18 2.433 2.888.899.495 1.967.745 3.175.745 4.38 0 10.28-3.296 15.986-6.484 5.073-2.834 10.319-5.764 13.6-5.764.634 0 1.154.107 1.591.326 1.486.745 1.971 1.972 1.622 4.103-.354 2.16-1.531 4.834-2.777 7.665-1.785 4.055-3.631 8.249-3.631 12.042 0 2.773.407 5.572.766 8.042.393 2.705.764 5.26.486 7.062-.268 1.738-1.064 2.565-2.747 2.853-1.366.234-2.506.348-3.485.348-3.251 0-4.14-1.223-4.641-3.48-.221-.993.47-2.73 1.138-4.41.969-2.437 1.971-4.957 1.075-6.94-.434-.959-1.261-1.662-2.458-2.09a3.303 3.303 0 0 0-1.114-.188c-2.522 0-5.371 2.585-8.979 5.857-2.202 1.997-4.697 4.261-7.24 5.956-2.817 1.878-5.285 2.791-7.543 2.791a8.05 8.05 0 0 1-2.869-.527c-2.216-.841-3.318-2.646-3.468-5.681-.144-2.921.611-6.578 1.341-10.115 1.442-6.984 2.932-14.206-2.452-16.575-1.58-.695-3.253-1.364-5.025-2.072-4.461-1.783-9.074-3.628-12.289-5.963-3.437-2.496-4.622-5.082-3.731-8.139.284-.974.603-.974.723-.974.978 0 2.881 1.56 4.72 3.069 2.859 2.345 6.099 5.003 9.366 5.186.109.006.221.009.333.009 3.041 0 6.525-2.22 10.214-4.571 3.353-2.137 6.82-4.347 9.392-4.347zm0-.985c-5.684 0-14.063 8.918-19.606 8.918a5.13 5.13 0 0 1-.278-.008c-5.26-.295-11.117-8.257-14.141-8.257-.745 0-1.318.483-1.668 1.683-2.699 9.255 11.954 13.111 21.594 17.352 9.64 4.242-6.555 28.149 4.627 32.391a8.99 8.99 0 0 0 3.219.591c9.546 0 18.685-14.604 23.762-14.604.273 0 .534.042.783.131 5.398 1.928-1.157 9.255-.386 12.725.604 2.717 1.916 4.252 5.603 4.252 1.022 0 2.228-.118 3.651-.362 6.555-1.123 2.314-10.06 2.314-18.929 0-8.869 11.183-21.208 4.242-24.69-.591-.296-1.273-.43-2.033-.43-7.26 0-21.545 12.248-29.586 12.248-1.006 0-1.915-.192-2.7-.623-7.712-4.242 8.869-16.581 3.47-21.339-.838-.738-1.805-1.049-2.867-1.049z" fill="#000002" data-color="2"></path>
+		<path d="M116.96 71.74c-4.643 0-7.702-7.449-8.538-9.757 1.13.667 3.773 1.917 7.704 1.917.334 0 .675-.009 1.013-.028 4.433-.241 7.021-1.926 8.073-2.793-.448 2.307-2.249 9.533-7.35 10.569a4.557 4.557 0 0 1-.902.092z" fill="#000002" data-color="2"></path>
+		<path d="M124.836 61.673c-.612 2.737-2.469 8.808-7.023 9.733a4.288 4.288 0 0 1-.853.087c-4.139 0-7.009-6.227-8.075-8.978 1.364.697 3.829 1.63 7.242 1.63.339 0 .684-.009 1.027-.028 3.876-.21 6.374-1.517 7.682-2.444zm.742-1.267s-2.607 2.902-8.453 3.22c-.342.019-.675.027-1 .027-5.223 0-8.171-2.27-8.171-2.27s3.291 10.603 9.005 10.603c.31 0 .627-.031.951-.097 6.299-1.279 7.668-11.483 7.668-11.483z" fill="#000002" data-color="2"></path>
+		<path d="M108.675 53.894c-.379 0-.727-.089-1.032-.266-1.403-.81-1.535-3.217-.294-5.366.93-1.611 2.442-2.694 3.763-2.694.379 0 .727.089 1.032.266.663.383 1.065 1.141 1.132 2.133.069 1.029-.228 2.177-.838 3.233-.931 1.611-2.443 2.694-3.763 2.694z" fill="#000002" data-color="2"></path>
+		<path d="M111.111 45.814c.335 0 .641.078.909.233 1.264.73 1.357 3.033.204 5.03-.888 1.538-2.314 2.571-3.549 2.571-.336 0-.641-.078-.909-.233-1.264-.73-1.357-3.033-.204-5.03.888-1.538 2.314-2.571 3.549-2.571zm0-.493c-1.375 0-2.967 1.07-3.976 2.817-1.311 2.27-1.139 4.824.384 5.703a2.28 2.28 0 0 0 1.155.299c1.375 0 2.967-1.07 3.976-2.817 1.311-2.27 1.139-4.824-.384-5.703a2.28 2.28 0 0 0-1.155-.299z" fill="#000002" data-color="2"></path>
+		<path d="M127.332 54.046c-1.303 0-2.758-1.201-3.54-2.92-.483-1.061-.66-2.181-.499-3.153.155-.936.606-1.618 1.27-1.921.244-.111.51-.167.791-.167 1.303 0 2.758 1.201 3.54 2.92.982 2.158.636 4.434-.771 5.074a1.899 1.899 0 0 1-.791.167z" fill="#000002" data-color="2"></path>
+		<path d="M125.354 46.132c1.209 0 2.573 1.141 3.316 2.775.91 1.999.612 4.173-.649 4.747a1.659 1.659 0 0 1-.689.145c-1.209 0-2.573-1.141-3.316-2.775-.463-1.017-.633-2.086-.48-3.011.141-.853.542-1.469 1.129-1.736.211-.096.443-.145.689-.145zm0-.493c-.31 0-.611.061-.893.19-1.533.697-1.933 3.115-.893 5.4.848 1.864 2.392 3.064 3.765 3.064.31 0 .611-.061.893-.19 1.533-.697 1.933-3.115.893-5.4-.849-1.864-2.393-3.064-3.765-3.064z" fill="#000002" data-color="2"></path>
+		<path d="M77.318 128.931a.492.492 0 0 1-.39-.793c.063-.082 6.389-8.331 13.233-19.928 6.819-11.554 9.79-24.977 9.819-25.111a.493.493 0 0 1 .963.209c-.03.136-3.032 13.709-9.933 25.403-6.877 11.652-13.238 19.946-13.301 20.028a.492.492 0 0 1-.391.192z" fill="#000002" data-color="2"></path>
+		<path d="M83.09 141.031a.493.493 0 0 1-.369-.82c.096-.108 9.583-10.896 12.41-19.375 2.845-8.536 4.824-21.313 4.843-21.441a.492.492 0 1 1 .974.15c-.02.129-2.01 12.987-4.883 21.603-2.891 8.672-12.211 19.27-12.607 19.717a.49.49 0 0 1-.368.166z" fill="#000002" data-color="2"></path>
+		<path d="M107.616 139.509a.493.493 0 0 1-.395-.786c.076-.103 7.654-10.375 11.441-20.031 3.761-9.59 2.068-20.84 2.05-20.952a.493.493 0 1 1 .974-.152c.018.115 1.754 11.621-2.106 21.464-3.836 9.781-11.49 20.155-11.567 20.259a.496.496 0 0 1-.397.198z" fill="#000002" data-color="2"></path>
+		<path d="M114.595 163.646a.493.493 0 0 1-.431-.731c.074-.134 7.431-13.501 10.466-22.534 3.022-8.994 2.487-32.635 2.481-32.873a.492.492 0 1 1 .985-.023c.024.978.545 24.052-2.532 33.211-3.063 9.118-10.464 22.562-10.538 22.697a.493.493 0 0 1-.431.253z" fill="#000002" data-color="2"></path>
+	</g>
+</svg>

package/dist/cjs/playground/mouseComponent.js

@@ -0,0 +1,114 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.MouseComponent = exports.COMPONENTS_TYPE = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _playgroundModule = _interopRequireDefault(require("./playground.module.scss"));
+var _vector = _interopRequireDefault(require("./mouse-parallax-components/vector.svg?url"));
+var _plastic = _interopRequireDefault(require("./mouse-parallax-components/plastic.jpeg"));
+var _jsxFileName = "/home/builduser/work/4b7de8925f0e24d7/packages/motion/dist/cjs/playground/mouseComponent.tsx";
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const COMPONENTS_TYPE = exports.COMPONENTS_TYPE = {
+  image: 'image',
+  square: 'square',
+  svg: 'SVG',
+  text: 'text'
+};
+const MouseComponent = exports.MouseComponent = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    type,
+    rotation
+  } = props;
+  switch (type) {
+    case COMPONENTS_TYPE.image:
+      return /*#__PURE__*/_react.default.createElement("img", {
+        id: "plastic",
+        className: _playgroundModule.default.imageComponent,
+        src: _plastic.default,
+        alt: "Plastic bag in ocean",
+        ref: ref,
+        style: {
+          '--comp-rotate-z': `${rotation}deg`
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 33,
+          columnNumber: 9
+        }
+      });
+    case COMPONENTS_TYPE.square:
+      return /*#__PURE__*/_react.default.createElement("div", {
+        className: _playgroundModule.default.component,
+        ref: ref,
+        style: {
+          background: 'MediumSlateBlue',
+          '--comp-rotate-z': `${rotation}deg`
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 48,
+          columnNumber: 9
+        }
+      }, "Mouse");
+    case COMPONENTS_TYPE.svg:
+      return /*#__PURE__*/_react.default.createElement("img", {
+        id: "vector",
+        className: _playgroundModule.default.svgComponent,
+        src: _vector.default,
+        alt: "Friendly ghost",
+        ref: ref,
+        style: {
+          '--comp-rotate-z': `${rotation}deg`
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 63,
+          columnNumber: 9
+        }
+      });
+    case COMPONENTS_TYPE.text:
+      return /*#__PURE__*/_react.default.createElement("h1", {
+        id: "large-header",
+        className: _playgroundModule.default.textComponent,
+        ref: ref,
+        style: {
+          '--comp-rotate-z': `${rotation}deg`
+        },
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 78,
+          columnNumber: 9
+        }
+      }, "Dare ", /*#__PURE__*/_react.default.createElement("br", {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 88,
+          columnNumber: 16
+        }
+      }), " To Be ", /*#__PURE__*/_react.default.createElement("br", {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 88,
+          columnNumber: 29
+        }
+      }), " BOLD");
+    default:
+      return /*#__PURE__*/_react.default.createElement("p", {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 92,
+          columnNumber: 14
+        }
+      }, "Unknown input ", type);
+  }
+});
+//# sourceMappingURL=mouseComponent.js.map

package/dist/cjs/playground/mouseComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_playgroundModule","_interopRequireDefault","_vector","_plastic","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","COMPONENTS_TYPE","exports","image","square","svg","text","MouseComponent","forwardRef","props","ref","type","rotation","createElement","id","className","styles","imageComponent","src","plastic","alt","style","__self","__source","fileName","lineNumber","columnNumber","component","background","svgComponent","ghost","textComponent"],"sources":["../../../src/playground/mouseComponent.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef, Ref } from 'react';\n\nimport styles from './playground.module.scss';\nimport ghost from './mouse-parallax-components/vector.svg?url';\nimport plastic from './mouse-parallax-components/plastic.jpeg';\n\nexport type MouseComponentType = 'image' | 'square' | 'SVG' | 'text';\n\nexport interface MouseComponentProps {\n  type: MouseComponentType;\n  ref: Ref<HTMLElement>;\n  rotation: number;\n}\n\nexport const COMPONENTS_TYPE: Record<\n  Lowercase<MouseComponentType>,\n  MouseComponentType\n> = {\n  image: 'image',\n  square: 'square',\n  svg: 'SVG',\n  text: 'text',\n};\n\nexport const MouseComponent: React.FC<MouseComponentProps> = forwardRef<\n  HTMLElement,\n  MouseComponentProps\n>((props, ref) => {\n  const { type, rotation } = props;\n  switch (type) {\n    case COMPONENTS_TYPE.image:\n      return (\n        <img\n          id=\"plastic\"\n          className={styles.imageComponent}\n          src={plastic}\n          alt=\"Plastic bag in ocean\"\n          ref={ref as Ref<HTMLImageElement>}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        />\n      );\n    case COMPONENTS_TYPE.square:\n      return (\n        <div\n          className={styles.component}\n          ref={ref as Ref<HTMLDivElement>}\n          style={\n            {\n              background: 'MediumSlateBlue',\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        >\n          Mouse\n        </div>\n      );\n    case COMPONENTS_TYPE.svg:\n      return (\n        <img\n          id=\"vector\"\n          className={styles.svgComponent}\n          src={ghost}\n          alt=\"Friendly ghost\"\n          ref={ref as Ref<HTMLImageElement>}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        />\n      );\n    case COMPONENTS_TYPE.text:\n      return (\n        <h1\n          id=\"large-header\"\n          className={styles.textComponent}\n          ref={ref as Ref<HTMLHeadingElement>}\n          style={\n            {\n              '--comp-rotate-z': `${rotation}deg`,\n            } as CSSProperties\n          }\n        >\n          Dare <br /> To Be <br /> BOLD\n        </h1>\n      );\n    default:\n      return <p>Unknown input {type}</p>;\n  }\n});\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/playground/playground-common.js

@@ -0,0 +1,84 @@
+"use strict";
+
+exports.__esModule = true;
+exports.c = c;
+exports.getAnimations = getAnimations;
+exports.mapLegacySchemaToDefaultData = mapLegacySchemaToDefaultData;
+exports.mapSchemaToDefaultData = mapSchemaToDefaultData;
+exports.rangeMapper = void 0;
+exports.resetAnimation = resetAnimation;
+exports.schemaMapper = void 0;
+const schemaMapper = exports.schemaMapper = {
+  wix: 'wix',
+  desktop: 'wix',
+  mobile: 'wix',
+  responsive: 'responsive'
+};
+const rangeMapper = exports.rangeMapper = {
+  in: 'scrollIn',
+  out: 'scrollOut',
+  continuous: 'scrollContinuous'
+};
+function mapSchemaToDefaultData(schema, schemaEditor) {
+  if (!schema) {
+    console.error('Schema is undefined');
+    return {};
+  }
+  return Object.fromEntries(Object.entries(schema).map(([param, values]) => {
+    const defaultValue = schemaEditor === 'mobile' ? values.mobileDefault ?? values.default : values.default;
+    let value = defaultValue;
+    if (param === 'duration') {
+      value = defaultValue ?? 1000;
+    } else if (param === 'delay') {
+      value = defaultValue ?? 0;
+    } else if (values.type === 'number') {
+      value = +value;
+    }
+    return [param, value];
+  }));
+}
+function resetAnimation(element, timeline,
+// TODO
+scroll) {
+  var _timeline$progress;
+  // Clear
+  scroll == null || scroll.destroy();
+  timeline == null || (_timeline$progress = timeline.progress(1)) == null || _timeline$progress.kill();
+  element.style.perspective = '';
+  element.style.perspectiveOrigin = '';
+  element.style.transformOrigin = '';
+  element.style.transform = '';
+  element.style.opacity = '';
+  element.style.clipPath = '';
+  element.style.clip = '';
+  element.style.filter = '';
+  delete element._gsap;
+}
+function getAnimations(defs, includeGroups = [], excludeGroups = []) {
+  return Object.fromEntries(Object.entries(defs).filter(([, value]) => includeGroups.every(group => {
+    var _value$groups;
+    return (_value$groups = value.groups) == null ? void 0 : _value$groups.includes(group);
+  }) && !excludeGroups.some(group => {
+    var _value$groups2;
+    return (_value$groups2 = value.groups) == null ? void 0 : _value$groups2.includes(group);
+  })));
+}
+
+// return args as space separated string, filter all falsy values
+function c(...args) {
+  return args.filter(Boolean).join(' ');
+}
+function mapLegacySchemaToDefaultData(schema, data = {}) {
+  return Object.fromEntries(Object.entries(schema).map(([param, values]) => {
+    let value = values.default;
+    if (param === 'duration') {
+      value = data.duration ?? 1;
+    } else if (param === 'delay') {
+      value = data.delay ?? 0;
+    } else if (values.type === 'number') {
+      value = +value;
+    }
+    return [param, value];
+  }));
+}
+//# sourceMappingURL=playground-common.js.map

package/dist/cjs/playground/playground-common.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["schemaMapper","exports","wix","desktop","mobile","responsive","rangeMapper","in","out","continuous","mapSchemaToDefaultData","schema","schemaEditor","console","error","Object","fromEntries","entries","map","param","values","defaultValue","mobileDefault","default","value","type","resetAnimation","element","timeline","scroll","_timeline$progress","destroy","progress","kill","style","perspective","perspectiveOrigin","transformOrigin","transform","opacity","clipPath","clip","filter","_gsap","getAnimations","defs","includeGroups","excludeGroups","every","group","_value$groups","groups","includes","some","_value$groups2","c","args","Boolean","join","mapLegacySchemaToDefaultData","data","duration","delay"],"sources":["../../../src/playground/playground-common.ts"],"sourcesContent":["import { EffectConfig, OneOfEffects } from '@wix/effects-kit';\nimport { Scroll } from 'fizban';\nimport { AnimationProperties } from '../types';\n\nexport type SchemaEditor = 'wix' | 'responsive' | 'mobile';\nexport type SchemaValid = Exclude<SchemaEditor, 'mobile'>;\n\nexport const schemaMapper = {\n  wix: 'wix' as SchemaValid,\n  desktop: 'wix' as SchemaValid,\n  mobile: 'wix' as SchemaValid,\n  responsive: 'responsive' as SchemaValid,\n} as const;\n\nexport const rangeMapper = {\n  in: 'scrollIn',\n  out: 'scrollOut',\n  continuous: 'scrollContinuous',\n} as const;\n\nexport function mapSchemaToDefaultData(\n  schema?: EffectConfig<OneOfEffects>['schema'],\n  schemaEditor?: SchemaEditor,\n) {\n  if (!schema) {\n    console.error('Schema is undefined');\n    return {};\n  }\n  return Object.fromEntries(\n    Object.entries(schema).map(([param, values]) => {\n      const defaultValue =\n        schemaEditor === 'mobile'\n          ? values.mobileDefault ?? values.default\n          : values.default;\n      let value = defaultValue;\n      if (param === 'duration') {\n        value = defaultValue ?? 1000;\n      } else if (param === 'delay') {\n        value = defaultValue ?? 0;\n      } else if (values.type === 'number') {\n        value = +value;\n      }\n      return [param, value];\n    }),\n  );\n}\n\nexport function resetAnimation(\n  element: HTMLElement & { _gsap?: any },\n  timeline?: any, // TODO\n  scroll?: typeof Scroll,\n) {\n  // Clear\n  scroll?.destroy();\n  timeline?.progress(1)?.kill();\n\n  element.style.perspective = '';\n  element.style.perspectiveOrigin = '';\n  element.style.transformOrigin = '';\n  element.style.transform = '';\n  element.style.opacity = '';\n  element.style.clipPath = '';\n  element.style.clip = '';\n  element.style.filter = '';\n\n  delete element._gsap;\n}\n\nexport function getAnimations(\n  defs: { [key: string]: Partial<AnimationProperties> },\n  includeGroups: string[] = [],\n  excludeGroups: string[] = [],\n) {\n  return Object.fromEntries(\n    Object.entries(defs).filter(\n      ([, value]) =>\n        includeGroups.every((group) => value.groups?.includes(group)) &&\n        !excludeGroups.some((group) => value.groups?.includes(group)),\n    ),\n  );\n}\n\n// return args as space separated string, filter all falsy values\nexport function c(...args: (string | null | undefined)[]) {\n  return args.filter(Boolean).join(' ');\n}\n\nexport type AnimateFunction = () => any;\n\nexport function mapLegacySchemaToDefaultData(\n  schema: AnimationProperties['schema'],\n  data: AnimationProperties['schema'] = {},\n) {\n  return Object.fromEntries(\n    Object.entries(schema).map(([param, values]) => {\n      let value = values.default;\n      if (param === 'duration') {\n        value = data.duration ?? 1;\n      } else if (param === 'delay') {\n        value = data.delay ?? 0;\n      } else if (values.type === 'number') {\n        value = +value;\n      }\n      return [param, value];\n    }),\n  );\n}\n"],"mappings":"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","ignoreList":[]}