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

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 (3) hide show
  1. package/dist/index.js +27 -27
  2. package/dist/index.mjs +27 -27
  3. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -13331,26 +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: "relative group/item animate-in fade-in zoom-in duration-300 w-[240px] h-[140px] flex-shrink-0" }, /* @__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-[calc(16.66%-14px)] min-w-[160px] h-14 flex-shrink-0" }, /* @__PURE__ */ import_react29.default.createElement(
13335
13335
  "div",
13336
13336
  {
13337
13337
  onClick: () => onEnterFolder(item.id),
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"
13338
+ className: "h-full flex items-center gap-3 px-3 py-2 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-xl cursor-pointer transition-all duration-300 group/folder relative overflow-hidden"
13339
13339
  },
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(
13340
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "absolute inset-y-0 left-0 w-1 bg-gradient-to-r from-indigo-500/20 to-transparent opacity-0 group-hover/folder:opacity-100 transition-opacity" }),
13341
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-9 h-9 rounded-lg bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-105 group-hover/folder:bg-indigo-500/20 transition-all duration-300 shadow-inner shrink-0" }, /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiFolder, { size: 18 })),
13342
+ /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, canEdit ? /* @__PURE__ */ import_react29.default.createElement(
13343
13343
  "input",
13344
13344
  {
13345
13345
  type: "text",
13346
13346
  value: item.name,
13347
13347
  onChange: handleNameChange,
13348
13348
  onClick: (e) => e.stopPropagation(),
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",
13350
- placeholder: "Nome da pasta..."
13349
+ className: "bg-transparent border-none outline-none text-xs font-semibold text-slate-200 w-full focus:text-white placeholder:text-slate-600 truncate",
13350
+ placeholder: "Nome..."
13351
13351
  }
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(
13352
+ ) : /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-xs font-semibold text-slate-200 block truncate" }, item.name), /* @__PURE__ */ import_react29.default.createElement("span", { className: "text-[9px] text-slate-500 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-1 right-1 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 z-10" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex bg-slate-950/90 backdrop-blur-md p-0.5 rounded-lg border border-white/10 shadow-2xl scale-75 origin-top-right" }, /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Mover" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex" }, /* @__PURE__ */ import_react29.default.createElement(
13354
13354
  "button",
13355
13355
  {
13356
13356
  onClick: (e) => {
@@ -13358,10 +13358,10 @@ var BoardItem = import_react29.default.memo(({
13358
13358
  onMoveUp(item.id);
13359
13359
  },
13360
13360
  disabled: !canMoveUp,
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
+ className: `p-1 rounded transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13362
13362
  },
13363
- /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowUp, { size: 14 })
13364
- )), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Descer" }, /* @__PURE__ */ import_react29.default.createElement(
13363
+ /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowUp, { size: 12 })
13364
+ ), /* @__PURE__ */ import_react29.default.createElement(
13365
13365
  "button",
13366
13366
  {
13367
13367
  onClick: (e) => {
@@ -13369,50 +13369,50 @@ var BoardItem = import_react29.default.memo(({
13369
13369
  onMoveDown(item.id);
13370
13370
  },
13371
13371
  disabled: !canMoveDown,
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
+ className: `p-1 rounded transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13373
13373
  },
13374
- /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowDown, { size: 14 })
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(
13374
+ /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowDown, { size: 12 })
13375
+ ))), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: "Aninhar" }, /* @__PURE__ */ import_react29.default.createElement("div", { className: "flex" }, showIndentUp && /* @__PURE__ */ import_react29.default.createElement(
13376
13376
  "button",
13377
13377
  {
13378
13378
  onClick: (e) => {
13379
13379
  e.stopPropagation();
13380
13380
  onIndent(item.id);
13381
13381
  },
13382
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13382
+ className: "p-1 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13383
13383
  },
13384
- /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowLeft, { size: 14 })
13385
- )), showIndentDown && /* @__PURE__ */ import_react29.default.createElement(Tooltip, { text: getIndentDownTooltip() }, /* @__PURE__ */ import_react29.default.createElement(
13384
+ /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowLeft, { size: 12 })
13385
+ ), showIndentDown && /* @__PURE__ */ import_react29.default.createElement(
13386
13386
  "button",
13387
13387
  {
13388
13388
  onClick: (e) => {
13389
13389
  e.stopPropagation();
13390
13390
  onIndentDown(item.id);
13391
13391
  },
13392
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13392
+ className: "p-1 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13393
13393
  },
13394
- /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowRight, { size: 14 })
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(
13394
+ /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiArrowRight, { size: 12 })
13395
+ ))), !isAtRoot && /* @__PURE__ */ import_react29.default.createElement(import_react29.default.Fragment, null, /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ import_react29.default.createElement(
13396
13396
  "button",
13397
13397
  {
13398
13398
  onClick: (e) => {
13399
13399
  e.stopPropagation();
13400
13400
  onOutdent(item.id);
13401
13401
  },
13402
- className: `p-1.5 rounded-lg text-slate-400 hover:text-white hover:bg-white/10 transition-colors w-full flex justify-center`
13402
+ className: `p-1 rounded text-slate-400 hover:text-white hover:bg-white/10 transition-colors`
13403
13403
  },
13404
- /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiCornerUpLeft, { size: 14 })
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(
13404
+ /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiCornerUpLeft, { size: 12 })
13405
+ )), /* @__PURE__ */ import_react29.default.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__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-lg transition-colors w-full flex justify-center"
13412
+ className: "p-1 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
13413
13413
  },
