@code0-tech/pictor 0.3.0 → 0.4.0

package/dist/components/editor/Editor.js

@@ -0,0 +1,337 @@
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import m, { isValidElement as ce } from "react";
+import { createPortal as K } from "react-dom";
+import "../../utils/contextStore.js";
+import { hashToColor as b, mergeCode0Props as ue } from "../../utils/utils.js";
+import de, { Prec as _, keymap as J, ViewPlugin as me, RangeSetBuilder as he, Decoration as F, EditorView as fe, WidgetType as ge } from "@uiw/react-codemirror";
+import { json as pe, jsonParseLinter as ye } from "@codemirror/lang-json";
+import { syntaxTree as L } from "@codemirror/language";
+import { linter as be } from "@codemirror/lint";
+import ve from "../../node_modules/prettier/standalone.js";
+import we from "../../node_modules/prettier/plugins/babel.js";
+import Se from "../../node_modules/prettier/plugins/estree.js";
+import { createTheme as Ce } from "@uiw/codemirror-themes";
+import { tags as v, getStyleTags as Te } from "../../node_modules/@lezer/highlight/dist/index.js";
+import '../../assets/components/editor/Editor.styles.css';/* empty css                   */
+import { Badge as y } from "../badge/Badge.js";
+import { IconExclamationCircle as Ae, IconAlertTriangle as xe, IconAlertSquareRounded as ke, IconInfoCircle as Ee, IconSpace as ze, IconArrowBarToRight as Pe, IconCornerDownLeft as je } from "@tabler/icons-react";
+import { Text as a } from "../text/Text.js";
+import { Flex as k } from "../flex/Flex.js";
+import { Tooltip as E, TooltipTrigger as z, TooltipPortal as P, TooltipContent as j, TooltipArrow as V } from "../tooltip/Tooltip.js";
+import { ScrollArea as Ve, ScrollAreaViewport as Ne, ScrollAreaScrollbar as G, ScrollAreaThumb as Q } from "../scroll-area/ScrollArea.js";
+import { autocompletion as Ie, acceptCompletion as Re, startCompletion as N } from "@codemirror/autocomplete";
+function Be(i, r, h) {
+  return (r = Me(r)) in i ? Object.defineProperty(i, r, { value: h, enumerable: !0, configurable: !0, writable: !0 }) : i[r] = h, i;
+}
+function Me(i) {
+  var r = qe(i, "string");
+  return typeof r == "symbol" ? r : r + "";
+}
+function qe(i, r) {
+  if (typeof i != "object" || !i) return i;
+  var h = i[Symbol.toPrimitive];
+  if (h !== void 0) {
+    var g = h.call(i, r);
+    if (typeof g != "object") return g;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (r === "string" ? String : Number)(i);
+}
+class X extends ge {
+  constructor(r, h) {
+    super(), this.type = r, this.rawValue = h;
+  }
+  toDOM() {
+    const r = document.createElement("span");
+    return r.className = "cm-react-anchor", r.dataset.type = this.type, r.dataset.value = this.rawValue, r.contentEditable = "false", r.style.pointerEvents = "none", r.style.verticalAlign = "middle", r.style.display = "inline-block", r;
+  }
+  ignoreEvent() {
+    return !0;
+  }
+  eq(r) {
+    return r.type === this.type && r.rawValue === this.rawValue;
+  }
+}
+const Fe = Ce({
+  theme: "light",
+  settings: {
+    background: "transparent",
+    backgroundImage: "",
+    foreground: "rgba(255,255,255, 0.75)",
+    caret: "gray",
+    selection: "rgba(112,179,255,0.25)",
+    selectionMatch: "rgba(112,179,255,0.1)",
+    fontSize: "0.8rem",
+    gutterBackground: "transparent",
+    gutterForeground: "rgba(255,255,255, 0.5)",
+    gutterBorder: "transparent",
+    gutterActiveForeground: "rgba(255,255,255, 1)",
+    lineHighlight: "rgba(255,255,255, 0.1)"
+  },
+  styles: [{
+    tag: v.squareBracket,
+    color: b("squareBracket")
+  }, {
+    tag: v.bracket,
+    color: b("bracket")
+  }, {
+    tag: v.string,
+    color: b("Text")
+  }, {
+    tag: v.bool,
+    color: b("Boolean")
+  }, {
+    tag: v.number,
+    color: b("Number")
+  }]
+}), Oe = (i) => ce(i) || typeof i == "string" || typeof i == "number" || Array.isArray(i), at = (i) => {
+  const {
+    language: r,
+    tokenizer: h,
+    tokenHighlights: g,
+    suggestions: w,
+    onChange: O,
+    extensions: W = [],
+    initialValue: S,
+    formValidation: Y,
+    disabled: I,
+    showTooltips: Z = !0,
+    showValidation: $ = !0,
+    readonly: U,
+    basicSetup: ee,
+    customSuggestionComponent: D = !1,
+    ...te
+  } = i, [re, R] = m.useState(""), B = m.useRef(null), [oe, ne] = m.useState(/* @__PURE__ */ new Map()), [c, ie] = m.useState([]), [f, p] = m.useState(null), C = m.useRef(null);
+  r === "json" && m.useEffect(() => {
+    (async () => {
+      try {
+        const e = await ve.format(JSON.stringify(S) ?? "", {
+          parser: r,
+          plugins: [we, Se],
+          printWidth: 1
+        });
+        R(e);
+      } catch {
+        R(JSON.stringify(S) ?? "");
+      }
+    })();
+  }, [S]);
+  const se = m.useMemo(() => {
+    const e = [...W];
+    if (w) {
+      const o = (l) => {
+        const u = w(l);
+        if (u && Oe(u)) {
+          const d = l.view?.coordsAtPos(l.pos);
+          return d && p({
+            component: u,
+            position: {
+              top: d.bottom,
+              left: d.left
+            }
+          }), null;
+        }
+        return p(null), u;
+      };
+      e.push(Ie({
+        ...D ? {
+          override: [o]
+        } : {
+          override: [w]
+        }
+      })), e.push(_.highest(J.of([{
+        key: "Tab",
+        run: Re
+      }]))), D && e.push(_.highest(J.of([{
+        key: "ArrowUp",
+        run: (l) => (f || N(l), !0)
+      }, {
+        key: "ArrowDown",
+        run: (l) => f ? (B?.current?.querySelector("[tabindex]")?.focus(), !0) : (N(l), !0)
+      }])));
+    }
+    r === "json" ? (e.push(pe()), e.push(be(ye(), {
+      markerFilter: (o) => (ie(o), [])
+    }))) : r && e.push(r);
+    const n = me.fromClass(class {
+      constructor(o) {
+        Be(this, "decorations", void 0), this.decorations = this.build(o);
+      }
+      update(o) {
+        (o.docChanged || o.viewportChanged) && (this.decorations = this.build(o.view));
+      }
+      build(o) {
+        const l = new he(), u = Object.keys(g || {});
+        return L(o.state).iterate({
+          enter: (d) => {
+            const A = o.state.doc.sliceString(d.from, d.to);
+            if (A.includes(`
+`)) return;
+            const q = h?.(A), ae = Te(d)?.tags.map((x) => "name" in x ? x.name : void 0), H = u.find((x) => ae?.includes(x));
+            H && !q ? l.add(d.from, d.to, F.replace({
+              widget: new X(H, A),
+              point: !0
+            })) : q && l.add(d.from, d.to, F.replace({
+              widget: new X(q, A),
+              point: !0
+            }));
+          }
+        }), l.finish();
+      }
+    }, {
+      decorations: (o) => o.decorations
+    });
+    return e.push(n), e.push(fe.atomicRanges.of((o) => o.plugin(n)?.decorations || F.none)), e;
+  }, [r, h, g, W, w, B.current]), [T, le] = m.useState(null), M = m.useCallback((e) => {
+    if (e.docChanged || e.viewportChanged || e.selectionSet) {
+      if (e.view) {
+        const {
+          from: n,
+          to: o
+        } = e.state?.selection?.main ?? {
+          from: 0,
+          to: 0
+        };
+        let l = 0;
+        L(e.state).iterate({
+          from: n,
+          to: o,
+          enter: (u) => {
+            u.from >= n && u.to <= o && l++;
+          }
+        }), e.selectionSet && l < 2 ? (n === o && n !== T?.from ? p(null) : n === o && n === T?.from && n != 0 ? p((u) => u) : n === o && n === T?.from && n == 0 && p(null), N(e.view)) : e.selectionSet && l >= 2 && p(null), le({
+          from: n,
+          to: o
+        });
+      } else e.selectionSet && (p(null), N(e.view));
+      window.requestAnimationFrame(() => {
+        const n = C.current?.querySelectorAll(".cm-react-anchor"), o = /* @__PURE__ */ new Map();
+        n?.forEach((l) => {
+          o.set(l, {
+            type: l.dataset.type,
+            value: l.dataset.value
+          });
+        }), ne(o);
+      });
+    }
+  }, [T]);
+  return m.useEffect(() => {
+    if (C.current) {
+      const e = window.setTimeout(() => {
+        const n = new CustomEvent("scroll");
+        C.current?.dispatchEvent(n), M({
+          docChanged: !0,
+          viewportChanged: !0,
+          selectionSet: !1
+        });
+      }, 50);
+      return () => clearTimeout(e);
+    }
+    return () => {
+    };
+  }, [M]), /* @__PURE__ */ s(Ve, { h: "100%", type: "scroll", children: [
+    $ && /* @__PURE__ */ t("div", { className: "editor__diagnostics", children: /* @__PURE__ */ s(k, { style: {
+      gap: "0.35rem",
+      textWrap: "nowrap"
+    }, align: "center", children: [
+      c.filter((e) => e.severity == "error").length > 0 ? /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "red", children: [
+          /* @__PURE__ */ t(Ae, { size: 13 }),
+          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "error").length })
+        ] }) }),
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ t(V, {}),
+          c.filter((e) => e.severity == "error").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        ] }) })
+      ] }) : null,
+      c.filter((e) => e.severity == "warning").length > 0 ? /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "orange", children: [
+          /* @__PURE__ */ t(xe, { size: 13 }),
+          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "warning").length })
+        ] }) }),
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ t(V, {}),
+          c.filter((e) => e.severity == "warning").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        ] }) })
+      ] }) : null,
+      c.filter((e) => e.severity == "info").length > 0 ? /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "#9ca3af", children: [
+          /* @__PURE__ */ t(ke, { size: 13 }),
+          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "info").length })
+        ] }) }),
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ t(V, {}),
+          c.filter((e) => e.severity == "info").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        ] }) })
+      ] }) : null,
+      c.filter((e) => e.severity == "hint").length > 0 ? /* @__PURE__ */ s(E, { children: [
+        /* @__PURE__ */ t(z, { asChild: !0, children: /* @__PURE__ */ s(y, { color: "#3b82f6", children: [
+          /* @__PURE__ */ t(Ee, { size: 13 }),
+          /* @__PURE__ */ t(a, { children: c.filter((e) => e.severity == "hint").length })
+        ] }) }),
+        /* @__PURE__ */ t(P, { children: /* @__PURE__ */ s(j, { side: "bottom", children: [
+          /* @__PURE__ */ t(V, {}),
+          c.filter((e) => e.severity == "hint").map((e) => /* @__PURE__ */ t(a, { size: "xs", children: e.message }, e.message))
+        ] }) })
+      ] }) : null
+    ] }) }),
+    Z && /* @__PURE__ */ t("div", { className: "editor__tools", children: /* @__PURE__ */ s(k, { style: {
+      gap: "0.35rem",
+      textWrap: "nowrap"
+    }, align: "center", children: [
+      /* @__PURE__ */ s(k, { style: {
+        gap: "0.35rem"
+      }, align: "center", children: [
+        /* @__PURE__ */ s(y, { color: "secondary", border: !0, children: [
+          /* @__PURE__ */ t(a, { children: navigator !== void 0 && /Mac/.test(navigator.userAgent) ? "⌃" : "strg" }),
+          /* @__PURE__ */ t(a, { children: "+" }),
+          /* @__PURE__ */ t(ze, { size: 13 })
+        ] }),
+        /* @__PURE__ */ t(a, { children: "to show" })
+      ] }),
+      /* @__PURE__ */ t(a, { children: "and" }),
+      /* @__PURE__ */ s(k, { style: {
+        gap: "0.35rem"
+      }, align: "center", children: [
+        /* @__PURE__ */ s(y, { color: "secondary", border: !0, children: [
+          /* @__PURE__ */ t(Pe, { size: 13 }),
+          /* @__PURE__ */ t(a, { children: "or" }),
+          /* @__PURE__ */ t(je, { size: 13 })
+        ] }),
+        /* @__PURE__ */ t(a, { children: "to select" })
+      ] }),
+      /* @__PURE__ */ t(a, { children: "suggestions" })
+    ] }) }),
+    /* @__PURE__ */ t(Ne, { asChild: !0, children: /* @__PURE__ */ s("div", { ref: C, ...ue("editor", te), children: [
+      /* @__PURE__ */ t(de, { width: "100%", height: "100%", value: r === "json" ? re : S, theme: Fe, readOnly: I || U, editable: !I, extensions: se, "aria-disabled": I, className: "editor__control", onChange: (e) => {
+        if (R(e), r === "json")
+          try {
+            const n = JSON.parse(e);
+            O?.(n), Y?.setValue(n);
+          } catch {
+          }
+        else
+          O?.(e);
+      }, onUpdate: M, basicSetup: ee }),
+      g && Array.from(oe.entries()).map(([e, n]) => {
+        const o = g[n.type];
+        return o ? K(/* @__PURE__ */ t("div", { style: {
+          display: "contents"
+        }, children: o({
+          content: n.value
+        }) }, e.outerHTML + n.value), e) : null;
+      }),
+      f && K(/* @__PURE__ */ t("div", { ref: B, style: {
+        position: "fixed",
+        top: f.position.top,
+        left: f.position.left,
+        zIndex: 9999
+      }, children: f.component }, f.position.top + "-" + f.position.left), document.body)
+    ] }) }),
+    /* @__PURE__ */ t(G, { orientation: "vertical", children: /* @__PURE__ */ t(Q, {}) }),
+    /* @__PURE__ */ t(G, { orientation: "horizontal", children: /* @__PURE__ */ t(Q, {}) })
+  ] });
+};
+export {
+  at as Editor
+};

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

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import { TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps } from '@radix-ui/react-tabs';
+import { Code0ComponentProps } from '../../utils/types';
+type FileTabsProps = Code0ComponentProps & TabsProps;
+type FileTabsListProps = Code0ComponentProps & TabsListProps & {
+    controls?: React.ReactNode;
+};
+type FileTabsTriggerProps = Code0ComponentProps & TabsTriggerProps & {
+    onClose?: () => void;
+    closable?: boolean;
+};
+type FileTabsContentProps = Code0ComponentProps & TabsContentProps;
+export declare const FileTabs: React.FC<FileTabsProps>;
+export declare const FileTabsList: React.FC<FileTabsListProps>;
+export declare const FileTabsTrigger: React.FC<FileTabsTriggerProps>;
+export declare const FileTabsContent: React.FC<FileTabsContentProps>;
+export {};

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

