@lv-x-software-house/x_view 1.2.6-dev.33 → 1.2.6-dev.34

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.
package/dist/index.js CHANGED
@@ -13331,25 +13331,26 @@ var BoardItem = import_react29.default.memo(({
13331
13331
  onUpdate(item.id, { ...item, name: e.target.value });
13332
13332
  };
13333
13333
  if (isFolder) {
13334
- return /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-2 mb-3 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react29.default.createElement(
13334
+ return /* @__PURE__ */ import_react29.default.createElement("div", { className: "relative group/item animate-in fade-in zoom-in duration-300 w-[240px] h-[140px] flex-shrink-0" }, /* @__PURE__ */ import_react29.default.createElement(
13335
13335
  "div",
13336
13336
  {
13337
13337
  onClick: () => onEnterFolder(item.id),
13338
- className: "flex items-center gap-3 py-3 px-4 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-xl cursor-pointer transition-all duration-200 group/folder"
13338
+ className: "h-full flex flex-col items-center justify-center gap-3 p-4 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-2xl cursor-pointer transition-all duration-300 group/folder relative overflow-hidden"
13339
13339
  },
13340
- /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-10 h-10 rounded-lg bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-110 transition-transform" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiFolder, { size: 20 })),
13341
- /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 min-w-0" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(
13340
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-indigo-500/5 to-transparent opacity-0 group-hover/folder:opacity-100 transition-opacity" }),
13341
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-14 h-14 rounded-2xl bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-110 group-hover/folder:bg-indigo-500/20 transition-all duration-300 shadow-inner" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiFolder, { size: 28 })),
13342
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 w-full text-center flex flex-col justify-center gap-1" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(
13342
13343
  "input",
13343
13344
  {
13344
13345
  type: "text",
13345
13346
  value: item.name,
13346
13347
  onChange: handleNameChange,
13347
13348
  onClick: (e) => e.stopPropagation(),
13348
- className: "bg-transparent border-none outline-none text-sm font-medium text-slate-200 w-full focus:text-white",
13349
+ className: "bg-transparent border-none outline-none text-sm font-semibold text-slate-200 w-full text-center focus:text-white placeholder:text-slate-600",
13349
13350
  placeholder: "Nome da pasta..."
13350
13351
  }
13351
- ) : /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-sm font-medium text-slate-200" }, item.name), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-2 mt-0.5" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider font-semibold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens"))),
13352
- /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-1.5 opacity-0 group-item/item:opacity-100 group-hover/folder:opacity-100 transition-opacity" }, canEdit && /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center gap-0.5 bg-slate-900/80 backdrop-blur-sm p-1 rounded-lg border border-white/5 shadow-xl" }, /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ import_react29.default.createElement(
13352
+ ) : /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-sm font-semibold text-slate-200 block truncate" }, item.name), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex items-center justify-center gap-1.5 opacity-60" }, /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[10px] text-slate-400 uppercase tracking-widest font-bold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens"))),
13353
+ canEdit && /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute top-2 right-2 flex flex-col gap-1 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 translate-x-2 group-hover/folder:translate-x-0 z-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-0.5 bg-slate-950/90 backdrop-blur-md p-1 rounded-xl border border-white/10 shadow-2xl scale-90 origin-top-right" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex gap-0.5" }, /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ import_react29.default.createElement(
13353
13354
  "button",
13354
13355
  {
13355
13356
  onClick: (e) => {
@@ -13357,7 +13358,7 @@ var BoardItem = import_react29.default.memo(({
13357
13358
  onMoveUp(item.id);
13358
13359
  },
13359
13360
  disabled: !canMoveUp,
13360
- className: `p-1.5 rounded transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13361
+ className: `p-1.5 rounded-lg transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13361
13362
  },
13362
13363
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowUp, { size: 14 })
13363
13364
  )), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Descer" }, /* @__PURE__ */ import_react29.default.createElement(
@@ -13368,17 +13369,17 @@ var BoardItem = import_react29.default.memo(({
13368
13369
  onMoveDown(item.id);
13369
13370
  },
13370
13371
  disabled: !canMoveDown,
13371
- className: `p-1.5 rounded transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13372
+ className: `p-1.5 rounded-lg transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13372
13373
  },
13373
13374
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowDown, { size: 14 })
13374
- )), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-0.5" }), showIndentUp && /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: getIndentUpTooltip() }, /* @__PURE__ */ import_react29.default.createElement(
13375
+ ))), /* @__PURE__ */ import_react29.default.createElement("div", { className: "h-px w-full bg-white/5 my-0.5" }), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex gap-0.5" }, showIndentUp && /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: getIndentUpTooltip() }, /* @__PURE__ */ import_react29.default.createElement(
13375
13376
  "button",
