Refactor directory structure

packages/cli/src/compiler/CSSGenerator.ts

@@ -4,7 +4,7 @@ import { Page } from "@uimix/model/src/models/Page";
 import * as CodeAsset from "@uimix/adapter-types";
 import { Selectable, Variant } from "@uimix/model/src/models";
 import { ClassNameGenerator } from "./ClassNameGenerator";
-import { SelfAndChildrenCSS } from "@uimix/elements-react";
+import { SelfAndChildrenCSS } from "@uimix/elements-react/src/style";
 
 function isDesignToken(
   value: CodeAsset.DesignToken | CodeAsset.DesignTokens

packages/elements-react/src/Box.stories.tsx → packages/elements-react/src/components/Box.stories.tsx

@@ -1,4 +1,4 @@
-import { Box, Text } from "./index";
+import { Box, Text } from "./Box";
 
 export default {
   title: "Box",

packages/elements-react/src/Box.tsx → packages/elements-react/src/components/Box.tsx

@@ -1,6 +1,10 @@
 import { ReactNode, useId } from "react";
-import { StyleProps, defaultStyle } from "./StyleProps";
-import { SelfAndChildrenCSS, buildNodeCSS } from "./buildNodeCSS";
+import {
+  StyleProps,
+  defaultStyle,
+  SelfAndChildrenCSS,
+  buildNodeCSS,
+} from "../style";
 
 function kebabCase(str: string): string {
   return str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);

packages/elements-react/src/components/index.ts

@@ -0,0 +1 @@
+export * from "./Box";

packages/elements-react/src/index.ts

@@ -1,3 +1,2 @@
-export * from "./Box";
-export * from "./StyleProps";
-export * from "./buildNodeCSS";
+export * from "./components";
+export * from "./style";

packages/elements-react/src/style/index.ts

@@ -0,0 +1,2 @@
+export * from "./buildNodeCSS";
+export * from "./StyleProps";

packages/model/src/models/Selectable.ts

@@ -15,7 +15,7 @@ import {
   buildNodeCSS,
   SelfAndChildrenCSS,
   StyleProps,
-} from "@uimix/elements-react";
+} from "@uimix/elements-react/src/style";
 
 export interface IComputedRectProvider {
   readonly value: Rect | undefined;