@@ -0,0 +1,71 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { c as b } from "../../_virtual/compiler-runtime.js";
+import { Tabs as g, List as T, Trigger as v, Content as C } from "@radix-ui/react-tabs";
+import { mergeCode0Props as h } from "../../utils/utils.js";
+import '../../assets/components/file-tabs/FileTabs.style.css';/* empty css                    */
+import { IconX as S } from "@tabler/icons-react";
+import { ScrollAreaViewport as x, ScrollAreaScrollbar as A, ScrollAreaThumb as F, ScrollArea as $ } from "../scroll-area/ScrollArea.js";
+const E = (t) => {
+  const e = b.c(4);
+  let i;
+  e[0] !== t ? (i = h("file-tabs", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  return e[2] !== i ? (l = /* @__PURE__ */ a(g, { "data-slot": "tabs", ...i }), e[2] = i, e[3] = l) : l = e[3], l;
+}, I = (t) => {
+  const e = b.c(10);
+  let i;
+  e[0] !== t ? (i = h("file-tabs__list", t), e[0] = t, e[1] = i) : i = e[1];
+  let l;
+  e[2] !== t.children ? (l = /* @__PURE__ */ m("div", { className: "file-tabs__list-content", children: [
+    " ",
+    t.children
+  ] }), e[2] = t.children, e[3] = l) : l = e[3];
+  let n;
+  e[4] !== t.controls ? (n = t.controls ? /* @__PURE__ */ a("div", { className: "file-tabs__list-controls", children: t.controls }) : null, e[4] = t.controls, e[5] = n) : n = e[5];
+  let c;
+  return e[6] !== i || e[7] !== l || e[8] !== n ? (c = /* @__PURE__ */ m(T, { "data-slot": "tabs", ...i, children: [
+    l,
+    n
+  ] }), e[6] = i, e[7] = l, e[8] = n, e[9] = c) : c = e[9], c;
+}, P = (t) => {
+  const e = b.c(10), i = t.value;
+  let l;
+  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: 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,
+    c
+  ] }), e[5] = t.children, e[6] = t.value, e[7] = n, e[8] = c, e[9] = s) : s = e[9], s;
+}, R = (t) => {
+  const e = b.c(15);
+  let i, l, n, c;
+  if (e[0] !== t) {
+    const {
+      children: _,
+      ...u
+    } = t;
+    l = _, i = C, c = "tabs", n = h("file-tabs__content", u), e[0] = t, e[1] = i, e[2] = l, e[3] = n, e[4] = c;
+  } else
+    i = e[1], l = e[2], n = e[3], c = e[4];
+  const s = n;
+  let o;
+  e[5] !== l ? (o = /* @__PURE__ */ a(x, { children: l }), e[5] = l, e[6] = o) : o = e[6];
+  let f;
+  e[7] === /* @__PURE__ */ 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: "100%", children: [
+    o,
+    f
+  ] }), e[8] = o, e[9] = r) : r = e[9];
+  let d;
+  return e[10] !== i || e[11] !== c || e[12] !== s || e[13] !== r ? (d = /* @__PURE__ */ a(i, { "data-slot": c, ...s, children: r }), e[10] = i, e[11] = c, e[12] = s, e[13] = r, e[14] = d) : d = e[14], d;
+};
+export {
+  E as FileTabs,
+  R as FileTabsContent,
+  I as FileTabsList,
+  P as FileTabsTrigger
+};

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

