@vuu-ui/vuu-layout 0.8.23-debug → 0.8.24-debug

package/cjs/index.js

@@ -1896,7 +1896,7 @@ DraggableLayout.displayName = componentName;
 registerComponent(componentName, DraggableLayout, "container");
 
 // src/flexbox/Flexbox.tsx
-var import_core5 = require("@salt-ds/core");
+var import_core4 = require("@salt-ds/core");
 var import_clsx9 = __toESM(require("clsx"));
 var import_react29 = require("react");
 
@@ -1908,7 +1908,7 @@ var import_react28 = __toESM(require("react"));
 var import_clsx7 = __toESM(require("clsx"));
 
 // src/placeholder/LayoutStartPanel.tsx
-var import_core4 = require("@salt-ds/core");
+var import_core3 = require("@salt-ds/core");
 var import_react26 = require("react");
 
 // src/layout-view/useViewActionDispatcher.ts
@@ -3958,13 +3958,12 @@ var useViewActionDispatcher = (id, root, viewPath, dropTargets) => {
 
 // src/layout-view/View.tsx
 var import_vuu_utils7 = require("@vuu-ui/vuu-utils");
-var import_core3 = require("@salt-ds/core");
+var import_core2 = require("@salt-ds/core");
 var import_clsx6 = __toESM(require("clsx"));
 var import_react25 = __toESM(require("react"));
 
 // src/layout-header/Header.tsx
 var import_vuu_ui_controls = require("@vuu-ui/vuu-ui-controls");
-var import_core2 = require("@salt-ds/core");
 var import_clsx5 = __toESM(require("clsx"));
 var import_react19 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -4055,9 +4054,9 @@ var Header = ({
   );
   closeable && actionButtons.push(
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_core2.Button,
+      import_vuu_ui_controls.IconButton,
       {
-        "data-icon": "close",
+        icon: "close",
         onClick: handleClose,
         onMouseDown: handleButtonMouseDown,
         variant: "secondary"
@@ -4578,7 +4577,7 @@ var View = (0, import_react25.forwardRef)(function View2(props, forwardedRef) {
       }),
       "data-resizeable": resizeable,
       id,
-      ref: (0, import_core3.useForkRef)(forwardedRef, rootRef),
+      ref: (0, import_core2.useForkRef)(forwardedRef, rootRef),
       style,
       tabIndex: -1,
       children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(ViewContext.Provider, { value: viewContextValue, children: [
@@ -4635,7 +4634,7 @@ var LayoutStartPanel = (htmlAttributes) => {
       /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: `${classBase5}-text`, children: "To add a table, drag any of the Vuu Tables to this area or click the button below" })
     ] }) : null,
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-      import_core4.Button,
+      import_core3.Button,
       {
         className: `${classBase5}-addButton`,
         "data-icon": "add",
@@ -5115,7 +5114,7 @@ var Flexbox = (0, import_react29.forwardRef)(function Flexbox2(props, ref) {
       className,
       "data-resizeable": resizeable || void 0,
       id,
-      ref: (0, import_core5.useForkRef)(rootRef, ref),
+      ref: (0, import_core4.useForkRef)(rootRef, ref),
       style: {
         ...style,
         gap,
@@ -5151,7 +5150,7 @@ registerComponent("Flexbox", FlexboxLayout, "container");
 
 // src/flexbox/FluidGrid.tsx
 var import_vuu_utils10 = require("@vuu-ui/vuu-utils");
-var import_core6 = require("@salt-ds/core");
+var import_core5 = require("@salt-ds/core");
 var import_clsx10 = __toESM(require("clsx"));
 var import_react32 = require("react");
 
@@ -5271,7 +5270,7 @@ var FluidGrid = (0, import_react32.forwardRef)(function FluidGrid2(props, ref) {
       "data-cols": cols,
       "data-resizeable": resizeable || void 0,
       id,
-      ref: (0, import_core6.useForkRef)(rootRef, ref),
+      ref: (0, import_core5.useForkRef)(rootRef, ref),
       style,
       children: content
     }
@@ -5692,7 +5691,7 @@ var ConfigWrapper = ({ children }) => {
 };
 
 // src/tools/devtools-box/layout-configurator.jsx
-var import_core7 = require("@salt-ds/core");
+var import_core6 = require("@salt-ds/core");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var NO_STYLE2 = {};
 var DIMENSIONS = {
@@ -5719,8 +5718,8 @@ var LayoutBox = ({ feature, children, style, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `LayoutBox layout-${feature} layout-outer`, children: [
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `layout-top`, children: [
       /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "layout-title", children: feature }),
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core7.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        import_core7.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core6.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core6.Input,
         {
           value: style.top,
           onChange: (evt, value) => onChange(feature, "top", value)
@@ -5728,24 +5727,24 @@ var LayoutBox = ({ feature, children, style, onChange }) => {
       ) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: `layout-inner`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `layout-left`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core7.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        import_core7.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `layout-left`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core6.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core6.Input,
         {
           value: style.left,
           onChange: (evt, value) => onChange(feature, "left", value)
         }
       ) }) }),
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `layout-right`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core7.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-        import_core7.Input,
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `layout-right`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core6.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        import_core6.Input,
         {
           value: style.right,
           onChange: (evt, value) => onChange(feature, "right", value)
         }
       ) }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `layout-bottom`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core7.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-      import_core7.Input,
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: `layout-bottom`, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_core6.FormField, { className: "layout-input", style: { width: 30 }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+      import_core6.Input,
       {
         value: style.bottom,
         onChange: (evt, value) => onChange(feature, "bottom", value)