@code0-tech/pictor 0.0.0-mvp.26 → 0.0.0-mvp.27

package/dist/components/d-project/DNamespaceProjectList.js

@@ -1,25 +1,25 @@
 import { jsx as r } from "react/jsx-runtime";
 import f from "react";
 import { Card as u } from "../card/Card.js";
-import { useService as S, useStore as l } from "../../utils/contextStore.js";
+import { useService as l, useStore as S } from "../../utils/contextStore.js";
 import "merge-props";
 import { DNamespaceProjectReactiveService as i } from "./DNamespaceProject.service.js";
 import v from "../card/CardSection.js";
 import { DNamespaceProjectContent as j } from "./DNamespaceProjectContent.js";
-const b = (c) => {
+const _ = (c) => {
   const {
     namespaceId: t,
     filter: m = () => !0,
     onSetting: s,
     onSelect: o,
     ...n
-  } = c, p = S(i), a = l(i), d = f.useMemo(() => p.values({
+  } = c, a = l(i), p = S(i), d = f.useMemo(() => a.values({
     namespaceId: t
-  }), [a, t]);
+  }), [p, t]);
   return /* @__PURE__ */ r(u, { ...n, children: d.filter(m).map((e) => e.id && /* @__PURE__ */ r(v, { border: !0, hover: !0, onClick: () => {
     o && o(e);
   }, children: /* @__PURE__ */ r(j, { onSetting: s, projectId: e?.id }) }, e.id)) });
 };
 export {
-  b as DNamespaceProjectList
+  _ as DNamespaceProjectList
 };

package/dist/components/d-project/DNamespaceProjectMenu.js

@@ -10,7 +10,7 @@ import { Flex as t } from "../flex/Flex.js";
 import { Badge as n } from "../badge/Badge.js";
 import { IconArrowUp as B, IconArrowDown as N, IconCornerDownLeft as A } from "@tabler/icons-react";
 import { Spacing as F } from "../spacing/Spacing.js";
-const K = (i) => {
+const J = (i) => {
   const {
     onProjectSelect: h,
     namespaceId: c,
@@ -53,5 +53,5 @@ const K = (i) => {
   ] }), [a]);
 };
 export {
-  K as default
+  J as default
 };

package/dist/components/d-resizable/DResizable.js

@@ -1,32 +1,33 @@
-import { jsx as i } from "react/jsx-runtime";
-import { c as r } from "../../_virtual/compiler-runtime.js";
+import { jsx as r } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
 import { mergeCode0Props as n } from "../../utils/utils.js";
 import { PanelGroup as o, Panel as c, PanelResizeHandle as m } from "react-resizable-panels";
 import '../../assets/components/d-resizable/DResizable.style.css';/* empty css                      */
