@noya-app/noya-designsystem 0.1.28 → 0.1.29

package/dist/index.mjs

@@ -15048,7 +15048,7 @@ var TreeView;
 
 // src/components/WorkspaceLayout.tsx
 import { useKeyboardShortcuts as useKeyboardShortcuts3 } from "@noya-app/noya-keymap";
-import React71, { forwardRef as forwardRef20, useImperativeHandle as useImperativeHandle4, useRef as useRef22 } from "react";
+import React71, { forwardRef as forwardRef20, memo as memo32, useImperativeHandle as useImperativeHandle4, useRef as useRef22 } from "react";
 import {
   Panel,
   PanelGroup,
@@ -15189,7 +15189,7 @@ function usePreservePanelSize(panelGroupRef, setPanelLayoutState) {
 }
 
 // src/components/WorkspaceLayout.tsx
-var WorkspaceLayout = forwardRef20(function WorkspaceLayout2({
+var WorkspaceLayoutWithTheme = forwardRef20(function WorkspaceLayoutWithTheme2({
   autoSavePrefix,
   leftSidebarContent: leftPanelContent,
   children: centerPanelContent,
@@ -15370,6 +15370,9 @@ var WorkspaceLayout = forwardRef20(function WorkspaceLayout2({
     )
   );
 });
+var WorkspaceLayout = memo32(function WorkspaceLayout2(props) {
+  return /* @__PURE__ */ React71.createElement(DesignSystemThemeProvider, null, /* @__PURE__ */ React71.createElement(WorkspaceLayoutWithTheme, { ...props }));
+});
 
 // src/hooks/usePlatform.ts
 function usePlatform() {
@@ -15413,7 +15416,7 @@ var SUPPORTED_CANVAS_UPLOAD_TYPES = [
 
 // src/components/ArrayController.tsx
 import { range as range2 } from "@noya-app/noya-utils";
-import React73, { memo as memo33, useCallback as useCallback27, useMemo as useMemo24 } from "react";
+import React73, { memo as memo34, useCallback as useCallback27, useMemo as useMemo24 } from "react";
 import styled36, { useTheme as useTheme5 } from "styled-components";
 
 // src/components/InspectorPrimitives.tsx
@@ -15432,7 +15435,7 @@ __export(InspectorPrimitives_exports, {
   Title: () => Title3,
   VerticalSeparator: () => VerticalSeparator
 });
-import React72, { memo as memo32 } from "react";
+import React72, { memo as memo33 } from "react";
 import styled35, { useTheme as useTheme4 } from "styled-components";
 var Section2 = styled35.div(({ theme, $padding = "10px", $gap }) => ({
   flex: "0 0 auto",
@@ -15500,7 +15503,7 @@ var RowLabel = styled35.span(({ theme, $textStyle }) => ({
   // Button height
   alignItems: "center"
 }));
-var LabeledRow = memo32(function LabeledRow2({
+var LabeledRow = memo33(function LabeledRow2({
   id,
   children: children2,
   label,
@@ -15510,7 +15513,7 @@ var LabeledRow = memo32(function LabeledRow2({
 }) {
   return /* @__PURE__ */ React72.createElement(Row2, { id }, /* @__PURE__ */ React72.createElement(Column2, null, /* @__PURE__ */ React72.createElement(RowLabel, { $textStyle: labelTextStyle }, label, right && /* @__PURE__ */ React72.createElement(Spacer.Horizontal, null), right), /* @__PURE__ */ React72.createElement(Row2, { $gap: gap }, children2)));
 });
-var LabeledSliderRow = memo32(function LabeledRow3({
+var LabeledSliderRow = memo33(function LabeledRow3({
   children: children2,
   label
 }) {
@@ -15527,7 +15530,7 @@ var ElementRow = styled36.div({
 var ItemContainer2 = styled36.div({
   position: "relative"
 });
-var ArrayController = memo33(function ArrayController2({
+var ArrayController = memo34(function ArrayController2({
   id,
   items,
   title,
@@ -15621,11 +15624,11 @@ var ArrayController = memo33(function ArrayController2({
 
 // src/components/DimensionInput.tsx
 import { round } from "@noya-app/noya-utils";
-import React74, { memo as memo34, useCallback as useCallback28 } from "react";
+import React74, { memo as memo35, useCallback as useCallback28 } from "react";
 function getNewValue(value, mode, delta) {
   return delta === void 0 ? value : mode === "replace" ? delta : value + delta;
 }
-var DimensionInput = memo34(function DimensionInput2({
+var DimensionInput = memo35(function DimensionInput2({
   id,
   value,
   onSetValue,