13376
13377
  {
13377
13378
  onClick: (e) => {
13378
13379
  e.stopPropagation();
13379
13380
  onIndent(item.id);
13380
13381
  },
13381
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13382
+ className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13382
13383
  },
13383
13384
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowLeft, { size: 14 })
13384
13385
  )), showIndentDown && /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: getIndentDownTooltip() }, /* @__PURE__ */ import_react29.default.createElement(
@@ -13388,34 +13389,33 @@ var BoardItem = import_react29.default.memo(({
13388
13389
  e.stopPropagation();
13389
13390
  onIndentDown(item.id);
13390
13391
  },
13391
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13392
+ className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13392
13393
  },
13393
13394
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowRight, { size: 14 })
13394
- )), !isAtRoot && /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Desaninhar / Recuar n\xEDvel" }, /* @__PURE__ */ import_react29.default.createElement(
13395
+ ))), !isAtRoot && /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, /* @__PURE__ */ import_react29.default.createElement("div", { className: "h-px w-full bg-white/5 my-0.5" }), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Sair da pasta" }, /* @__PURE__ */ import_react29.default.createElement(
13395
13396
  "button",
13396
13397
  {
13397
13398
  onClick: (e) => {
13398
13399
  e.stopPropagation();
13399
13400
  onOutdent(item.id);
13400
13401
  },
13401
- disabled: !onOutdent,
13402
- className: `p-1.5 rounded transition-colors ${!onOutdent ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13402
+ className: `p-1.5 rounded-lg text-slate-400 hover:text-white hover:bg-white/10 transition-colors w-full flex justify-center`
13403
13403
  },
13404
13404
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiCornerUpLeft, { size: 14 })
13405
- )), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-3 bg-white/10 mx-0.5" }), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Remover Pasta" }, /* @__PURE__ */ import_react29.default.createElement(
13405
+ ))), /* @__PURE__ */ import_react29.default.createElement("div", { className: "h-px w-full bg-white/5 my-0.5" }), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Remover" }, /* @__PURE__ */ import_react29.default.createElement(
13406
13406
  "button",
13407
13407
  {
13408
13408
  onClick: (e) => {
13409
13409
  e.stopPropagation();
13410
13410
  onDelete(item.id);
13411
13411
  },
13412
- className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
13412
+ className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded-lg transition-colors w-full flex justify-center"
13413
13413
  },
13414
13414
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiTrash2, { size: 14 })
13415
- ))), /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiChevronRight, { className: "text-slate-500 group-hover/folder:translate-x-1 transition-transform" }))
13415
+ ))))
13416
13416
  ));
13417
13417
  }
13418
- return /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ import_react29.default.createElement(
13418
+ return /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-full flex flex-col gap-2 mb-3 pl-4 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ import_react29.default.createElement(
13419
13419
  RichGroupEditor_default,
13420
13420
  {
13421
13421
  content: item.content,
@@ -13838,7 +13838,7 @@ function Boards({
13838
13838
  /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowLeft, { size: 10 }),
13839
13839
  /* @__PURE__ */ import_react29.default.createElement("span", null, "Voltar")
13840
13840
  ))),
13841
- /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 overflow-y-auto overflow-x-hidden custom-scrollbar bg-slate-950/30 p-6 space-y-4" }, currentBoardItems.length === 0 ? /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl bg-slate-900/20" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Esta pasta est\xE1 vazia.", /* @__PURE__ */ import_react29.default.createElement("br", null), "Use os bot\xF5es acima para criar conte\xFAdo.") : /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Nenhum conte\xFAdo dispon\xEDvel nesta pasta."))) : currentBoardItems.map((item, index) => /* @__PURE__ */ import_react29.default.createElement(
13841
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 overflow-y-auto overflow-x-hidden custom-scrollbar bg-slate-950/30 p-6 flex flex-wrap gap-4 items-start content-start" }, currentBoardItems.length === 0 ? /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl bg-slate-900/20" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiLayers, { size: 24, className: "opacity-20" }), /* @__PURE__ */ import_react29.default.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Esta pasta est\xE1 vazia.", /* @__PURE__ */ import_react29.default.createElement("br", null), "Use os bot\xF5es acima para criar conte\xFAdo.") : /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, "Nenhum conte\xFAdo dispon\xEDvel nesta pasta."))) : currentBoardItems.map((item, index) => /* @__PURE__ */ import_react29.default.createElement(
13842
13842
  BoardItem,
13843
13843
  {
13844
13844
  key: item.id,
package/dist/index.mjs CHANGED
@@ -13381,25 +13381,26 @@ var BoardItem = React28.memo(({
13381
13381
  onUpdate(item.id, { ...item, name: e.target.value });
13382
13382
  };
13383
13383
  if (isFolder) {
13384
- return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement(
13384
+ return /* @__PURE__ */ React28.createElement("div", { className: "relative group/item animate-in fade-in zoom-in duration-300 w-[240px] h-[140px] flex-shrink-0" }, /* @__PURE__ */ React28.createElement(
13385
13385
  "div",
13386
13386
  {
13387
13387
  onClick: () => onEnterFolder(item.id),
13388
- className: "flex items-center gap-3 py-3 px-4 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-xl cursor-pointer transition-all duration-200 group/folder"
13388
+ className: "h-full flex flex-col items-center justify-center gap-3 p-4 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-2xl cursor-pointer transition-all duration-300 group/folder relative overflow-hidden"
13389
13389
  },
13390
- /* @__PURE__ */ React28.createElement("div", { className: "w-10 h-10 rounded-lg bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-110 transition-transform" }, /* @__PURE__ */ React28.createElement(FiFolder3, { size: 20 })),
13391
- /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-0" }, canEdit ? /* @__PURE__ */ React28.createElement(
13390
+ /* @__PURE__ */ React28.createElement("div", { className: "absolute inset-x-0 bottom-0 h-1/3 bg-gradient-to-t from-indigo-500/5 to-transparent opacity-0 group-hover/folder:opacity-100 transition-opacity" }),
13391
+ /* @__PURE__ */ React28.createElement("div", { className: "w-14 h-14 rounded-2xl bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-110 group-hover/folder:bg-indigo-500/20 transition-all duration-300 shadow-inner" }, /* @__PURE__ */ React28.createElement(FiFolder3, { size: 28 })),
13392
+ /* @__PURE__ */ React28.createElement("div", { className: "flex-1 w-full text-center flex flex-col justify-center gap-1" }, canEdit ? /* @__PURE__ */ React28.createElement(
13392
13393
  "input",
13393
13394
  {
13394
13395
  type: "text",
13395
13396
  value: item.name,
13396
13397
  onChange: handleNameChange,
13397
13398
  onClick: (e) => e.stopPropagation(),
13398
- className: "bg-transparent border-none outline-none text-sm font-medium text-slate-200 w-full focus:text-white",
13399
+ className: "bg-transparent border-none outline-none text-sm font-semibold text-slate-200 w-full text-center focus:text-white placeholder:text-slate-600",
13399
13400
  placeholder: "Nome da pasta..."
13400
13401
  }
13401
- ) : /* @__PURE__ */ React28.createElement("span", { className: "text-sm font-medium text-slate-200" }, item.name), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-2 mt-0.5" }, /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] text-slate-500 uppercase tracking-wider font-semibold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens"))),
13402
- /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-1.5 opacity-0 group-item/item:opacity-100 group-hover/folder:opacity-100 transition-opacity" }, canEdit && /* @__PURE__ */ React28.createElement("div", { className: "flex items-center gap-0.5 bg-slate-900/80 backdrop-blur-sm p-1 rounded-lg border border-white/5 shadow-xl" }, /* @__PURE__ */ React28.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ React28.createElement(
13402
+ ) : /* @__PURE__ */ React28.createElement("span", { className: "text-sm font-semibold text-slate-200 block truncate" }, item.name), /* @__PURE__ */ React28.createElement("div", { className: "flex items-center justify-center gap-1.5 opacity-60" }, /* @__PURE__ */ React28.createElement("span", { className: "text-[10px] text-slate-400 uppercase tracking-widest font-bold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens"))),
13403
+ canEdit && /* @__PURE__ */ React28.createElement("div", { className: "absolute top-2 right-2 flex flex-col gap-1 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 translate-x-2 group-hover/folder:translate-x-0 z-10" }, /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-0.5 bg-slate-950/90 backdrop-blur-md p-1 rounded-xl border border-white/10 shadow-2xl scale-90 origin-top-right" }, /* @__PURE__ */ React28.createElement("div", { className: "flex gap-0.5" }, /* @__PURE__ */ React28.createElement(Tooltip, { text: "Subir" }, /* @__PURE__ */ React28.createElement(
13403
13404
  "button",
13404
13405
  {
13405
13406
  onClick: (e) => {
@@ -13407,7 +13408,7 @@ var BoardItem = React28.memo(({
13407
13408
  onMoveUp(item.id);
13408
13409
  },
13409
13410
  disabled: !canMoveUp,
13410
- className: `p-1.5 rounded transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13411
+ className: `p-1.5 rounded-lg transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13411
13412
  },
13412
13413
  /* @__PURE__ */ React28.createElement(FiArrowUp, { size: 14 })
13413
13414
  )), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Descer" }, /* @__PURE__ */ React28.createElement(
@@ -13418,17 +13419,17 @@ var BoardItem = React28.memo(({
13418
13419
  onMoveDown(item.id);
13419
13420
  },
13420
13421
  disabled: !canMoveDown,
13421
- className: `p-1.5 rounded transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13422
+ className: `p-1.5 rounded-lg transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13422
13423
  },
13423
13424
  /* @__PURE__ */ React28.createElement(FiArrowDown, { size: 14 })
13424
- )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-0.5" }), showIndentUp && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentUpTooltip() }, /* @__PURE__ */ React28.createElement(
13425
+ ))), /* @__PURE__ */ React28.createElement("div", { className: "h-px w-full bg-white/5 my-0.5" }), /* @__PURE__ */ React28.createElement("div", { className: "flex gap-0.5" }, showIndentUp && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentUpTooltip() }, /* @__PURE__ */ React28.createElement(
13425
13426
  "button",
13426
13427
  {
13427
13428
  onClick: (e) => {
13428
13429
  e.stopPropagation();
13429
13430
  onIndent(item.id);
13430
13431
  },
13431
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13432
+ className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13432
13433
  },
13433
13434
  /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 14 })
13434
13435
  )), showIndentDown && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentDownTooltip() }, /* @__PURE__ */ React28.createElement(
@@ -13438,34 +13439,33 @@ var BoardItem = React28.memo(({
13438
13439
  e.stopPropagation();
13439
13440
  onIndentDown(item.id);
13440
13441
  },
13441
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13442
+ className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13442
13443
  },
13443
13444
  /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 14 })
13444
- )), !isAtRoot && /* @__PURE__ */ React28.createElement(Tooltip, { text: "Desaninhar / Recuar n\xEDvel" }, /* @__PURE__ */ React28.createElement(
13445
+ ))), !isAtRoot && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", { className: "h-px w-full bg-white/5 my-0.5" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Sair da pasta" }, /* @__PURE__ */ React28.createElement(
13445
13446
  "button",
13446
13447
  {
13447
13448
  onClick: (e) => {
13448
13449
  e.stopPropagation();
13449
13450
  onOutdent(item.id);
13450
13451
  },
13451
- disabled: !onOutdent,
13452
- className: `p-1.5 rounded transition-colors ${!onOutdent ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13452
+ className: `p-1.5 rounded-lg text-slate-400 hover:text-white hover:bg-white/10 transition-colors w-full flex justify-center`
13453
13453
  },
13454
13454
  /* @__PURE__ */ React28.createElement(FiCornerUpLeft3, { size: 14 })
13455
- )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-3 bg-white/10 mx-0.5" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Remover Pasta" }, /* @__PURE__ */ React28.createElement(
13455
+ ))), /* @__PURE__ */ React28.createElement("div", { className: "h-px w-full bg-white/5 my-0.5" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Remover" }, /* @__PURE__ */ React28.createElement(
13456
13456
  "button",
13457
13457
  {
13458
13458
  onClick: (e) => {
13459
13459
  e.stopPropagation();
13460
13460
  onDelete(item.id);
13461
13461
  },
13462
- className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
13462
+ className: "p-1.5 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded-lg transition-colors w-full flex justify-center"
13463
13463
  },
13464
13464
  /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
13465
- ))), /* @__PURE__ */ React28.createElement(FiChevronRight7, { className: "text-slate-500 group-hover/folder:translate-x-1 transition-transform" }))
13465
+ ))))
13466
13466
  ));