-const u = (a) => {
-  const e = r.c(4);
+import { IconGripVertical as d } from "@tabler/icons-react";
+const P = (a) => {
+  const e = s.c(4);
   let l;
   e[0] !== a ? (l = n("d-resizable", a), e[0] = a, e[1] = l) : l = e[1];
   const t = l;
-  let s;
-  return e[2] !== t ? (s = /* @__PURE__ */ i(o, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = s) : s = e[3], s;
-}, P = (a) => {
-  const e = r.c(4);
+  let i;
+  return e[2] !== t ? (i = /* @__PURE__ */ r(o, { "data-slot": "resizable-panel-group", ...t }), e[2] = t, e[3] = i) : i = e[3], i;
+}, p = (a) => {
+  const e = s.c(4);
   let l;
   e[0] !== a ? (l = n("d-resizable__panel", a), e[0] = a, e[1] = l) : l = e[1];
   let t;
-  return e[2] !== l ? (t = /* @__PURE__ */ i(c, { "data-slot": "resizable-panel", ...l }), e[2] = l, e[3] = t) : t = e[3], t;
-}, h = (a) => {
-  const e = r.c(5);
+  return e[2] !== l ? (t = /* @__PURE__ */ r(c, { "data-slot": "resizable-panel", ...l }), e[2] = l, e[3] = t) : t = e[3], t;
+}, R = (a) => {
+  const e = s.c(5);
   let l;
   e[0] !== a ? (l = n("d-resizable__handle", a), e[0] = a, e[1] = l) : l = e[1];
   let t;
-  e[2] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ i("div", { className: "d-resizable__handle-bar" }), e[2] = t) : t = e[2];
-  let s;
-  return e[3] !== l ? (s = /* @__PURE__ */ i(m, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = s) : s = e[4], s;
+  e[2] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ r("div", { className: "d-resizable__handle-bar", children: /* @__PURE__ */ r(d, { size: 16 }) }), e[2] = t) : t = e[2];
+  let i;
+  return e[3] !== l ? (i = /* @__PURE__ */ r(m, { "data-slot": "resizable-handle", ...l, children: t }), e[3] = l, e[4] = i) : i = e[4], i;
 };
 export {
-  h as DResizableHandle,
-  P as DResizablePanel,
-  u as DResizablePanelGroup
+  R as DResizableHandle,
+  p as DResizablePanel,
+  P as DResizablePanelGroup
 };

package/dist/components/d-role/DNamespaceRolePermissions.js

@@ -1,8 +1,8 @@
 import { jsx as i, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import m from "react";
+import a from "react";
 import { Flex as A } from "../flex/Flex.js";
 import { Text as c } from "../text/Text.js";
-import { Badge as a } from "../badge/Badge.js";
+import { Badge as m } from "../badge/Badge.js";
 import { IconCheck as T } from "@tabler/icons-react";
 import { Tooltip as _, TooltipTrigger as u, TooltipPortal as C, TooltipContent as R, TooltipArrow as f } from "../tooltip/Tooltip.js";
 const h = {
@@ -73,7 +73,7 @@ function g(e) {
     t.action,
     " ",
     /* @__PURE__ */ s(_, { children: [
-      /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(a, { color: "info", style: {
+      /* @__PURE__ */ i(u, { asChild: !0, children: /* @__PURE__ */ i(m, { color: "info", style: {
         verticalAlign: "middle"
       }, children: /* @__PURE__ */ i(c, { style: {
         color: "inherit"
@@ -103,7 +103,7 @@ function g(e) {
   return /* @__PURE__ */ s(l, { children: [
     "Can",
     " ",
-    n.map((t, E) => /* @__PURE__ */ s(m.Fragment, { children: [
+    n.map((t, E) => /* @__PURE__ */ s(a.Fragment, { children: [
       E > 0 && ", ",
       r(t)
     ] }, t.category)),
@@ -115,7 +115,7 @@ function g(e) {
 const b = (e) => {
   const {
     abilities: r
-  } = e, n = m.useMemo(() => S(r), [r]);
+  } = e, n = a.useMemo(() => S(r), [r]);
   return /* @__PURE__ */ i(c, { size: "sm", hierarchy: "secondary", children: g(n) });
 };
 export {

package/dist/components/d-runtime/DRuntimeList.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
 import { Card as a } from "../card/Card.js";
-import S from "react";
-import { useService as l, useStore as v } from "../../utils/contextStore.js";
+import l from "react";
+import { useService as S, useStore as v } from "../../utils/contextStore.js";
 import "merge-props";
 import { DRuntimeReactiveService as m } from "./DRuntime.service.js";
 import R from "../card/CardSection.js";
 import { DRuntimeContent as C } from "./DRuntimeContent.js";
-const k = (n) => {
+const j = (n) => {
   const {
     namespaceId: t,
     minimized: i = !1,
@@ -14,15 +14,15 @@ const k = (n) => {
     onSetting: s,
     onSelect: o,
     ...d
-  } = n, p = l(m), u = v(m), f = S.useMemo(() => p.values({
+  } = n, u = S(m), f = v(m), p = l.useMemo(() => u.values({
     namespaceId: t
-  }), [u, t]);
+  }), [f, t]);
   return /* @__PURE__ */ r(a, { ...d, ...i ? {
     paddingSize: "sm"
-  } : {}, children: f.filter(c).map((e) => e.id && /* @__PURE__ */ r(R, { border: !0, hover: !0, onClick: () => {
+  } : {}, children: p.filter(c).map((e) => e.id && /* @__PURE__ */ r(R, { border: !0, hover: !0, onClick: () => {
     o && o(e);
   }, children: /* @__PURE__ */ r(C, { minimized: i, onSetting: s, runtimeId: e?.id }) }, e.id)) });
 };
 export {
-  k as DRuntimeList
+  j as DRuntimeList
 };

package/dist/components/d-user/DUser.session.hook.js

@@ -1,6 +1,6 @@
 import { c } from "../../_virtual/compiler-runtime.js";
 import i from "react";
-const a = () => {
+const m = () => {
   const e = c.c(2), [n, r] = i.useState(void 0);
   let s, o;
   return e[0] === Symbol.for("react.memo_cache_sentinel") ? (s = () => {
@@ -12,5 +12,5 @@ const a = () => {
 };
 export {
   S as setUserSession,
-  a as useUserSession
+  m as useUserSession
 };

package/dist/components/d-user/DUserContent.js

@@ -1,7 +1,7 @@
-import { jsx as d, jsxs as p } from "react/jsx-runtime";
+import { jsx as d, jsxs as u } from "react/jsx-runtime";
 import { c as V } from "../../_virtual/compiler-runtime.js";
 import w from "react";
-import { Flex as u } from "../flex/Flex.js";
+import { Flex as p } from "../flex/Flex.js";
 import { Avatar as B } from "../avatar/Avatar.js";
 import { useUserSession as E } from "./DUser.session.hook.js";
 import { useService as k } from "../../utils/contextStore.js";
@@ -39,43 +39,43 @@ const Z = (D) => {
   let l;
   e[10] !== r.admin ? (l = r.admin ? /* @__PURE__ */ d(C, { color: "secondary", children: "Owner" }) : null, e[10] = r.admin, e[11] = l) : l = e[11];
   let s;
-  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ p(u, { align: "center", style: v, children: [
+  e[12] !== i || e[13] !== l ? (s = /* @__PURE__ */ u(p, { align: "center", style: v, children: [
     i,
     l
   ] }), e[12] = i, e[13] = l, e[14] = s) : s = e[14];
   let n;
   e[15] !== r.email ? (n = /* @__PURE__ */ d(R, { size: "sm", hierarchy: "tertiary", children: r.email }), e[15] = r.email, e[16] = n) : n = e[16];
   let m;
-  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ p(u, { style: g, children: [
+  e[17] !== s || e[18] !== n ? (m = /* @__PURE__ */ u(p, { style: g, children: [
     s,
     n
   ] }), e[17] = s, e[18] = n, e[19] = m) : m = e[19];
   let o;
-  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ p(u, { style: y, align: "center", children: [
+  e[20] !== m || e[21] !== t ? (o = /* @__PURE__ */ u(p, { style: y, align: "center", children: [
     t,
     m
   ] }), e[20] = m, e[21] = t, e[22] = o) : o = e[22];
-  let S;
-  e[23] === Symbol.for("react.memo_cache_sentinel") ? (S = {
+  let _;
+  e[23] === Symbol.for("react.memo_cache_sentinel") ? (_ = {
     gap: "1.3rem"
-  }, e[23] = S) : S = e[23];
+  }, e[23] = _) : _ = e[23];
   let c;
-  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ p(C, { border: !0, children: [
+  e[24] !== r.emailVerifiedAt ? (c = r?.emailVerifiedAt ? /* @__PURE__ */ u(C, { border: !0, children: [
     /* @__PURE__ */ d(M, { size: 16 }),
     /* @__PURE__ */ d(R, { size: "xs", hierarchy: "tertiary", children: "Email verified" })
   ] }) : null, e[24] = r.emailVerifiedAt, e[25] = c) : c = e[25];
   let a;
   e[26] !== j || e[27] !== A || e[28] !== U || e[29] !== r ? (a = null, e[26] = j, e[27] = A, e[28] = U, e[29] = r, e[30] = a) : a = e[30];
   let f;
-  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ p(u, { style: S, align: "center", children: [
+  e[31] !== c || e[32] !== a ? (f = /* @__PURE__ */ u(p, { style: _, align: "center", children: [
     c,
     a
   ] }), e[31] = c, e[32] = a, e[33] = f) : f = e[33];
-  let _;
-  return e[34] !== o || e[35] !== f ? (_ = /* @__PURE__ */ p(u, { justify: "space-between", align: "center", children: [
+  let S;
+  return e[34] !== o || e[35] !== f ? (S = /* @__PURE__ */ u(p, { justify: "space-between", align: "center", children: [
     o,
     f
-  ] }), e[34] = o, e[35] = f, e[36] = _) : _ = e[36], _;
+  ] }), e[34] = o, e[35] = f, e[36] = S) : S = e[36], S;
 };
 function O() {
 }

package/dist/components/d-user/DUserInput.js

@@ -14,8 +14,8 @@ import "@radix-ui/react-one-time-password-field";
 import "@radix-ui/react-radio-group";
 import "../form/SwitchInput.js";
 import { TextInput as L } from "../form/TextInput.js";
-import { Badge as m } from "../badge/Badge.js";
-import { Text as l } from "../text/Text.js";
+import { Badge as l } from "../badge/Badge.js";
+import { Text as m } from "../text/Text.js";
 import { useService as U, useStore as D } from "../../utils/contextStore.js";
 import { DUserReactiveService as g } from "./DUser.service.js";
 import { MenuLabel as w, MenuItem as z } from "../menu/Menu.js";
@@ -30,14 +30,14 @@ const P = (p) => {
     children: /* @__PURE__ */ o(s, { align: "end", style: {
       gap: "0.35rem"
     }, children: [
-      /* @__PURE__ */ e(l, { children: r.username }),
-      /* @__PURE__ */ e(l, { size: "xs", hierarchy: "tertiary", children: r.email })
+      /* @__PURE__ */ e(m, { children: r.username }),
+      /* @__PURE__ */ e(m, { size: "xs", hierarchy: "tertiary", children: r.email })
     ] }),
     insertMode: "insert",
     valueData: r,
     groupBy: "Users"
   })), [f]);
-  return /* @__PURE__ */ e(L, { placeholder: "Enter users", suggestionsEmptyState: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(l, { children: "No user found" }) }), onLastTokenChange: (r) => {
+  return /* @__PURE__ */ e(L, { placeholder: "Enter users", suggestionsEmptyState: /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(m, { children: "No user found" }) }), onLastTokenChange: (r) => {
     u.getByUsername(r);
   }, suggestionsFooter: /* @__PURE__ */ e(w, { children: /* @__PURE__ */ o(s, { style: {
     gap: ".35rem"
@@ -46,8 +46,8 @@ const P = (p) => {
       gap: "0.35rem"
     }, children: [
       /* @__PURE__ */ o(s, { children: [
-        /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(S, { size: 12 }) }),
-        /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(b, { size: 12 }) })
+        /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(S, { size: 12 }) }),
+        /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(b, { size: 12 }) })
       ] }),
       "move"
     ] }),
@@ -55,7 +55,7 @@ const P = (p) => {
     /* @__PURE__ */ o(s, { align: "center", style: {
       gap: ".35rem"
     }, children: [
-      /* @__PURE__ */ e(m, { border: !0, children: /* @__PURE__ */ e(I, { size: 12 }) }),
+      /* @__PURE__ */ e(l, { border: !0, children: /* @__PURE__ */ e(I, { size: 12 }) }),
       "insert"
     ] })
   ] }) }), filterSuggestionsByLastToken: !0, enforceUniqueSuggestions: !0, transformSyntax: (r, a = []) => {
@@ -67,7 +67,7 @@ const P = (p) => {
           start: t,
           end: t + i.value.length,
           visualLength: 1,
-          content: /* @__PURE__ */ e(m, { color: "info", border: !0, children: /* @__PURE__ */ o(l, { style: {
+          content: /* @__PURE__ */ e(l, { color: "info", border: !0, children: /* @__PURE__ */ o(m, { style: {
             color: "inherit"
           }, children: [
             "@",

package/dist/components/d-user/DUserList.js

@@ -1,22 +1,22 @@
 import { jsx as e } from "react/jsx-runtime";
-import d from "react";
+import p from "react";
 import { useService as u, useStore as l } from "../../utils/contextStore.js";
 import "merge-props";
 import { DUserReactiveService as t } from "./DUser.service.js";
-import { Card as v } from "../card/Card.js";
-import S from "../card/CardSection.js";
-import { DUserContent as a } from "./DUserContent.js";
-const k = (i) => {
+import { Card as a } from "../card/Card.js";
+import v from "../card/CardSection.js";
+import { DUserContent as S } from "./DUserContent.js";
+const j = (i) => {
   const {
     filter: m = () => !0,
     onRemove: s,
     onSelect: o,
     ...c
-  } = i, n = u(t), f = l(t), p = d.useMemo(() => n.values(), [f]);
-  return /* @__PURE__ */ e(v, { ...c, children: p.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(S, { border: !0, hover: !0, onClick: () => {
+  } = i, n = u(t), f = l(t), d = p.useMemo(() => n.values(), [f]);
+  return /* @__PURE__ */ e(a, { ...c, children: d.filter(m).map((r) => r && r.id && /* @__PURE__ */ e(v, { border: !0, hover: !0, onClick: () => {
     o && o(r);
-  }, children: /* @__PURE__ */ e(a, { onRemove: s, userId: r?.id }) }, r.id)) });
+  }, children: /* @__PURE__ */ e(S, { onRemove: s, userId: r?.id }) }, r.id)) });
 };
 export {
-  k as DUserList
+  j as DUserList
 };

package/dist/components/file-tabs/FileTabs.js

@@ -33,7 +33,7 @@ const E = (t) => {
   e[0] !== t ? (l = h("file-tabs__trigger", t), e[0] = t, e[1] = l) : l = e[1];
   const n = l;
   let c;
-  e[2] !== t.closable || e[3] !== t.onClose ? (c = t.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: t.onClose, children: /* @__PURE__ */ a(S, { size: 16 }) }) : null, e[2] = t.closable, e[3] = t.onClose, e[4] = c) : c = e[4];
+  e[2] !== t.closable || e[3] !== t.onClose ? (c = t.closable ? /* @__PURE__ */ a("div", { className: "file-tabs__trigger-icon", onClick: t.onClose, children: /* @__PURE__ */ a(S, { size: 12 }) }) : null, e[2] = t.closable, e[3] = t.onClose, e[4] = c) : c = e[4];
   let s;
   return e[5] !== t.children || e[6] !== t.value || e[7] !== n || e[8] !== c ? (s = /* @__PURE__ */ m(v, { "data-slot": "tabs", "data-value": i, ...n, children: [
     t.children,
@@ -56,7 +56,7 @@ const E = (t) => {
   let f;
   e[7] === Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ a(A, { orientation: "vertical", children: /* @__PURE__ */ a(F, {}) }), e[7] = f) : f = e[7];
   let r;
-  e[8] !== o ? (r = /* @__PURE__ */ m($, { h: "700px", children: [
+  e[8] !== o ? (r = /* @__PURE__ */ m($, { h: "100%", children: [
     o,
     f
   ] }), e[8] = o, e[9] = r) : r = e[9];

package/dist/components/file-tabs/FileTabs.service.d.ts

@@ -2,11 +2,16 @@ import { FileTabsView } from './FileTabs.view';
 import { ReactiveArrayService, ReactiveArrayStore } from '../../utils/reactiveArrayService';
 export declare class FileTabsService extends ReactiveArrayService<FileTabsView> {
     constructor(store: ReactiveArrayStore<FileTabsView>);
+    getById(id: string): FileTabsView | undefined;
     clearLeft(): void;
     clearRight(): void;
     clearWithoutActive(): void;
+    clearAll(): void;
     activateTab(id: string): void;
+    removeTabById(id: string): void;
     delete(index: number): void;
+    deleteById(id: string): void;
+    registerTab(value: FileTabsView): void;
     add(value: FileTabsView): void;
     getActiveTab(): FileTabsView | undefined;
     getActiveIndex(): number;

package/dist/components/file-tabs/FileTabs.service.js

@@ -1,42 +1,94 @@
-import { ReactiveArrayService as a } from "../../utils/reactiveArrayService.js";
-class v extends a {
+import { ReactiveArrayService as n } from "../../utils/reactiveArrayService.js";
+import { startTransition as h } from "react";
+class v extends n {
   constructor(t) {
     super(t);
   }
+  getById(t) {
+    return this.values().find((e) => e.id === t);
+  }
   clearLeft() {
     const t = this.getActiveIndex();
-    this.access.setState((e) => [...e.filter((i, s) => s >= t)]);
+    this.access.getState().forEach((e, i) => {
+      i >= t || this.removeTabById(e.id);
+    });
   }
   clearRight() {
     const t = this.getActiveIndex();
-    this.access.setState((e) => [...e.filter((i, s) => s <= t)]);
+    this.access.getState().forEach((e, i) => {
+      i <= t || this.removeTabById(e.id);
+    });
   }
   clearWithoutActive() {
-    const t = this.getActiveTab();
-    t && this.access.setState((e) => [t]);
+    const t = this.getActiveIndex();
+    this.access.getState().forEach((e, i) => {
+      i != t && this.removeTabById(e.id);
+    });
+  }
+  clearAll() {
+    this.access.getState().forEach((t) => {
+      this.removeTabById(t.id);
+    });
   }
   activateTab(t) {
     this.values().forEach((i) => {
       i.active = !1;
     });
     const e = this.values().find((i) => i.id === t);
-    e && (e.active = !0), this.update();
+    e && (e.active = !0, e.show = !0), this.update();
+  }
+  removeTabById(t) {
+    const e = this.getById(t), i = this.values().findIndex((s) => s.id === t);
+    if (e) {
+      if (e.active && this.has(i - 1)) {
+        const s = this.get(i - 1);
+        s.show && this.activateTab(s.id);
+      } else if (e.active && this.has(i + 1)) {
+        const s = this.get(i + 1);
+        s.show && this.activateTab(s.id);
+      }
+      e.show = !1, e.active = !1, this.update();
+    }
   }
   delete(t) {
     const e = this.get(t);
-    e.active && this.has(t - 1) ? this.activateTab(this.get(t - 1).id) : e.active && this.has(t + 1) && this.activateTab(this.get(t + 1).id), super.delete(t);
+    e.active && this.has(t - 1) ? this.activateTab(this.get(t - 1).id) : e.active && this.has(t + 1) && this.activateTab(this.get(t + 1).id), super.delete(t), this.update();
+  }
+  deleteById(t) {
+    const e = this.values().findIndex((i) => i.id === t);
+    e !== -1 && this.delete(e), this.update();
+  }
+  registerTab(t) {
+    const e = {
+      ...t,
+      show: t.show ?? !1
+    };
+    h(() => {
+      this.access.setState((i) => i.findIndex((a) => a.id === e.id) !== -1 ? i : [...i, e]);
+    });
   }
   add(t) {
-    if (this.values().some((e) => e.id == t.id)) {
-      this.activateTab(t.id);
-      return;
-    }
-    t.active && this.values().forEach((e) => {
-      e.active = !1;
-    }), super.add(t);
+    const e = {
+      ...t,
+      show: t.show ?? !0
+    };
+    h(() => {
+      this.access.setState((i) => {
+        const s = i.findIndex((c) => c.id === e.id), a = i.map((c) => ({
+          ...c,
+          active: e.active ? !1 : c.active
+        }));
+        return s !== -1 ? (a[s] = {
+          ...a[s],
+          ...e,
+          active: e.active ?? a[s].active,
+          show: e.show ?? a[s].show
+        }, a) : [...a, e];
+      });
+    });
   }
   getActiveTab() {
-    return [...this.values()].reverse().find((e) => e.active);
+    return this.values().find((t) => t.active);
   }
   getActiveIndex() {
     return this.values().findIndex((t) => t.active);

package/dist/components/file-tabs/FileTabs.view.d.ts

@@ -6,4 +6,5 @@ export interface FileTabsView {
     content: React.ReactNode;
     active: boolean;
     lastActive?: Date;
+    show?: boolean;
 }

package/dist/components/form/CheckboxInput.js

@@ -10,8 +10,8 @@ import '../../assets/components/form/Input.style.css';/* empty css
 import { IconMinus as T, IconCheck as q } from "@tabler/icons-react";
 const Y = (l) => {
   const e = $.c(40), {
-    title: b,
-    description: _,
+    title: _,
+    description: b,
     formValidation: k,
     ...N
   } = l;
@@ -29,9 +29,9 @@ const Y = (l) => {
   let v;
   e[5] !== t ? (v = [t], e[5] = t, e[6] = v) : v = e[6], z.useEffect(g, v);
   let o;
-  e[7] !== b ? (o = b ? /* @__PURE__ */ n(F, { children: b }) : null, e[7] = b, e[8] = o) : o = e[8];
+  e[7] !== _ ? (o = _ ? /* @__PURE__ */ n(F, { children: _ }) : null, e[7] = _, e[8] = o) : o = e[8];
   let c;
-  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, e[10] = c) : c = e[10];
+  e[9] !== b ? (c = b ? /* @__PURE__ */ n(L, { children: b }) : null, e[9] = b, e[10] = c) : c = e[10];
   const V = `input ${i?.valid ? "" : "input--not-valid"} checkbox-input`;
   let s;
   e[11] !== V ? (s = E(V, {}), e[11] = V, e[12] = s) : s = e[12];

package/dist/components/form/EmailInput.js

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-import a from "react";
-import { Input as m } from "./Input.js";
-import { IconX as l } from "@tabler/icons-react";
-import { Button as s } from "../button/Button.js";
-import { setElementKey as f } from "./Input.utils.js";
-const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, g = (t) => p.test(t), I = a.forwardRef((t, x) => {
-  x = x || a.useRef(null);
+import o from "react";
+import { Input as l } from "./Input.js";
+import { IconX as m } from "@tabler/icons-react";
+import { Button as f } from "../button/Button.js";
+import { setElementKey as s } from "./Input.utils.js";
+const p = /(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\])/, _ = (t) => p.test(t), g = o.forwardRef((t, x) => {
+  x = x || o.useRef(null);
   const {
     clearable: r = !1,
     right: n,
     ...c
   } = t, i = () => {
-    x.current && f(x.current, "value", "", "change");
-  }, o = [n];
-  return r && o.push(/* @__PURE__ */ e(s, { onClick: i, children: /* @__PURE__ */ e(l, { size: 13 }) })), /* @__PURE__ */ e(m, { right: o, type: "email", ref: x, ...c });
+    x.current && s(x.current, "value", "", "change");
+  }, a = [n];
+  return r && a.push(/* @__PURE__ */ e(f, { onClick: i, children: /* @__PURE__ */ e(m, { size: 13 }) })), /* @__PURE__ */ e(l, { right: a, type: "email", ref: x, ...c });
 });
 export {
-  I as EmailInput,
-  g as emailValidation
+  g as EmailInput,
+  _ as emailValidation
 };