@trops/dash-core 0.1.633 → 0.1.634

package/dist/index.js

@@ -38682,14 +38682,17 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref11) {
   }
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex flex-col gap-4 p-6 flex-1 min-h-0 overflow-hidden",
-    children: [/*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
-      value: wizardName,
-      onChange: function onChange(val) {
-        return setWizardName(val);
-      },
-      placeholder: "Theme name..."
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "shrink-0",
+      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.InputText, {
+        value: wizardName,
+        onChange: function onChange(val) {
+          return setWizardName(val);
+        },
+        placeholder: "Theme name..."
+      })
     }), showMethodPicker && /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col gap-2",
+      className: "flex flex-col gap-2 shrink-0",
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: "text-sm font-semibold opacity-50",
         children: "Generation Method"
@@ -38729,33 +38732,39 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref11) {
           }
         })]
       })]
-    }), wizardMethod === "presets" && /*#__PURE__*/jsxRuntime.jsx(PresetGallery, {
-      onSelect: function onSelect(preset) {
-        return setWizardTheme(preset);
-      },
-      selectedPresetId: wizardTheme === null || wizardTheme === void 0 ? void 0 : wizardTheme.name,
-      inline: true
-    }), wizardMethod === "random" && /*#__PURE__*/jsxRuntime.jsx(RandomPreview, {
-      onCommit: function onCommit(theme) {
-        return setWizardTheme(theme);
-      }
-    }), wizardMethod === "color" && /*#__PURE__*/jsxRuntime.jsx(ColorHarmonyPicker, {
-      onGenerate: function onGenerate(theme) {
-        return setWizardTheme(theme);
-      },
-      inline: true
-    }), wizardMethod === "from-url" && onExtract && /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeFromUrlPane, {
-      onExtract: onExtract,
-      onMapToTheme: onMapToTheme,
-      onGenerate: function onGenerate(theme) {
-        return setWizardTheme(theme);
-      },
-      inline: true
-    }), /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, {
-      title: "Create Theme",
-      onClick: onComplete,
-      disabled: !canCreate,
-      block: true
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex-1 min-h-0 overflow-y-auto",
+      children: [wizardMethod === "presets" && /*#__PURE__*/jsxRuntime.jsx(PresetGallery, {
+        onSelect: function onSelect(preset) {
+          return setWizardTheme(preset);
+        },
+        selectedPresetId: wizardTheme === null || wizardTheme === void 0 ? void 0 : wizardTheme.name,
+        inline: true
+      }), wizardMethod === "random" && /*#__PURE__*/jsxRuntime.jsx(RandomPreview, {
+        onCommit: function onCommit(theme) {
+          return setWizardTheme(theme);
+        }
+      }), wizardMethod === "color" && /*#__PURE__*/jsxRuntime.jsx(ColorHarmonyPicker, {
+        onGenerate: function onGenerate(theme) {
+          return setWizardTheme(theme);
+        },
+        inline: true
+      }), wizardMethod === "from-url" && onExtract && /*#__PURE__*/jsxRuntime.jsx(DashReact.ThemeFromUrlPane, {
+        onExtract: onExtract,
+        onMapToTheme: onMapToTheme,
+        onGenerate: function onGenerate(theme) {
+          return setWizardTheme(theme);
+        },
+        inline: true
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "shrink-0",
+      children: /*#__PURE__*/jsxRuntime.jsx(DashReact.Button2, {
+        title: "Create Theme",
+        onClick: onComplete,
+        disabled: !canCreate,
+        block: true
+      })
     })]
   });
 };
@@ -39616,6 +39625,10 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     _useState10 = _slicedToArray(_useState1, 2),
     isChoosingMode = _useState10[0],
     setIsChoosingMode = _useState10[1];
+  // `startInCreate` should auto-open the chooser ONCE per modal open. Without
+  // this guard the effect re-fires after a theme is created (themes change →
+  // isCreating flips false) and bounces the user back to the chooser.
+  var startInCreateHandledRef = React.useRef(false);
   var _useState11 = React.useState(false),
     _useState12 = _slicedToArray(_useState11, 2),
     isSearching = _useState12[0],
@@ -39652,6 +39665,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
       setIsChoosingMode(false);
       setIsSearching(false);
       setSelectedMethod(null);
+      startInCreateHandledRef.current = false;
     } else {
       if (themeKeySelected === null && themes) {
         var themeKeyTemp = settings && "theme" in settings ? settings["theme"] in themes ? settings["theme"] : Object.keys(themes)[0] : Object.keys(themes)[0];
@@ -39666,7 +39680,8 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
           return rawThemes[themeKeyTemp];
         });
       }
-      if (startInCreate && !isChoosingMode && !isCreating) {
+      if (startInCreate && !startInCreateHandledRef.current && !isChoosingMode && !isCreating) {
+        startInCreateHandledRef.current = true;
         setIsChoosingMode(true);
         setIsCreating(false);
         setIsSearching(false);