Centralize ui-box dependency

Author: davenquinn

packages/column-components/package.json

@@ -58,7 +58,6 @@
     "@macrostrat/stratigraphy-utils": "workspace:^",
     "@macrostrat/timescale": "workspace:^",
     "@macrostrat/ui-components": "workspace:^",
-    "chroma-js": "^3.2.0",
     "classnames": "^2.5.1",
     "d3-axis": "^3.0.0",
     "d3-format": "^3.1.2",
@@ -71,9 +70,11 @@
     "react-scroll": "^1.7.16",
     "react-select": "^3.0.8",
     "react-svg-textures": "^1.4.7",
-    "ui-box": "^5.4.1",
     "uuid": "^7.0.3"
   },
+  "rollupInternal": [
+    "labella"
+  ],
   "devDependencies": {
     "@macrostrat/web-components-bundler": "workspace:*"
   },

packages/column-components/src/edit-overlay.ts

@@ -15,7 +15,7 @@ import {
   ColumnDivision,
 } from "./context";
 import chroma from "chroma-js";
-import Box from "ui-box";
+import { Box }  from "@macrostrat/ui-components";
 
 const fmt = format(".1f");
 const fmt2 = format(".2f");

packages/column-components/src/util/column-box.ts

@@ -2,7 +2,7 @@ import h from "@macrostrat/hyper";
 import { useContext } from "react";
 import { ColumnContext } from "../context";
 import classNames from "classnames";
-import { default as Box } from "ui-box";
+import { Box } from "@macrostrat/ui-components";
 import { path } from "d3-path";
 import type { Path } from "d3-path";
 

packages/column-components/src/util/scroll-box.ts

@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useRef } from "react";
-import Box from "ui-box";
+import { Box } from "@macrostrat/ui-components";
 import h from "@macrostrat/hyper";
 import { useColumn } from "../context";
 

packages/column-creator/package.json

@@ -54,7 +54,6 @@
     "@macrostrat/hyper": "^3.0.6",
     "@macrostrat/ui-components": "workspace:^",
     "immutability-helper": "^3.1.1",
-    "ui-box": "^5.4.1",
     "zustand": "^5.0.3",
     "zustand-computed": "^2.0.2"
   },

packages/column-creator/src/index.ts

@@ -2,7 +2,7 @@ import { ColumnCreatorData, ColumnCreatorProvider, useSelector } from "./store";
 import { ColorCell, ColorPicker, DataSheet } from "@macrostrat/data-sheet";
 
 export * from "./store";
-import { FlexRow, ToasterContext } from "@macrostrat/ui-components";
+import { FlexRow, ToasterContext, Box } from "@macrostrat/ui-components";
 import {
   BasicUnitComponent,
   Column,
@@ -14,7 +14,6 @@ import { Radio, RadioGroup, SegmentedControl } from "@blueprintjs/core";
 import { useState } from "react";
 
 import styles from "./index.module.sass";
-import Box from "ui-box";
 
 const h = hyper.styled(styles);
 

packages/form-components/package.json

@@ -62,8 +62,7 @@
     "@types/react-dom": "^18",
     "axios": "^1.13.2",
     "classnames": "^2.5.1",
-    "mapbox-gl": "^2.15.0||^3.0.0",
-    "ui-box": "^5.4.1"
+    "mapbox-gl": "^2.15.0||^3.0.0"
   },
   "devDependencies": {
     "@macrostrat/web-components-bundler": "workspace:*"

packages/form-components/src/actions/action-preflight.stories.ts

@@ -1,12 +1,12 @@
 import type { Meta, StoryFn, StoryObj } from "@storybook/react-vite";
 import h from "@macrostrat/hyper";
 import { ActionDef, ActionsPreflightPanel } from ".";
-import Box from "ui-box";
 import { FormGroup, NumericInput, Spinner } from "@blueprintjs/core";
 import {
   NullableSlider,
   ToasterContext,
   useToaster,
+  Box
 } from "@macrostrat/ui-components";
 import {
   BaseDataTypeSelect,

packages/form-components/src/item-select/examples.ts

@@ -2,7 +2,7 @@
  * NOT exported.
  */
 import h from "@macrostrat/hyper";
-import Box from "ui-box";
+import { Box } from "@macrostrat/ui-components";
 import { MenuItem } from "@blueprintjs/core";
 import { ItemSelect } from ".";
 

packages/form-components/src/item-select/item-select.stories.ts

@@ -1,7 +1,6 @@
 import type { Meta, StoryFn } from "@storybook/react-vite";
 import h from "@macrostrat/hyper";
-import Box from "ui-box";
-import { ToasterContext } from "@macrostrat/ui-components";
+import { Box, ToasterContext } from "@macrostrat/ui-components";
 import { useState } from "react";
 import { ItemSelect } from ".";
 import {