@code0-tech/pictor 0.6.1 → 0.6.2

package/dist/components/form/RadioGroup.js

@@ -1,48 +1,51 @@
-import { jsx as p, jsxs as x, Fragment as R } from "react/jsx-runtime";
+import { jsx as f, jsxs as x, Fragment as R } from "react/jsx-runtime";
 import { c as C } from "../../_virtual/compiler-runtime.js";
 import * as M from "@radix-ui/react-radio-group";
-import { mergeCode0Props as v } from "../../utils/utils.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as v } from "../../utils/component.js";
+import "js-md5";
 import { InputLabel as G } from "./InputLabel.js";
 import { InputDescription as I } from "./InputDescription.js";
 import { InputMessage as j } from "./InputMessage.js";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
-const k = (u) => {
+const y = (s) => {
   const e = C.c(22);
-  let o, t, a, r, l, i;
-  if (e[0] !== u) {
+  let o, t, r, a, i, l;
+  if (e[0] !== s) {
     const {
       title: d,
-      description: f,
+      description: p,
       initialValue: h,
       formValidation: V,
       ...c
-    } = u;
+    } = s;
     t = V === void 0 ? {
       valid: !0,
       notValidMessage: null,
       setValue: b
-    } : V, e[7] !== d ? (l = d ? /* @__PURE__ */ p(G, { children: d }) : null, e[7] = d, e[8] = l) : l = e[8], e[9] !== f ? (i = f ? /* @__PURE__ */ p(I, { children: f }) : null, e[9] = f, e[10] = i) : i = e[10], o = M.RadioGroup, a = h ?? u.defaultValue, r = v("radio-group", {
+    } : V, e[7] !== d ? (i = d ? /* @__PURE__ */ f(G, { children: d }) : null, e[7] = d, e[8] = i) : i = e[8], e[9] !== p ? (l = p ? /* @__PURE__ */ f(I, { children: p }) : null, e[9] = p, e[10] = l) : l = e[10], o = M.RadioGroup, r = h ?? s.defaultValue, a = v("radio-group", {
       ...c,
       onValueChange: (g) => {
         c.onValueChange && c.onValueChange(g), t.setValue(g);
       }
-    }), e[0] = u, e[1] = o, e[2] = t, e[3] = a, e[4] = r, e[5] = l, e[6] = i;
+    }), e[0] = s, e[1] = o, e[2] = t, e[3] = r, e[4] = a, e[5] = i, e[6] = l;
   } else
-    o = e[1], t = e[2], a = e[3], r = e[4], l = e[5], i = e[6];
+    o = e[1], t = e[2], r = e[3], a = e[4], i = e[5], l = e[6];
   let n;
-  e[11] !== o || e[12] !== a || e[13] !== r ? (n = /* @__PURE__ */ p(o, { defaultValue: a, ...r }), e[11] = o, e[12] = a, e[13] = r, e[14] = n) : n = e[14];
-  let s;
-  e[15] !== t ? (s = !t?.valid && t?.notValidMessage ? /* @__PURE__ */ p(j, { children: t.notValidMessage }) : null, e[15] = t, e[16] = s) : s = e[16];
+  e[11] !== o || e[12] !== r || e[13] !== a ? (n = /* @__PURE__ */ f(o, { defaultValue: r, ...a }), e[11] = o, e[12] = r, e[13] = a, e[14] = n) : n = e[14];
   let m;
-  return e[17] !== l || e[18] !== i || e[19] !== n || e[20] !== s ? (m = /* @__PURE__ */ x(R, { children: [
-    l,
+  e[15] !== t ? (m = !t?.valid && t?.notValidMessage ? /* @__PURE__ */ f(j, { children: t.notValidMessage }) : null, e[15] = t, e[16] = m) : m = e[16];
+  let u;
+  return e[17] !== i || e[18] !== l || e[19] !== n || e[20] !== m ? (u = /* @__PURE__ */ x(R, { children: [
     i,
+    l,
     n,
-    s
-  ] }), e[17] = l, e[18] = i, e[19] = n, e[20] = s, e[21] = m) : m = e[21], m;
+    m
+  ] }), e[17] = i, e[18] = l, e[19] = n, e[20] = m, e[21] = u) : u = e[21], u;
 };