13414
- /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiTrash2, { size: 14 })
13415
- ))))
13414
+ /* @__PURE__ */ import_react29.default.createElement(import_fi23.FiTrash2, { size: 12 })
13415
+ )))
13416
13416
  ));
13417
13417
  }
13418
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(
package/dist/index.mjs CHANGED
@@ -13381,26 +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: "relative group/item animate-in fade-in zoom-in duration-300 w-[240px] h-[140px] flex-shrink-0" }, /* @__PURE__ */ React28.createElement(
13384
+ return /* @__PURE__ */ React28.createElement("div", { className: "relative group/item animate-in fade-in zoom-in duration-300 w-[calc(16.66%-14px)] min-w-[160px] h-14 flex-shrink-0" }, /* @__PURE__ */ React28.createElement(
13385
13385
  "div",
13386
13386
  {
13387
13387
  onClick: () => onEnterFolder(item.id),
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"
13388
+ className: "h-full flex items-center gap-3 px-3 py-2 bg-white/5 hover:bg-white/10 border border-white/10 hover:border-white/20 rounded-xl cursor-pointer transition-all duration-300 group/folder relative overflow-hidden"
13389
13389
  },
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(
13390
+ /* @__PURE__ */ React28.createElement("div", { className: "absolute inset-y-0 left-0 w-1 bg-gradient-to-r from-indigo-500/20 to-transparent opacity-0 group-hover/folder:opacity-100 transition-opacity" }),
13391
+ /* @__PURE__ */ React28.createElement("div", { className: "w-9 h-9 rounded-lg bg-indigo-500/10 flex items-center justify-center text-indigo-400 group-hover/folder:scale-105 group-hover/folder:bg-indigo-500/20 transition-all duration-300 shadow-inner shrink-0" }, /* @__PURE__ */ React28.createElement(FiFolder3, { size: 18 })),
13392
+ /* @__PURE__ */ React28.createElement("div", { className: "flex-1 min-w-0 flex flex-col justify-center" }, canEdit ? /* @__PURE__ */ React28.createElement(
13393
13393
  "input",
13394
13394
  {
13395
13395
  type: "text",
13396
13396
  value: item.name,
13397
13397
  onChange: handleNameChange,
13398
13398
  onClick: (e) => e.stopPropagation(),
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",
13400
- placeholder: "Nome da pasta..."
13399
+ className: "bg-transparent border-none outline-none text-xs font-semibold text-slate-200 w-full focus:text-white placeholder:text-slate-600 truncate",
13400
+ placeholder: "Nome..."
13401
13401
  }
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(
13402
+ ) : /* @__PURE__ */ React28.createElement("span", { className: "text-xs font-semibold text-slate-200 block truncate" }, item.name), /* @__PURE__ */ React28.createElement("span", { className: "text-[9px] text-slate-500 uppercase tracking-widest font-bold" }, ((_a = item.children) == null ? void 0 : _a.length) || 0, " itens")),
13403
+ canEdit && /* @__PURE__ */ React28.createElement("div", { className: "absolute top-1 right-1 opacity-0 group-hover/folder:opacity-100 transition-all duration-300 z-10" }, /* @__PURE__ */ React28.createElement("div", { className: "flex bg-slate-950/90 backdrop-blur-md p-0.5 rounded-lg border border-white/10 shadow-2xl scale-75 origin-top-right" }, /* @__PURE__ */ React28.createElement(Tooltip, { text: "Mover" }, /* @__PURE__ */ React28.createElement("div", { className: "flex" }, /* @__PURE__ */ React28.createElement(
13404
13404
  "button",
13405
13405
  {
13406
13406
  onClick: (e) => {
@@ -13408,10 +13408,10 @@ var BoardItem = React28.memo(({
13408
13408
  onMoveUp(item.id);
13409
13409
  },
13410
13410
  disabled: !canMoveUp,
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
+ className: `p-1 rounded transition-colors ${!canMoveUp ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13412
13412
  },
13413
- /* @__PURE__ */ React28.createElement(FiArrowUp, { size: 14 })
13414
- )), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Descer" }, /* @__PURE__ */ React28.createElement(
13413
+ /* @__PURE__ */ React28.createElement(FiArrowUp, { size: 12 })
13414
+ ), /* @__PURE__ */ React28.createElement(
13415
13415
  "button",
13416
13416
  {
13417
13417
  onClick: (e) => {
@@ -13419,50 +13419,50 @@ var BoardItem = React28.memo(({
13419
13419
  onMoveDown(item.id);
13420
13420
  },
13421
13421
  disabled: !canMoveDown,
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
+ className: `p-1 rounded transition-colors ${!canMoveDown ? "text-slate-800 cursor-not-allowed" : "text-slate-400 hover:text-white hover:bg-white/10"}`
13423
13423
  },
13424
- /* @__PURE__ */ React28.createElement(FiArrowDown, { size: 14 })
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(
13424
+ /* @__PURE__ */ React28.createElement(FiArrowDown, { size: 12 })
13425
+ ))), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ React28.createElement(Tooltip, { text: "Aninhar" }, /* @__PURE__ */ React28.createElement("div", { className: "flex" }, showIndentUp && /* @__PURE__ */ React28.createElement(
13426
13426
  "button",
13427
13427
  {
13428
13428
  onClick: (e) => {
13429
13429
  e.stopPropagation();
13430
13430
  onIndent(item.id);
13431
13431
  },
13432
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13432
+ className: "p-1 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13433
13433
  },
13434
- /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 14 })
13435
- )), showIndentDown && /* @__PURE__ */ React28.createElement(Tooltip, { text: getIndentDownTooltip() }, /* @__PURE__ */ React28.createElement(
13434
+ /* @__PURE__ */ React28.createElement(FiArrowLeft3, { size: 12 })
13435
+ ), showIndentDown && /* @__PURE__ */ React28.createElement(
13436
13436
  "button",
13437
13437
  {
13438
13438
  onClick: (e) => {
13439
13439
  e.stopPropagation();
13440
13440
  onIndentDown(item.id);
13441
13441
  },
13442
- className: "p-1.5 text-slate-400 hover:text-white hover:bg-white/10 rounded-lg transition-colors"
13442
+ className: "p-1 text-slate-400 hover:text-white hover:bg-white/10 rounded transition-colors"
13443
13443
  },
13444
- /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 14 })
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(
13444
+ /* @__PURE__ */ React28.createElement(FiArrowRight2, { size: 12 })
13445
+ ))), !isAtRoot && /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__PURE__ */ React28.createElement(
13446
13446
  "button",
13447
13447
  {
13448
13448
  onClick: (e) => {
13449
13449
  e.stopPropagation();
13450
13450
  onOutdent(item.id);
13451
13451
  },
13452
- className: `p-1.5 rounded-lg text-slate-400 hover:text-white hover:bg-white/10 transition-colors w-full flex justify-center`
13452
+ className: `p-1 rounded text-slate-400 hover:text-white hover:bg-white/10 transition-colors`
13453
13453
  },
13454
- /* @__PURE__ */ React28.createElement(FiCornerUpLeft3, { size: 14 })
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(
13454
+ /* @__PURE__ */ React28.createElement(FiCornerUpLeft3, { size: 12 })
13455
+ )), /* @__PURE__ */ React28.createElement("div", { className: "w-px h-4 bg-white/5 mx-0.5 self-center" }), /* @__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-lg transition-colors w-full flex justify-center"
13462
+ className: "p-1 text-slate-500 hover:text-red-400 hover:bg-red-500/10 rounded transition-colors"
13463
13463
  },
13464
- /* @__PURE__ */ React28.createElement(FiTrash23, { size: 14 })
13465
- ))))
13464
+ /* @__PURE__ */ React28.createElement(FiTrash23, { size: 12 })
13465
+ )))
13466
13466
  ));
13467
13467
  }
13468
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(
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.34",
3
+ "version": "1.2.6-dev.36",
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",