13467
13467
  }
13468
- return /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 mb-3 pl-3 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ React28.createElement(
13468
+ return /* @__PURE__ */ React28.createElement("div", { className: "w-full flex flex-col gap-2 mb-3 pl-4 border-l border-white/10 relative group/item animate-in fade-in slide-in-from-left-2 duration-300" }, /* @__PURE__ */ React28.createElement("div", { className: "absolute -left-[1px] top-4 w-2 h-px bg-white/20" }), /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col gap-2 py-2 px-3 transition-all duration-200 hover:bg-white/5 border-l-2 border-transparent hover:border-white/20" }, /* @__PURE__ */ React28.createElement(
13469
13469
  RichGroupEditor_default,
13470
13470
  {
13471
13471
  content: item.content,
@@ -13888,7 +13888,7 @@ function Boards({
13888
13888
  /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 10 }),
13889
13889
  /* @__PURE__ */ React28.createElement("span", null, "Voltar")
13890
13890
  ))),
13891
- /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto overflow-x-hidden custom-scrollbar bg-slate-950/30 p-6 space-y-4" }, currentBoardItems.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl bg-slate-900/20" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Esta pasta est\xE1 vazia.", /* @__PURE__ */ React28.createElement("br", null), "Use os bot\xF5es acima para criar conte\xFAdo.") : /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum conte\xFAdo dispon\xEDvel nesta pasta."))) : currentBoardItems.map((item, index) => /* @__PURE__ */ React28.createElement(
13891
+ /* @__PURE__ */ React28.createElement("div", { className: "flex-1 overflow-y-auto overflow-x-hidden custom-scrollbar bg-slate-950/30 p-6 flex flex-wrap gap-4 items-start content-start" }, currentBoardItems.length === 0 ? /* @__PURE__ */ React28.createElement("div", { className: "flex flex-col items-center justify-center h-full text-slate-500 gap-3 border-2 border-dashed border-white/5 rounded-xl bg-slate-900/20" }, /* @__PURE__ */ React28.createElement(FiLayers7, { size: 24, className: "opacity-20" }), /* @__PURE__ */ React28.createElement("p", { className: "text-xs text-center px-4" }, canEdit ? /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Esta pasta est\xE1 vazia.", /* @__PURE__ */ React28.createElement("br", null), "Use os bot\xF5es acima para criar conte\xFAdo.") : /* @__PURE__ */ React28.createElement(React28.Fragment, null, "Nenhum conte\xFAdo dispon\xEDvel nesta pasta."))) : currentBoardItems.map((item, index) => /* @__PURE__ */ React28.createElement(
13892
13892
  BoardItem,
13893
13893
  {
13894
13894
  key: item.id,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lv-x-software-house/x_view",
3
- "version": "1.2.6-dev.33",
3
+ "version": "1.2.6-dev.34",
4
4
  "description": "Pacote privado contendo os componentes e lógica de renderização 3D do X View.",
5
5
  "author": "iv.x - Engenharia de Software - ivxsoftwarehouse@gmail.com",
6
6
  "license": "UNLICENSED",