@@ -0,0 +1,17 @@
+import { FileTabsView } from './FileTabs.view';
+import { ReactiveArrayService } from '../../utils/reactiveArrayService';
+import { View } from '../../utils/view';
+export declare class FileTabsService extends ReactiveArrayService<FileTabsView> {
+    getById(id: string): FileTabsView | undefined;
+    clearLeft(): void;
+    clearRight(): void;
+    clearWithoutActive(): void;
+    clearAll(): void;
+    activateTab(id: string): void;
+    removeTabById(id: string): void;
+    deleteById(id: string): void;
+    registerTab(value: FileTabsView): void;
+    add(value: View<FileTabsView>): void;
+    getActiveTab(): FileTabsView | undefined;
+    getActiveIndex(): number;
+}

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

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

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

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface FileTabsView {
+    id?: string;
+    closeable: boolean;
+    children: React.ReactNode;
+    content: React.ReactElement<any>;
+    active: boolean;
+    lastActive?: Date;
+    show?: boolean;
+}

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

@@ -0,0 +1 @@
+

package/dist/components/file-tabs/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FileTabs.service';
+export * from './FileTabs';
+export * from './FileTabs.view';

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

@@ -0,0 +1,9 @@
+import { FileTabsService as r } from "./FileTabs.service.js";
+import { FileTabs as T, FileTabsContent as a, FileTabsList as b, FileTabsTrigger as l } from "./FileTabs.js";
+export {
+  T as FileTabs,
+  a as FileTabsContent,
+  b as FileTabsList,
+  r as FileTabsService,
+  l as FileTabsTrigger
+};

