structiq 0.0.4 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/index.css +10 -30
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.js +46 -35
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +46 -35
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
package/dist/index.css CHANGED
@@ -7,6 +7,12 @@
7
7
  line-height: 1.6;
8
8
  font-size: 16px;
9
9
  }
10
+ .customHeight .ProseMirror {
11
+ min-height: 100px !important;
12
+ max-height: 300px !important;
13
+ overflow: auto !important;
14
+ font-size: 14px !important;
15
+ }
10
16
  .ProseMirror p {
11
17
  margin: 0.4rem 0;
12
18
  }
@@ -25,11 +31,6 @@
25
31
  font-weight: 600;
26
32
  margin: 0.8rem 0 0.4rem;
27
33
  }
28
- .tippy-content {
29
- position: relative !important;
30
- z-index: 1 !important;
31
- padding: 0px 0px !important;
32
- }
33
34
  .ProseMirror ul {
34
35
  list-style-type: disc;
35
36
  padding-left: 1.5rem;
@@ -251,32 +252,11 @@
251
252
  .tiptap li.is-empty::before {
252
253
  position: absolute;
253
254
  }
254
- ul[data-type=taskList] {
255
- list-style: none;
256
- padding-left: 0;
257
- }
258
- ul[data-type=taskList] li {
259
- display: flex;
260
- align-items: flex-start;
261
- gap: 0.5rem;
262
- }
263
- ul[data-type=taskList] li > label {
264
- flex-shrink: 0;
265
- margin-top: 0.55rem;
266
- user-select: none;
267
- }
268
- ul[data-type=taskList] li > label input[type=checkbox] {
269
- cursor: pointer;
270
- width: 1rem;
271
- height: 1rem;
272
- }
273
- ul[data-type=taskList] li > div {
274
- flex: 1;
275
- }
276
- ul[data-type=taskList] {
255
+ .tippy-content {
256
+ padding: 0 !important;
277
257
  }
278
- ul[data-type=taskList] ul[data-type=taskList] {
279
- margin: 0.5rem 0 0 1.5rem;
258
+ .react-renderer {
259
+ background-color: white !important;
280
260
  }
281
261
 
282
262
  /* node_modules/tippy.js/dist/tippy.css */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../index.scss","../node_modules/tippy.js/dist/tippy.css"],"sourcesContent":["/* ===============================\n CORE EDITOR\n================================ */\n\n.ProseMirror {\n outline: none;\n min-height: 300px;\n line-height: 1.6;\n font-size: 16px;\n}\n\n\n/* Paragraph spacing */\n.ProseMirror p {\n margin: 0.4rem 0;\n}\n\n/* ===============================\n HEADINGS\n================================ */\n\n.ProseMirror h1 {\n font-size: 1.875rem;\n font-weight: 700;\n margin: 1.2rem 0 0.6rem;\n}\n\n.ProseMirror h2 {\n font-size: 1.5rem;\n font-weight: 600;\n margin: 1rem 0 0.5rem;\n}\n\n.ProseMirror h3 {\n font-size: 1.25rem;\n font-weight: 600;\n margin: 0.8rem 0 0.4rem;\n}\n\n/* ===============================\n LISTS\n================================ */\n\n.tippy-content{\n position: relative !important;\n z-index: 1 !important;\n padding: 0px 0px !important\n}\n\n\n.ProseMirror ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n}\n\n.ProseMirror ol {\n list-style-type: decimal;\n padding-left: 1.5rem;\n}\n\n.ProseMirror li {\n margin: 0.25rem 0;\n}\n\n/* Task lists (checkbox) */\n.ProseMirror ul[data-type='taskList'] {\n list-style: none;\n padding-left: 0;\n}\n\n.ProseMirror li[data-type='taskItem'] {\n display: flex;\n align-items: flex-start;\n}\n\n.ProseMirror li[data-type='taskItem'] > label {\n margin-right: 0.5rem;\n}\n\n/* ===============================\n BLOCKQUOTE\n================================ */\n\n.ProseMirror blockquote {\n border-left: 4px solid #e5e7eb;\n padding-left: 1rem;\n color: #4b5563;\n margin: 0.75rem 0;\n}\n\n/* ===============================\n CODE\n================================ */\n\n.ProseMirror code {\n background-color: #f3f4f6;\n padding: 0.15rem 0.3rem;\n border-radius: 4px;\n font-size: 0.875rem;\n}\n\n/* Code block */\n.ProseMirror pre {\n background: #0f172a;\n color: #e5e7eb;\n padding: 1rem;\n border-radius: 8px;\n overflow-x: auto;\n margin: 0.75rem 0;\n}\n\n.ProseMirror pre code {\n background: none;\n padding: 0;\n color: inherit;\n}\n\n/* ===============================\n TABLES (CRITICAL)\n================================ */\n\n.ProseMirror table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n margin: 0.75rem 0;\n}\n\n.ProseMirror th,\n.ProseMirror td {\n border: 1px solid #e5e7eb;\n padding: 0.5rem;\n vertical-align: top;\n}\n\n.ProseMirror th {\n background-color: #f9fafb;\n font-weight: 600;\n}\n\n.ProseMirror td p,\n.ProseMirror th p {\n margin: 0;\n}\n\n/* Column resize */\n.ProseMirror .column-resize-handle {\n position: absolute;\n right: -2px;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #3b82f6;\n pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n cursor: col-resize;\n}\n\n/* ===============================\n HORIZONTAL RULE\n================================ */\n\n.ProseMirror hr {\n border: none;\n border-top: 1px solid #e5e7eb;\n margin: 1.5rem 0;\n}\n\n/* ===============================\n MENTIONS\n================================ */\n\n.mention {\n background-color: #eef2ff;\n color: #4338ca;\n padding: 0.1rem 0.4rem;\n border-radius: 0.375rem;\n font-weight: 500;\n}\n\n/* ===============================\n LINKS\n================================ */\n\n.ProseMirror a {\n color: #2563eb;\n text-decoration: underline;\n}\n\n/* ===============================\n IMAGES (if you add later)\n================================ */\n\n.ProseMirror img {\n max-width: 100%;\n border-radius: 8px;\n margin: 0.75rem 0;\n}\n\n/* ===============================\n SELECTION / CURSOR\n================================ */\n\n.ProseMirror ::selection {\n background: #c7d2fe;\n}\n\n/* ===== TABLE BASE ===== */\n.ProseMirror table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n margin: 1rem 0;\n}\n\n.ProseMirror th,\n.ProseMirror td {\n border: 1px solid #e5e7eb;\n padding: 8px;\n vertical-align: top;\n position: relative;\n}\n\n.ProseMirror th {\n background-color: #f9fafb;\n font-weight: 600;\n}\n\n/* ===== SELECTION ===== */\n.ProseMirror .selectedCell {\n background: rgba(59, 130, 246, 0.08);\n}\n\n/* ===== RESIZE HANDLE ===== */\n.ProseMirror .column-resize-handle {\n position: absolute;\n right: -2px;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #3b82f6;\n pointer-events: none;\n}\n\n/* ===== TABLE WRAPPER ===== */\n.ProseMirror table p {\n margin: 0;\n}\n.table-menu button {\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n}\n\n.table-menu button:hover {\n background: #f3f4f6;\n}\n/* Ordered list nesting — Notion style */\n\n.ProseMirror ol {\n list-style-type: decimal;\n padding-left: 1.5rem;\n}\n\n.ProseMirror ol ol {\n list-style-type: lower-alpha;\n}\n\n.ProseMirror ol ol ol {\n list-style-type: lower-roman;\n}\n\n.ProseMirror ol ol ol ol {\n list-style-type: decimal;\n}\n.ProseMirror li {\n margin: 0.25rem 0;\n}\n\n.ProseMirror li > ol,\n.ProseMirror li > ul {\n margin-top: 0.25rem;\n}\n/* Show placeholder only on the focused empty paragraph */\n.ProseMirror p {\n position: relative;\n}\n\n.ProseMirror p.is-empty::before {\n content: attr(data-placeholder);\n color: #9ca3af;\n pointer-events: none;\n position: absolute;\n left: 0;\n top: 0;\n font-style: italic;\n}\n\n/* Hide placeholder when editor is not focused */\n.ProseMirror:not(.ProseMirror-focused) p.is-empty::before {\n content: '';\n}\n\n.mention {\n color: #2563eb;\n background-color: #e0e7ff;\n padding: 2px 6px;\n border-radius: 6px;\n font-weight: 500;\n}\n.mention {\n color: #2563eb;\n cursor: pointer;\n border-radius: 4px;\n padding: 0 2px;\n}\n\n.mention:hover {\n background: #eff6ff;\n}\n.tiptap p.is-empty::before,\n.tiptap h1.is-empty::before,\n.tiptap h2.is-empty::before,\n.tiptap h3.is-empty::before {\n content: attr(data-placeholder);\n float: left;\n color: #9ca3af; /* subtle gray */\n pointer-events: none;\n height: 0;\n}\n.tiptap h1 {\n border-left: 3px solid transparent;\n padding-left: 8px;\n}\n\n.tiptap h1.is-active {\n border-left-color: #6366f1;\n}\n.tiptap .is-empty::before {\n content: attr(data-placeholder);\n color: #9ca3af;\n float: left;\n pointer-events: none;\n height: 0;\n}\n\n/* Fix for lists */\n.tiptap li.is-empty::before {\n position: absolute;\n}\n\n\n/* Task List Styles */\nul[data-type=\"taskList\"] {\n list-style: none;\n padding-left: 0;\n \n li {\n display: flex;\n align-items: flex-start;\n gap: 0.5rem;\n \n > label {\n flex-shrink: 0;\n margin-top: 0.55rem;\n user-select: none;\n \n input[type=\"checkbox\"] {\n cursor: pointer;\n width: 1rem;\n height: 1rem;\n }\n }\n \n > div {\n flex: 1;\n }\n }\n \n /* Nested task lists */\n ul[data-type=\"taskList\"] {\n margin: 0.5rem 0 0 1.5rem;\n }\n}\n\n",".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}"],"mappings":"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","names":[]}
1
+ {"version":3,"sources":["../index.scss","../node_modules/tippy.js/dist/tippy.css"],"sourcesContent":["/* ===============================\n CORE EDITOR\n================================ */\n\n.ProseMirror {\n outline: none;\n min-height: 300px;\n line-height: 1.6;\n font-size: 16px;\n}\n\n.customHeight .ProseMirror {\n min-height: 100px !important;\n max-height: 300px !important;\n overflow: auto !important;\n font-size: 14px !important;\n}\n\n/* Paragraph spacing */\n.ProseMirror p {\n margin: 0.4rem 0;\n}\n\n/* ===============================\n HEADINGS\n================================ */\n\n.ProseMirror h1 {\n font-size: 1.875rem;\n font-weight: 700;\n margin: 1.2rem 0 0.6rem;\n}\n\n.ProseMirror h2 {\n font-size: 1.5rem;\n font-weight: 600;\n margin: 1rem 0 0.5rem;\n}\n\n.ProseMirror h3 {\n font-size: 1.25rem;\n font-weight: 600;\n margin: 0.8rem 0 0.4rem;\n}\n\n/* ===============================\n LISTS\n================================ */\n\n.ProseMirror ul {\n list-style-type: disc;\n padding-left: 1.5rem;\n}\n\n.ProseMirror ol {\n list-style-type: decimal;\n padding-left: 1.5rem;\n}\n\n.ProseMirror li {\n margin: 0.25rem 0;\n}\n\n/* Task lists (checkbox) */\n.ProseMirror ul[data-type=\"taskList\"] {\n list-style: none;\n padding-left: 0;\n}\n\n.ProseMirror li[data-type=\"taskItem\"] {\n display: flex;\n align-items: flex-start;\n}\n\n.ProseMirror li[data-type=\"taskItem\"] > label {\n margin-right: 0.5rem;\n}\n\n/* ===============================\n BLOCKQUOTE\n================================ */\n\n.ProseMirror blockquote {\n border-left: 4px solid #e5e7eb;\n padding-left: 1rem;\n color: #4b5563;\n margin: 0.75rem 0;\n}\n\n/* ===============================\n CODE\n================================ */\n\n.ProseMirror code {\n background-color: #f3f4f6;\n padding: 0.15rem 0.3rem;\n border-radius: 4px;\n font-size: 0.875rem;\n}\n\n/* Code block */\n.ProseMirror pre {\n background: #0f172a;\n color: #e5e7eb;\n padding: 1rem;\n border-radius: 8px;\n overflow-x: auto;\n margin: 0.75rem 0;\n}\n\n.ProseMirror pre code {\n background: none;\n padding: 0;\n color: inherit;\n}\n\n/* ===============================\n TABLES (CRITICAL)\n================================ */\n\n.ProseMirror table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n margin: 0.75rem 0;\n}\n\n.ProseMirror th,\n.ProseMirror td {\n border: 1px solid #e5e7eb;\n padding: 0.5rem;\n vertical-align: top;\n}\n\n.ProseMirror th {\n background-color: #f9fafb;\n font-weight: 600;\n}\n\n.ProseMirror td p,\n.ProseMirror th p {\n margin: 0;\n}\n\n/* Column resize */\n.ProseMirror .column-resize-handle {\n position: absolute;\n right: -2px;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #3b82f6;\n pointer-events: none;\n}\n\n.ProseMirror.resize-cursor {\n cursor: col-resize;\n}\n\n/* ===============================\n HORIZONTAL RULE\n================================ */\n\n.ProseMirror hr {\n border: none;\n border-top: 1px solid #e5e7eb;\n margin: 1.5rem 0;\n}\n\n/* ===============================\n MENTIONS\n================================ */\n\n.mention {\n background-color: #eef2ff;\n color: #4338ca;\n padding: 0.1rem 0.4rem;\n border-radius: 0.375rem;\n font-weight: 500;\n}\n\n/* ===============================\n LINKS\n================================ */\n\n.ProseMirror a {\n color: #2563eb;\n text-decoration: underline;\n}\n\n/* ===============================\n IMAGES (if you add later)\n================================ */\n\n.ProseMirror img {\n max-width: 100%;\n border-radius: 8px;\n margin: 0.75rem 0;\n}\n\n/* ===============================\n SELECTION / CURSOR\n================================ */\n\n.ProseMirror ::selection {\n background: #c7d2fe;\n}\n\n/* ===== TABLE BASE ===== */\n.ProseMirror table {\n border-collapse: collapse;\n width: 100%;\n table-layout: fixed;\n margin: 1rem 0;\n}\n\n.ProseMirror th,\n.ProseMirror td {\n border: 1px solid #e5e7eb;\n padding: 8px;\n vertical-align: top;\n position: relative;\n}\n\n.ProseMirror th {\n background-color: #f9fafb;\n font-weight: 600;\n}\n\n/* ===== SELECTION ===== */\n.ProseMirror .selectedCell {\n background: rgba(59, 130, 246, 0.08);\n}\n\n/* ===== RESIZE HANDLE ===== */\n.ProseMirror .column-resize-handle {\n position: absolute;\n right: -2px;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: #3b82f6;\n pointer-events: none;\n}\n\n/* ===== TABLE WRAPPER ===== */\n.ProseMirror table p {\n margin: 0;\n}\n.table-menu button {\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 12px;\n}\n\n.table-menu button:hover {\n background: #f3f4f6;\n}\n/* Ordered list nesting — Notion style */\n\n.ProseMirror ol {\n list-style-type: decimal;\n padding-left: 1.5rem;\n}\n\n.ProseMirror ol ol {\n list-style-type: lower-alpha;\n}\n\n.ProseMirror ol ol ol {\n list-style-type: lower-roman;\n}\n\n.ProseMirror ol ol ol ol {\n list-style-type: decimal;\n}\n.ProseMirror li {\n margin: 0.25rem 0;\n}\n\n.ProseMirror li > ol,\n.ProseMirror li > ul {\n margin-top: 0.25rem;\n}\n/* Show placeholder only on the focused empty paragraph */\n.ProseMirror p {\n position: relative;\n}\n\n.ProseMirror p.is-empty::before {\n content: attr(data-placeholder);\n color: #9ca3af;\n pointer-events: none;\n position: absolute;\n left: 0;\n top: 0;\n font-style: italic;\n}\n\n/* Hide placeholder when editor is not focused */\n.ProseMirror:not(.ProseMirror-focused) p.is-empty::before {\n content: \"\";\n}\n\n.mention {\n color: #2563eb;\n background-color: #e0e7ff;\n padding: 2px 6px;\n border-radius: 6px;\n font-weight: 500;\n}\n.mention {\n color: #2563eb;\n cursor: pointer;\n border-radius: 4px;\n padding: 0 2px;\n}\n\n.mention:hover {\n background: #eff6ff;\n}\n.tiptap p.is-empty::before,\n.tiptap h1.is-empty::before,\n.tiptap h2.is-empty::before,\n.tiptap h3.is-empty::before {\n content: attr(data-placeholder);\n float: left;\n color: #9ca3af; /* subtle gray */\n pointer-events: none;\n height: 0;\n}\n.tiptap h1 {\n border-left: 3px solid transparent;\n padding-left: 8px;\n}\n\n.tiptap h1.is-active {\n border-left-color: #6366f1;\n}\n.tiptap .is-empty::before {\n content: attr(data-placeholder);\n color: #9ca3af;\n float: left;\n pointer-events: none;\n height: 0;\n}\n\n/* Fix for lists */\n.tiptap li.is-empty::before {\n position: absolute;\n}\n\n.tippy-content {\n padding: 0 !important;\n}\n\n.react-renderer {\n background-color: white !important;\n}\n",".tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:\"\";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}"],"mappings":"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","names":[]}
package/dist/index.js CHANGED
@@ -4453,39 +4453,50 @@ function SlashMenu({ items, command, selectedIndex }) {
4453
4453
  return null;
4454
4454
  }
4455
4455
  let globalIndex = -1;
4456
- return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-80 rounded-4xl tippy-content border bg-white shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, className: "max-h-[360px] overflow-y-auto p-2", children: Object.entries(grouped).map(([category, commands]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
4457
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 text-xs font-semibold text-gray-500", children: category }),
4458
- commands.map((item) => {
4459
- globalIndex += 1;
4460
- const isActive = globalIndex === selectedIndex;
4461
- const currentIndex = globalIndex;
4462
- return /* @__PURE__ */ jsxRuntime.jsxs(
4463
- "button",
4464
- {
4465
- "data-index": currentIndex,
4466
- type: "button",
4467
- onMouseDown: (e) => {
4468
- e.preventDefault();
4469
- e.stopPropagation();
4470
- },
4471
- onClick: (e) => {
4472
- e.preventDefault();
4473
- e.stopPropagation();
4474
- command(item);
4475
- },
4476
- className: `flex w-full items-center gap-3 rounded-md px-3 py-2 text-left transition-colors ${isActive ? "bg-gray-100" : "hover:bg-gray-50"}`,
4477
- children: [
4478
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500", children: item.icon }),
4479
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
4480
- /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-700", children: item.title }),
4481
- item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: item.description })
4482
- ] })
4483
- ]
4484
- },
4485
- item.id
4486
- );
4487
- })
4488
- ] }, category)) }) });
4456
+ return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-80 rounded-4xl tippy-content border bg-white shadow-2xl", children: /* @__PURE__ */ jsxRuntime.jsx(
4457
+ "div",
4458
+ {
4459
+ ref: containerRef,
4460
+ className: "p-2",
4461
+ style: {
4462
+ maxHeight: "300px",
4463
+ overflow: "auto"
4464
+ },
4465
+ children: Object.entries(grouped).map(([category, commands]) => /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
4466
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-2 py-1 text-xs font-semibold text-gray-500", children: category }),
4467
+ commands.map((item) => {
4468
+ globalIndex += 1;
4469
+ const isActive = globalIndex === selectedIndex;
4470
+ const currentIndex = globalIndex;
4471
+ return /* @__PURE__ */ jsxRuntime.jsxs(
4472
+ "button",
4473
+ {
4474
+ "data-index": currentIndex,
4475
+ type: "button",
4476
+ onMouseDown: (e) => {
4477
+ e.preventDefault();
4478
+ e.stopPropagation();
4479
+ },
4480
+ onClick: (e) => {
4481
+ e.preventDefault();
4482
+ e.stopPropagation();
4483
+ command(item);
4484
+ },
4485
+ className: `flex w-full items-center gap-3 rounded-md px-3 py-2 text-left transition-colors ${isActive ? "bg-gray-100" : "hover:bg-gray-50"}`,
4486
+ children: [
4487
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-gray-500", children: item.icon }),
4488
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "min-w-0 flex-1", children: [
4489
+ /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm font-medium text-gray-700", children: item.title }),
4490
+ item.description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-gray-500", children: item.description })
4491
+ ] })
4492
+ ]
4493
+ },
4494
+ item.id
4495
+ );
4496
+ })
4497
+ ] }, category))
4498
+ }
4499
+ ) });
4489
4500
  }
4490
4501
  var slashCommands = [
4491
4502
  /* ================= AI ================= */
@@ -5776,7 +5787,7 @@ var StructiqEditor = ({
5776
5787
  return /* @__PURE__ */ jsxRuntime.jsxs(
5777
5788
  "div",
5778
5789
  {
5779
- className: `relative rounded-lg border border-gray-300 bg-white ${customHeight ? "customHeight scrollable-y-auto" : ""}`,
5790
+ className: `relative rounded-4xl border border-gray-300 bg-white ${customHeight ? "customHeight scrollable-y-auto" : ""}`,
5780
5791
  children: [
5781
5792
  /* @__PURE__ */ jsxRuntime.jsx(SelectionToolbarTippy, { editor }),
5782
5793
  hoveredRow && /* @__PURE__ */ jsxRuntime.jsx(RowAddButton, { editor, row: hoveredRow }),
@@ -5793,7 +5804,7 @@ var StructiqEditor = ({
5793
5804
  {
5794
5805
  editor,
5795
5806
  className: clsx__default.default(
5796
- "prose max-w-none border border-gray-300 p-6",
5807
+ "prose max-w-none p-6",
5797
5808
  disabled && "cursor-not-allowed opacity-60",
5798
5809
  className
5799
5810
  )