move to builder shared

Author: kof

apps/builder/app/builder/features/style-panel/sections/advanced/advanced.tsx

@@ -20,7 +20,7 @@ import {
 } from "../../shared/use-style-data";
 import { useComputedStyles } from "../../shared/model";
 import { getDots } from "../../shared/style-section";
-import { CssEditor, type CssEditorApi } from "../../shared/css-editor";
+import { CssEditor, type CssEditorApi } from "../../../../shared/css-editor";
 import { $advancedStylesLonghands } from "./stores";
 import { $selectedInstanceKey } from "~/shared/awareness";
 

apps/builder/app/builder/features/style-panel/shared/css-editor/add-style-input.tsx renamed to apps/builder/app/builder/shared/css-editor/add-style-input.tsx

@@ -30,7 +30,10 @@ import {
   toValue,
   type StyleProperty,
 } from "@webstudio-is/css-engine";
-import { deleteProperty, setProperty } from "../../shared/use-style-data";
+import {
+  deleteProperty,
+  setProperty,
+} from "../../features/style-panel/shared/use-style-data";
 import { composeEventHandlers } from "~/shared/event-utils";
 import { parseStyleInput } from "./parse-style-input";
 

apps/builder/app/builder/features/style-panel/shared/css-editor/copy-paste-menu.tsx renamed to apps/builder/app/builder/shared/css-editor/copy-paste-menu.tsx

@@ -8,7 +8,7 @@ import {
   $styles,
   $styleSourceSelections,
 } from "~/shared/nano-states";
-import { setProperty } from "../use-style-data";
+import { setProperty } from "../../features/style-panel/shared/use-style-data";
 import { $awareness } from "~/shared/awareness";
 
 const backgroundImage: StyleDecl = {

apps/builder/app/builder/features/style-panel/shared/css-editor/css-editor.stories.tsx renamed to apps/builder/app/builder/shared/css-editor/css-editor.stories.tsx

@@ -32,16 +32,22 @@ import {
   type CssProperty,
   type StyleMap,
 } from "@webstudio-is/css-engine";
-import { CssValueInputContainer } from "../../shared/css-value-input";
-import { styleConfigByName } from "../../shared/configs";
-import { $availableVariables, useComputedStyleDecl } from "../../shared/model";
-import { PropertyInfo } from "../../property-label";
-import { ColorPopover } from "../../shared/color-picker";
+import { CssValueInputContainer } from "../../features/style-panel/shared/css-value-input";
+import { styleConfigByName } from "../../features/style-panel/shared/configs";
+import {
+  $availableVariables,
+  useComputedStyleDecl,
+} from "../../features/style-panel/shared/model";
+import { PropertyInfo } from "../../features/style-panel/property-label";
+import { ColorPopover } from "../../features/style-panel/shared/color-picker";
 import { useClientSupports } from "~/shared/client-supports";
 import { CopyPasteMenu, copyAttribute } from "./copy-paste-menu";
 import { AddStyleInput } from "./add-style-input";
 import { parseStyleInput } from "./parse-style-input";
-import type { DeleteProperty, SetProperty } from "../use-style-data";
+import type {
+  DeleteProperty,
+  SetProperty,
+} from "../../features/style-panel/shared/use-style-data";
 
 // Used to indent the values when they are on the next line. This way its easier to see
 // where the property ends and value begins, especially in case of presets.