package/dist/components/flex/Flex.d.ts

@@ -0,0 +1,7 @@
+import { Code0Component } from '../../utils/types';
+import { default as React } from 'react';
+interface FlexType extends Code0Component<HTMLDivElement> {
+    children: React.ReactNode | React.ReactNode[];
+}
+export declare const Flex: React.FC<FlexType>;
+export {};

package/dist/components/flex/Flex.js

@@ -0,0 +1,21 @@
+import { jsx as c } from "react/jsx-runtime";
+import { c as s } from "../../_virtual/compiler-runtime.js";
+import { mergeCode0Props as n } from "../../utils/utils.js";
+import '../../assets/components/flex/Flex.style.css';/* empty css                */
+const h = (i) => {
+  const e = s.c(6);
+  let t, r;
+  if (e[0] !== i) {
+    const {
+      children: l,
+      ...m
+    } = i;
+    t = l, r = n("flex", m), e[0] = i, e[1] = t, e[2] = r;
+  } else
+    t = e[1], r = e[2];
+  let o;
+  return e[3] !== t || e[4] !== r ? (o = /* @__PURE__ */ c("div", { ...r, children: t }), e[3] = t, e[4] = r, e[5] = o) : o = e[5], o;
+};
+export {
+  h as Flex
+};

package/dist/components/form/CheckboxInput.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { CheckboxProps, CheckedState } from '@radix-ui/react-checkbox';
+import { InputProps } from './Input';
+export type CheckboxInputProps = Omit<InputProps<CheckedState>, "wrapperComponent" | "type" | "left" | "right" | "leftType" | "rightType"> & Omit<CheckboxProps, 'defaultChecked' | 'value' | 'defaultValue'>;
+export declare const CheckboxInput: React.FC<CheckboxInputProps>;

