@newtonedev/editor 0.1.1 → 0.1.2

package/dist/index.js

@@ -1703,8 +1703,15 @@ function FontsSection({ state, dispatch }) {
 }
 function OthersSection({ state, dispatch }) {
   const tokens = useTokens();
-  const density = state.spacing?.density ?? 0.5;
+  const spacingPreset = state.spacing?.preset ?? "md";
   const intensity = state.roundness?.intensity ?? 0.5;
+  const spacingOptions = [
+    { value: "xs", label: "Extra Small" },
+    { value: "sm", label: "Small" },
+    { value: "md", label: "Medium" },
+    { value: "lg", label: "Large" },
+    { value: "xl", label: "Extra Large" }
+  ];
   return /* @__PURE__ */ jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [
     /* @__PURE__ */ jsxs("div", { children: [
       /* @__PURE__ */ jsx(
@@ -1722,14 +1729,12 @@ function OthersSection({ state, dispatch }) {
         }
       ),
       /* @__PURE__ */ jsx(
-        Slider,
+        Select,
         {
-          value: Math.round(density * 100),
-          onValueChange: (v) => dispatch({ type: "SET_SPACING_DENSITY", density: v / 100 }),
-          min: 0,
-          max: 100,
-          label: "Density",
-          showValue: true
+          value: spacingPreset,
+          onValueChange: (preset) => dispatch({ type: "SET_SPACING_PRESET", preset }),
+          options: spacingOptions,
+          label: "Preset"
         }
       )
     ] }),