-function b(u) {
+function b(s) {
 }
 export {
-  k as RadioGroup
+  y as RadioGroup
 };

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

@@ -1,7 +1,7 @@
 import { default as React } from 'react';
-import { Code0ComponentProps } from '../../utils/types';
+import { ComponentProps } from '../../utils';
 import * as RadixRadioGroup from "@radix-ui/react-radio-group";
-export type RadioInputProps = Code0ComponentProps & RadixRadioGroup.RadioGroupItemProps & {
+export type RadioInputProps = ComponentProps & RadixRadioGroup.RadioGroupItemProps & {
     label: React.ReactNode;
 };
 export declare const RadioInput: React.FC<RadioInputProps>;

package/dist/components/form/RadioInput.js

@@ -1,27 +1,30 @@
-import { jsx as c, jsxs as u } from "react/jsx-runtime";
-import { c as f } from "../../_virtual/compiler-runtime.js";
+import { jsx as c, jsxs as p } from "react/jsx-runtime";
+import { c as u } from "../../_virtual/compiler-runtime.js";
 import * as s from "@radix-ui/react-radio-group";
-import { mergeCode0Props as d } from "../../utils/utils.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as d } from "../../utils/component.js";
+import "js-md5";
 import '../../assets/components/form/Input.style.css';/* empty css                 */
-const R = (t) => {
-  const e = f.c(11);
-  let l;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (l = d("input radio-input", {}), e[0] = l) : l = e[0];
+const G = (e) => {
+  const t = u.c(11);
   let r;
-  e[1] !== t ? (r = d("radio-input__button", t), e[1] = t, e[2] = r) : r = e[2];
-  const m = r;
-  let a;
-  e[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ c(s.RadioGroupIndicator, { className: "radio-input__indicator" }), e[3] = a) : a = e[3];
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = d("input radio-input", {}), t[0] = r) : r = t[0];
+  let l;
+  t[1] !== e ? (l = d("radio-input__button", e), t[1] = e, t[2] = l) : l = t[2];
+  const a = l;
+  let m;
+  t[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = /* @__PURE__ */ c(s.RadioGroupIndicator, { className: "radio-input__indicator" }), t[3] = m) : m = t[3];
   let i;
-  e[4] !== m ? (i = /* @__PURE__ */ c(s.RadioGroupItem, { ...m, children: a }), e[4] = m, e[5] = i) : i = e[5];
+  t[4] !== a ? (i = /* @__PURE__ */ c(s.RadioGroupItem, { ...a, children: m }), t[4] = a, t[5] = i) : i = t[5];
   let o;
-  e[6] !== t.label ? (o = /* @__PURE__ */ c("div", { className: "input__right input__right--action}", children: t.label }), e[6] = t.label, e[7] = o) : o = e[7];
+  t[6] !== e.label ? (o = /* @__PURE__ */ c("div", { className: "input__right input__right--action}", children: e.label }), t[6] = e.label, t[7] = o) : o = t[7];
   let n;
-  return e[8] !== i || e[9] !== o ? (n = /* @__PURE__ */ u("div", { ...l, children: [
+  return t[8] !== i || t[9] !== o ? (n = /* @__PURE__ */ p("div", { ...r, children: [
     i,
     o
-  ] }), e[8] = i, e[9] = o, e[10] = n) : n = e[10], n;
+  ] }), t[8] = i, t[9] = o, t[10] = n) : n = t[10], n;
 };
 export {
-  R as RadioInput
+  G as RadioInput
 };

package/dist/components/fullscreen/FullScreen.d.ts

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

package/dist/components/fullscreen/FullScreen.js

@@ -1,10 +1,12 @@
 import { jsx as u } from "react/jsx-runtime";
-import { c as f } from "../../_virtual/compiler-runtime.js";
+import { c as m } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
 import l from "react";
-import { mergeCode0Props as m } from "../../utils/utils.js";
+import { mergeComponentProps as f } from "../../utils/component.js";
+import "js-md5";
 import '../../assets/components/fullscreen/FullScreen.style.css';/* empty css                      */
-const y = (i) => {
-  const e = f.c(7), t = l.useRef(null);
+const R = (i) => {
+  const e = m.c(7), t = l.useRef(null);
   let r, o;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => {
     if (!t.current)
@@ -17,10 +19,10 @@ const y = (i) => {
     t.current.style.height = h + "px", t.current.style.width = w + "px";
   }, o = [t], e[0] = r, e[1] = o) : (r = e[0], o = e[1]), l.useEffect(r, o);
   let n;
-  e[2] !== i ? (n = m("d-full-screen", i), e[2] = i, e[3] = n) : n = e[3];
+  e[2] !== i ? (n = f("d-full-screen", i), e[2] = i, e[3] = n) : n = e[3];
   let d;
   return e[4] !== i.children || e[5] !== n ? (d = /* @__PURE__ */ u("div", { ...n, ref: t, children: i.children }), e[4] = i.children, e[5] = n, e[6] = d) : d = e[6], d;
 };
 export {
-  y as FullScreen
+  R as FullScreen
 };

package/dist/components/gantt/Gantt.d.ts

@@ -0,0 +1,12 @@
+import { default as React, CSSProperties } from 'react';
+import { Component } from '../../utils';
+import { GanttItem } from './GanttItem';
+export interface GanttProps extends Omit<Component<HTMLDivElement>, 'children'> {
+    items: GanttItem[];
+    stepWidth?: CSSProperties["width"];
+    rowHeight?: CSSProperties["height"];
+    step?: number;
+    children?: (item: GanttItem, index: number) => React.ReactNode;
+}
+export declare const Gantt: React.FC<GanttProps>;
+export declare const getRelativeValue: (value: number) => string;

package/dist/components/gantt/Gantt.js

@@ -0,0 +1,92 @@
+import { jsx as d, jsxs as B } from "react/jsx-runtime";
+import { c as H } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import "merge-props";
+import { hashToColor as R } from "../../utils/color.js";
+import '../../assets/components/gantt/Gantt.style.css';/* empty css                 */
+import { ScrollArea as W, ScrollAreaViewport as z, ScrollAreaScrollbar as T, ScrollAreaThumb as _ } from "../scroll-area/ScrollArea.js";
+import { GanttGroup as C } from "./GanttGroup.js";
+const X = (e) => {
+  const t = H.c(22), {
+    items: S,
+    stepWidth: b,
+    rowHeight: M,
+    step: V,
+    children: y
+  } = e, A = b === void 0 ? "50px" : b, E = M === void 0 ? "50px" : M, p = V === void 0 ? 1 : V;
+  let c, a, l, m, h, u;
+  if (t[0] !== y || t[1] !== S || t[2] !== E || t[3] !== p || t[4] !== A) {
+    const s = [];
+    S?.forEach((o) => {
+      const r = o.end - o.start;
+      let n = !1;
+      if (s.length <= 0) {
+        s.push({
+          step: r,
+          items: [o]
+        });
+        return;
+      }
+      s.forEach((i) => {
+        const x = (i.step + r) / 1.75, G = i.step / 3 - 10, j = i.step * 3 + 10;
+        G < r && r < j && !n && (i.step = x, i.items.push(o), n = !0);
+      }), n || s.push({
+        step: r,
+        items: [o]
+      });
+    }), s.sort(D).forEach((o, r) => {
+      if (r > 0) {
+        const n = Math.min(...o.items.map(k)), i = Math.max(...o.items.map(q));
+        s[0].items.push({
+          start: n,
+          end: i + s[0].step * p / 6,
+          id: `group-source-${r}`,
+          type: "group",
+          data: {
+            displayMessage: `${r}`,
+            color: R(`group-source-${r}`)
+          }
+        });
+      }
+    }), a = W, m = "100%", h = "100%", u = "hover", c = z, l = s.sort(v).map((o, r) => {
+      const n = Math.min(...o.items.map(F));
+      return /* @__PURE__ */ d(C, { children: y, id: `group-target-${r}`, hideScaling: r != 0, start: n - n / (s[0].step * p) * (o.step * p), step: o.step * p, stepWidth: A, rowHeight: E, items: o.items }, `group-target-${r}`);
+    }), t[0] = y, t[1] = S, t[2] = E, t[3] = p, t[4] = A, t[5] = c, t[6] = a, t[7] = l, t[8] = m, t[9] = h, t[10] = u;
+  } else
+    c = t[5], a = t[6], l = t[7], m = t[8], h = t[9], u = t[10];
+  let f;
+  t[11] !== c || t[12] !== l ? (f = /* @__PURE__ */ d(c, { children: l }), t[11] = c, t[12] = l, t[13] = f) : f = t[13];
+  let $;
+  t[14] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? ($ = /* @__PURE__ */ d(T, { orientation: "horizontal", children: /* @__PURE__ */ d(_, {}) }), t[14] = $) : $ = t[14];
+  let g;
+  t[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = /* @__PURE__ */ d(T, { orientation: "vertical", children: /* @__PURE__ */ d(_, {}) }), t[15] = g) : g = t[15];
+  let w;
+  return t[16] !== a || t[17] !== m || t[18] !== h || t[19] !== u || t[20] !== f ? (w = /* @__PURE__ */ B(a, { w: m, h, type: u, children: [
+    f,
+    $,
+    g
+  ] }), t[16] = a, t[17] = m, t[18] = h, t[19] = u, t[20] = f, t[21] = w) : w = t[21], w;
+}, Y = (e) => {
+  const t = e > 5e5 ? e / 1e6 : e > 500 ? e / 1e3 : e, S = e > 5e5 ? "s" : e > 500 ? "ms" : "μs";
+  return `${Math.round(t * 10) / 10}${S}`;
+};
+function D(e, t) {
+  return t.step - e.step;
+}
+function k(e) {
+  return e.start;
+}
+function q(e) {
+  return e.end;
+}
+function v(e, t) {
+  return t.step - e.step;
+}
+function F(e) {
+  return e.start;
+}
+export {
+  X as Gantt,
+  Y as getRelativeValue
+};

package/dist/components/gantt/GanttFooter.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const GanttFooter: React.FC;

package/dist/components/gantt/GanttFooter.js

@@ -0,0 +1,38 @@
+import { jsx as r } from "react/jsx-runtime";
+import { c as n } from "../../_virtual/compiler-runtime.js";
+import { Text as l } from "../text/Text.js";
+const d = (s) => {
+  const t = n.c(3);
+  let e, o;
+  t[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = {
+    gridColumn: "1 / -1",
+    height: "fit-content",
+    position: "sticky",
+    display: "flex",
+    top: 0,
+    backgroundColor: "#070514",
+    borderBottom: "1px solid rgba(255, 255, 255, 0.25)",
+    zIndex: 10
+  }, o = {
+    position: "sticky",
+    left: 0,
+    width: "fit-content",
+    height: "100%",
+    padding: "8px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "start",
+    boxSizing: "border-box",
+    background: "#070514",
+    zIndex: 2
+  }, t[0] = e, t[1] = o) : (e = t[0], o = t[1]);
+  let i;
+  return t[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (i = /* @__PURE__ */ r("div", { style: e, children: /* @__PURE__ */ r("div", { style: o, children: /* @__PURE__ */ r(l, { style: {
+    textWrap: "nowrap",
+    display: "flex",
+    alignItems: "center"
+  }, children: "Available Groups" }) }) }), t[2] = i) : i = t[2], i;
+};
+export {
+  d as GanttFooter
+};

package/dist/components/gantt/GanttGroup.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { GanttProps } from './Gantt';
+export interface GanttGroupProps extends GanttProps {
+    start?: number;
+    end?: number;
+    hideScaling?: boolean;
+}
+export declare const GanttGroup: React.FC<GanttGroupProps>;

package/dist/components/gantt/GanttGroup.js

@@ -0,0 +1,134 @@
+import { jsx as W, jsxs as B, Fragment as rt } from "react/jsx-runtime";
+import { c as ot } from "../../_virtual/compiler-runtime.js";
+import J from "react";
+import "../../utils/contextStore.js";
+import "merge-props";
+import { withAlpha as Q, hashToColor as U } from "../../utils/color.js";
+import { GanttFooter as st } from "./GanttFooter.js";
+import { GanttItem as at } from "./GanttItem.js";
+import { GanttHeader as lt } from "./GanttHeader.js";
+const _ = (e, t, n, R, l, S) => {
+  const C = Math.max(0, e - n), H = Math.min(l, t - n), V = C / l * S, f = (H - C) / l * S;
+  return {
+    left: V,
+    width: f
+  };
+}, Rt = (e) => {
+  const t = ot.c(63), {
+    items: n,
+    stepWidth: R,
+    rowHeight: l,
+    step: S,
+    start: C,
+    end: H,
+    hideScaling: V,
+    children: f
+  } = e, u = R === void 0 ? "50px" : R, E = l === void 0 ? "50px" : l, r = S === void 0 ? 1 : S, i = C === void 0 ? 1 : C, o = H === void 0 ? 999999999 : H, s = V === void 0 ? !1 : V, K = J.useRef(null), [X, Y] = J.useState(0), g = parseInt(u), a = o - i, O = Math.ceil(a / r), d = O * g, F = n?.filter(dt) ?? [], G = F.length === 0 ? r : F.reduce(ct, 0) / F.length;
+  let k;
+  t[0] !== n || t[1] !== i ? (k = n && n.length > 0 ? Math.min(...n.map(pt)) : i, t[0] = n, t[1] = i, t[2] = k) : k = t[2];
+  const h = k;
+  let z;
+  t[3] !== o || t[4] !== n ? (z = n && n.length > 0 ? Math.max(...n.map(ht)) : o, t[3] = o, t[4] = n, t[5] = z) : z = t[5];
+  const c = z, Z = n && n.length > 0 ? Math.ceil((c - i) / r) : O, tt = Math.ceil(X / g), p = Math.max(tt, Z + 2);
+  let L, N;
+  t[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
+    const I = () => {
+      Y(K.current?.offsetWidth ?? 0);
+    };
+    return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
+  }, N = [], t[6] = L, t[7] = N) : (L = t[6], N = t[7]), J.useEffect(L, N);
+  let w, x, v, $, m, b;
+  if (t[8] !== G || t[9] !== f || t[10] !== p || t[11] !== o || t[12] !== s || t[13] !== c || t[14] !== h || t[15] !== n || t[16] !== e.id || t[17] !== E || t[18] !== i || t[19] !== r || t[20] !== u || t[21] !== g || t[22] !== a || t[23] !== d) {
+    const I = n?.length ? n.sort(mt).reduce(ft, []) : [], D = `repeat(${p}, ${u})`;
+    let T;
+    t[30] !== D ? (T = {
+      display: "grid",
+      gridTemplateColumns: D,
+      width: "100%",
+      minHeight: "100%"
+    }, t[30] = D, t[31] = T) : T = t[31];
+    const et = T;
+    w = e.id, x = e.id, v = K, $ = et, t[32] !== G || t[33] !== p || t[34] !== s || t[35] !== i || t[36] !== r || t[37] !== u ? (m = !s && /* @__PURE__ */ W(lt, { columnCount: p, start: i, step: r, avgDuration: G, stepWidth: u }), t[32] = G, t[33] = p, t[34] = s, t[35] = i, t[36] = r, t[37] = u, t[38] = m) : m = t[38];
+    let j;
+    t[39] !== f || t[40] !== p || t[41] !== o || t[42] !== s || t[43] !== c || t[44] !== h || t[45] !== e.id || t[46] !== E || t[47] !== i || t[48] !== r || t[49] !== g || t[50] !== a || t[51] !== d ? (j = (nt, it) => /* @__PURE__ */ B("div", { style: {
+      gridColumn: "1 / -1",
+      height: E,
+      position: "relative",
+      backgroundColor: "transparent"
+    }, children: [
+      Array.from({
+        length: p - 1
+      }).map((M, A) => /* @__PURE__ */ W("div", { style: {
+        position: "absolute",
+        left: (A + 1) * g,
+        top: 0,
+        bottom: 0,
+        width: "0px",
+        borderLeft: `1px dashed rgba(255, 255, 255, ${s ? 0.05 : 0.1})`
+      } }, `grid-${A}`)),
+      s && /* @__PURE__ */ B(rt, { children: [
+        /* @__PURE__ */ W("div", { className: "gantt__group-wrapper", style: {
+          backgroundImage: `
+                                        linear-gradient(to right, transparent, #070514), 
+                                        repeating-linear-gradient(
+                                          45deg, 
+                                          transparent, 
+                                          transparent 2px, 
+                                          ${Q(U(e.id.replace("target", "source")), 0.5)} 4px
+                                        )
+                                    `,
+          left: `${_(h, h + r, i, o, a, d).left}px`,
+          width: `${_(h, h + r, i, o, a, d).width}px`
+        } }),
+        /* @__PURE__ */ W("div", { className: "gantt__group-wrapper", style: {
+          backgroundImage: `
+                                        linear-gradient(to left, transparent, #070514), 
+                                        repeating-linear-gradient(
+                                          45deg, 
+                                          transparent, 
+                                          transparent 2px, 
+                                          ${Q(U(e.id.replace("target", "source")), 0.5)} 4px
+                                        )
+                                    `,
+          left: `${_(c - r, c, i, o, a, d).left}px`,
+          width: `${_(c - r, c, i, o, a, d).width}px`
+        } })
+      ] }),
+      nt.map((M, A) => {
+        const q = _(M.start, M.end, i, o, a, d);
+        return q.width > 0 && /* @__PURE__ */ W(at, { id: M.id, w: `${q.width}px`, left: `${q.left}px`, children: f?.(M, A) }, M.id);
+      })
+    ] }, `row-${it}`), t[39] = f, t[40] = p, t[41] = o, t[42] = s, t[43] = c, t[44] = h, t[45] = e.id, t[46] = E, t[47] = i, t[48] = r, t[49] = g, t[50] = a, t[51] = d, t[52] = j) : j = t[52], b = I.map(j), t[8] = G, t[9] = f, t[10] = p, t[11] = o, t[12] = s, t[13] = c, t[14] = h, t[15] = n, t[16] = e.id, t[17] = E, t[18] = i, t[19] = r, t[20] = u, t[21] = g, t[22] = a, t[23] = d, t[24] = w, t[25] = x, t[26] = v, t[27] = $, t[28] = m, t[29] = b;
+  } else
+    w = t[24], x = t[25], v = t[26], $ = t[27], m = t[28], b = t[29];
+  let y;
+  t[53] !== s ? (y = !s && /* @__PURE__ */ W(st, {}), t[53] = s, t[54] = y) : y = t[54];
+  let P;
+  return t[55] !== w || t[56] !== x || t[57] !== v || t[58] !== $ || t[59] !== m || t[60] !== b || t[61] !== y ? (P = /* @__PURE__ */ B("div", { "data-gantt-id": w, id: x, ref: v, style: $, children: [
+    m,
+    b,
+    y
+  ] }), t[55] = w, t[56] = x, t[57] = v, t[58] = $, t[59] = m, t[60] = b, t[61] = y, t[62] = P) : P = t[62], P;
+};
+function dt(e) {
+  return e.type !== "group";
+}
+function ct(e, t) {
+  return e + (t.end - t.start);
+}
+function pt(e) {
+  return e.start;
+}
+function ht(e) {
+  return e.end;
+}
+function mt(e, t) {
+  return e.start - t.start;
+}
+function ft(e, t) {
+  const n = e.find((R) => !R.some((l) => !(t.end <= l.start || t.start >= l.end)));
+  return n ? (n.push(t), e) : [...e, [t]];
+}
+export {
+  Rt as GanttGroup
+};

package/dist/components/gantt/GanttHeader.d.ts

@@ -0,0 +1,10 @@
+import { default as React, CSSProperties } from 'react';
+import { Component } from '../../utils';
+export interface GanttHeaderProps extends Component<HTMLDivElement> {
+    columnCount: number;
+    start: number;
+    step: number;
+    avgDuration: number;
+    stepWidth: CSSProperties["width"];
+}
+export declare const GanttHeader: React.FC<GanttHeaderProps>;

package/dist/components/gantt/GanttHeader.js

@@ -0,0 +1,55 @@
+import { jsx as p, jsxs as N } from "react/jsx-runtime";
+import { c as W } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as j } from "../../utils/component.js";
+import "js-md5";
+import { Text as b } from "../text/Text.js";
+const x = (e) => {
+  const t = W.c(20);
+  let a, s, i, n, r, o, m;
+  if (t[0] !== e) {
+    const {
+      columnCount: _,
+      start: l,
+      step: d,
+      avgDuration: f,
+      stepWidth: g,
+      ...v
+    } = e;
+    s = _, i = l, n = d, a = f, r = g, o = parseInt(r), m = j("gantt__header", v), t[0] = e, t[1] = a, t[2] = s, t[3] = i, t[4] = n, t[5] = r, t[6] = o, t[7] = m;
+  } else
+    a = t[1], s = t[2], i = t[3], n = t[4], r = t[5], o = t[6], m = t[7];
+  let c;
+  t[8] !== s ? (c = Array.from({
+    length: s
+  }), t[8] = s, t[9] = c) : c = t[9];
+  let h;
+  t[10] !== a || t[11] !== i || t[12] !== n || t[13] !== r || t[14] !== o || t[15] !== c ? (h = c.map((_, l) => {
+    const d = i + l * n, f = l % 4 === 0, g = $(a), {
+      value: v,
+      unit: y
+    } = $(d), C = `${Math.round(v * 10) / 10}${y}`;
+    return l !== 0 ? /* @__PURE__ */ p("div", { className: "gantt__header-column", style: {
+      left: l * o,
+      width: r
+    }, children: /* @__PURE__ */ p(b, { children: f ? C : "" }) }, `header-${l}`) : /* @__PURE__ */ p("div", { className: "gantt__header-label-column", children: /* @__PURE__ */ N(b, { className: "gantt__header-label", children: [
+      "Range in ",
+      g.unit
+    ] }) }, `header-${l}`);
+  }), t[10] = a, t[11] = i, t[12] = n, t[13] = r, t[14] = o, t[15] = c, t[16] = h) : h = t[16];
+  let u;
+  return t[17] !== m || t[18] !== h ? (u = /* @__PURE__ */ p("div", { ...m, children: h }), t[17] = m, t[18] = h, t[19] = u) : u = t[19], u;
+}, $ = (e) => e > 5e5 ? {
+  value: e / 1e6,
+  unit: "s"
+} : e > 500 ? {
+  value: e / 1e3,
+  unit: "ms"
+} : {
+  value: e,
+  unit: "μs"
+};
+export {
+  x as GanttHeader
+};

package/dist/components/gantt/GanttItem.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Component } from '../../utils';
+export interface GanttItem {
+    start: number;
+    end: number;
+    data?: any | {
+        displayMessage: string;
+        color: string;
+    };
+    type?: string | "group";
+    id: string;
+}
+export interface GanttItemProps extends Omit<Component<HTMLDivElement>, 'children'> {
+    children: React.ReactNode;
+}
+export declare const GanttItem: React.FC<GanttItemProps>;

package/dist/components/gantt/GanttItem.js

@@ -0,0 +1,23 @@
+import { jsx as s } from "react/jsx-runtime";
+import { c as d } from "../../_virtual/compiler-runtime.js";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as p } from "../../utils/component.js";
+import "js-md5";
+const _ = (n) => {
+  const t = d.c(10);
+  let e, i, r, o;
+  if (t[0] !== n) {
+    const {
+      children: c,
+      ...l
+    } = n;
+    e = c, i = l.id, r = l.id, o = p("gantt__item", l), t[0] = n, t[1] = e, t[2] = i, t[3] = r, t[4] = o;
+  } else
+    e = t[1], i = t[2], r = t[3], o = t[4];
+  let m;
+  return t[5] !== e || t[6] !== i || t[7] !== r || t[8] !== o ? (m = /* @__PURE__ */ s("div", { "data-gantt-id": r, ...o, children: e }, i), t[5] = e, t[6] = i, t[7] = r, t[8] = o, t[9] = m) : m = t[9], m;
+};
+export {
+  _ as GanttItem
+};

package/dist/components/layout/Layout.d.ts

@@ -1,12 +1,12 @@
 import { default as React, CSSProperties } from 'react';
-import { Code0Component, Code0Sizes } from '../../utils/types';
-export interface LayoutProps extends Code0Component<HTMLDivElement> {
+import { Component, Sizes } from '../../utils';
+export interface LayoutProps extends Component<HTMLDivElement> {
     children: React.ReactElement;
     topContent?: React.ReactElement;
     bottomContent?: React.ReactElement;
     leftContent?: React.ReactElement;
     rightContent?: React.ReactElement;
-    layoutGap?: Code0Sizes | CSSProperties['gap'];
+    layoutGap?: Sizes | CSSProperties['gap'];
     showLayoutSplitter?: boolean;
 }
 export declare const Layout: React.FC<LayoutProps>;