package/dist/components/form/CheckboxInput.js

@@ -0,0 +1,76 @@
+import { jsx as n, jsxs as j, Fragment as S } from "react/jsx-runtime";
+import { c as $ } from "../../_virtual/compiler-runtime.js";
+import z from "react";
+import { Checkbox as y, CheckboxIndicator as D } from "@radix-ui/react-checkbox";
+import { InputLabel as F } from "./InputLabel.js";
+import { InputDescription as L } from "./InputDescription.js";
+import { mergeCode0Props as E } from "../../utils/utils.js";
+import { InputMessage as P } from "./InputMessage.js";
+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: _,
+    formValidation: k,
+    ...N
+  } = l;
+  let x;
+  e[0] !== k ? (x = k === void 0 ? {
+    valid: !0,
+    notValidMessage: null,
+    setValue: w
+  } : k, e[0] = k, e[1] = x) : x = e[1];
+  const i = x, [t, R] = z.useState(l.initialValue ?? "indeterminate");
+  let g;
+  e[2] !== t || e[3] !== i ? (g = () => {
+    i.setValue(t);
+  }, e[2] = t, e[3] = i, e[4] = g) : g = e[4];
+  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];
+  let c;
+  e[9] !== _ ? (c = _ ? /* @__PURE__ */ n(L, { children: _ }) : null, e[9] = _, 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];
+  let r;
+  e[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => R(A), e[13] = r) : r = e[13];
+  const I = y, M = E("checkbox-input__button", N);
+  let a;
+  e[14] !== t ? (a = t === "indeterminate" && /* @__PURE__ */ n(T, { size: 16 }), e[14] = t, e[15] = a) : a = e[15];
+  let m;
+  e[16] !== t ? (m = t === !0 && /* @__PURE__ */ n(q, { size: 16 }), e[16] = t, e[17] = m) : m = e[17];
+  let f;
+  e[18] !== a || e[19] !== m ? (f = /* @__PURE__ */ j(D, { className: "checkbox-input__indicator", children: [
+    a,
+    m
+  ] }), e[18] = a, e[19] = m, e[20] = f) : f = e[20];
+  let u;
+  e[21] !== I || e[22] !== t || e[23] !== f || e[24] !== M ? (u = /* @__PURE__ */ n(I, { checked: t, defaultChecked: t, ...M, children: f }), e[21] = I, e[22] = t, e[23] = f, e[24] = M, e[25] = u) : u = e[25];
+  let d;
+  e[26] !== l.label ? (d = /* @__PURE__ */ n("div", { className: "input__right input__right--action}", children: l.label }), e[26] = l.label, e[27] = d) : d = e[27];
+  let h;
+  e[28] !== u || e[29] !== d || e[30] !== s || e[31] !== r ? (h = /* @__PURE__ */ j("div", { ...s, onClick: r, children: [
+    u,
+    d
+  ] }), e[28] = u, e[29] = d, e[30] = s, e[31] = r, e[32] = h) : h = e[32];
+  let p;
+  e[33] !== i ? (p = !i?.valid && i?.notValidMessage ? /* @__PURE__ */ n(P, { children: i.notValidMessage }) : null, e[33] = i, e[34] = p) : p = e[34];
+  let C;
+  return e[35] !== h || e[36] !== p || e[37] !== o || e[38] !== c ? (C = /* @__PURE__ */ j(S, { children: [
+    o,
+    c,
+    h,
+    p
+  ] }), e[35] = h, e[36] = p, e[37] = o, e[38] = c, e[39] = C) : C = e[39], C;
+};
+function w(l) {
+}
+function A(l) {
+  return !l;
+}
+export {
+  Y as CheckboxInput
+};