@measured/puck 0.12.0-canary.2e931bc → 0.12.0-canary.53e3fc5

package/README.md

@@ -33,7 +33,7 @@ Render the editor:
 ```jsx
 // Editor.jsx
 import { Puck } from "@measured/puck";
-import "@measured/puck/dist/index.css";
+import "@measured/puck/puck.css";
 
 // Create puck component config
 const config = {
@@ -71,7 +71,7 @@ Render the page:
 ```jsx
 // Page.jsx
 import { Render } from "@measured/puck";
-import "@measured/puck/dist/index.css";
+import "@measured/puck/puck.css";
 
 export function Page() {
   return <Render config={config} data={data} />;
@@ -380,7 +380,7 @@ If you want to use React server components, use ` <Render>` from the `@measured/
 
 ```tsx
 import { Render } from "@measured/puck/rsc";
-import "@measured/puck/dist/index.css";
+import "@measured/puck/puck.css";
 
 export function Page() {
   return <Render config={config} data={data} />;

package/dist/index.js

@@ -33102,14 +33102,16 @@ var InputOrGroup = (_a) => {
   var _b = _a, { onChange } = _b, props = __objRest(_b, ["onChange"]);
   const { name, field, value, readOnly } = props;
   const [localValue, setLocalValue] = (0, import_react30.useState)(value);
-  const [localValueDb] = (0, import_use_debounce2.useDebounce)(localValue, 50, { leading: true });
-  (0, import_react30.useEffect)(() => {
-    if (value !== localValueDb) {
-      onChange(localValueDb);
-    }
-  }, [localValueDb]);
+  const onChangeDb = (0, import_use_debounce2.useDebouncedCallback)(
+    (val) => {
+      onChange(val);
+    },
+    50,
+    { leading: true }
+  );
   const onChangeLocal = (0, import_react30.useCallback)((val) => {
     setLocalValue(val);
+    onChangeDb(val);
   }, []);
   (0, import_react30.useEffect)(() => {
     setLocalValue(value);
@@ -34300,7 +34302,7 @@ function Puck({
 }) {
   var _a, _b;
   const [reducer] = (0, import_react38.useState)(() => createReducer({ config }));
-  const initialAppState = __spreadProps(__spreadValues({}, defaultAppState), {
+  const [initialAppState] = (0, import_react38.useState)(__spreadProps(__spreadValues({}, defaultAppState), {
     data: initialData,
     ui: __spreadProps(__spreadValues({}, defaultAppState.ui), {
       // Store categories under componentList on state to allow render functions and plugins to modify
@@ -34318,7 +34320,7 @@ function Puck({
         {}
       ) : {}
     })
-  });
+  }));
   const [appState, dispatch] = (0, import_react38.useReducer)(
     reducer,
     flushZones(initialAppState)

package/package.json

@@ -1,9 +1,30 @@
 {
   "name": "@measured/puck",
-  "version": "0.12.0-canary.2e931bc",
+  "version": "0.12.0-canary.53e3fc5",
   "private": false,
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./rsc": {
+      "import": "./dist/rsc.js",
+      "require": "./dist/rsc.js",
+      "types": "./dist/rsc.d.ts"
+    },
+    "./puck.css": "./dist/index.css",
+    "./dist/index.css": "./dist/index.css"
+  },
+  "typesVersions": {
+    "*": {
+      "rsc": [
+        "./dist/rsc.js"
+      ]
+    }
+  },
   "license": "MIT",
   "scripts": {
     "lint": "eslint \"**/*.ts*\"",