@code0-tech/pictor 0.7.2 → 0.9.0

package/dist/components/form/InputContentEditable.hook.js

@@ -401,8 +401,8 @@ const F = "input__token", K = "input__token--selected", q = "aria-data", O = "
     s(r.current);
   }, e[15] = r, e[16] = s, e[17] = w) : w = e[17];
   const V = w, G = me;
-  let L;
-  e[18] !== r || e[19] !== s ? (L = (i) => {
+  let _;
+  e[18] !== r || e[19] !== s ? (_ = (i) => {
     const g = r.current;
     if (!g || document.activeElement !== g)
       return !1;
@@ -414,26 +414,26 @@ const F = "input__token", K = "input__token--selected", q = "aria-data", O = "
         return i.preventDefault(), i.stopPropagation(), $(g), !0;
     }
     return i.key === "Enter" ? (i.preventDefault(), !0) : !1;
-  }, e[18] = r, e[19] = s, e[20] = L) : L = e[20];
-  const X = L;
-  let M;
-  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (M = () => {
+  }, e[18] = r, e[19] = s, e[20] = _) : _ = e[20];
+  const X = _;
+  let L;
+  e[21] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = () => {
     const i = u.current;
     return u.current = null, i;
-  }, e[21] = M) : M = e[21];
-  let _;
-  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (_ = {
+  }, e[21] = L) : L = e[21];
+  let M;
+  return e[22] !== y || e[23] !== d || e[24] !== V || e[25] !== X || e[26] !== S || e[27] !== p || e[28] !== s ? (M = {
     editorHtml: d,
     setEditorHtml: c,
     initializeFromExternalValue: p,
     updateEditorState: s,
-    takePendingSelection: M,
+    takePendingSelection: L,
     applySuggestionValueSyntax: y,
     handlePaste: S,
     handleChange: V,
     handleKeyDownCapture: G,
     handleKeyDown: X
-  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = _) : _ = e[29], _;
+  }, e[22] = y, e[23] = d, e[24] = V, e[25] = X, e[26] = S, e[27] = p, e[28] = s, e[29] = M) : M = e[29], M;
 };
 function pe(t) {
   return typeof t != "string";

package/dist/components/form/InputWrapper.js

@@ -10,18 +10,18 @@ import { InputDescription as F } from "./InputDescription.js";
 import '../../assets/components/form/InputWrapper.style.css';/* empty css                        */
 const K = N.forwardRef((C, L) => {
   const e = j.c(29), {
-    children: _,
-    wrapperComponent: m,
-    left: f,
-    right: c,
+    children: w,
+    wrapperComponent: f,
+    left: m,
+    right: d,
     leftType: M,
     rightType: T,
-    title: d,
+    title: c,
     description: u,
     formValidation: h
   } = C;
   let g;
-  e[0] !== m ? (g = m === void 0 ? {} : m, e[0] = m, e[1] = g) : g = e[1];
+  e[0] !== f ? (g = f === void 0 ? {} : f, e[0] = f, e[1] = g) : g = e[1];
   const V = g, x = M === void 0 ? "icon" : M, y = T === void 0 ? "action" : T;
   let v;
   e[2] !== h ? (v = h === void 0 ? {
@@ -31,31 +31,31 @@ const K = N.forwardRef((C, L) => {
   } : h, e[2] = h, e[3] = v) : v = e[3];
   const t = v;
   let i;
-  e[4] !== d ? (i = d && /* @__PURE__ */ a(E, { children: d }), e[4] = d, e[5] = i) : i = e[5];
+  e[4] !== c ? (i = c && /* @__PURE__ */ a(E, { children: c }), e[4] = c, e[5] = i) : i = e[5];
   let r;
   e[6] !== u ? (r = u && /* @__PURE__ */ a(F, { children: u }), e[6] = u, e[7] = r) : r = e[7];
   const I = `input-wrapper ${t?.valid ? "" : "input-wrapper--not-valid"}`;
   let l;
   e[8] !== I || e[9] !== V ? (l = b(I, V), e[8] = I, e[9] = V, e[10] = l) : l = e[10];
   let o;
-  e[11] !== f || e[12] !== x ? (o = f && /* @__PURE__ */ a("div", { className: `input-wrapper__left input__left--${x}`, children: f }), e[11] = f, e[12] = x, e[13] = o) : o = e[13];
+  e[11] !== m || e[12] !== x ? (o = m && /* @__PURE__ */ a("div", { className: `input-wrapper__left input__left--${x}`, children: m }), e[11] = m, e[12] = x, e[13] = o) : o = e[13];
   let p;
-  e[14] !== c || e[15] !== y ? (p = c && /* @__PURE__ */ a("div", { className: `input-wrapper__right input-wrapper__right--${y}`, children: c }), e[14] = c, e[15] = y, e[16] = p) : p = e[16];
+  e[14] !== d || e[15] !== y ? (p = d && /* @__PURE__ */ a("div", { className: `input-wrapper__right input-wrapper__right--${y}`, children: d }), e[14] = d, e[15] = y, e[16] = p) : p = e[16];
   let n;
-  e[17] !== _ || e[18] !== o || e[19] !== p || e[20] !== l ? (n = /* @__PURE__ */ $("div", { ...l, children: [
+  e[17] !== w || e[18] !== o || e[19] !== p || e[20] !== l ? (n = /* @__PURE__ */ $("div", { ...l, children: [
     o,
-    _,
+    w,
     p
-  ] }), e[17] = _, e[18] = o, e[19] = p, e[20] = l, e[21] = n) : n = e[21];
+  ] }), e[17] = w, e[18] = o, e[19] = p, e[20] = l, e[21] = n) : n = e[21];
   let s;
   e[22] !== t ? (s = !t?.valid && t?.notValidMessage && /* @__PURE__ */ a(D, { children: t.notValidMessage }), e[22] = t, e[23] = s) : s = e[23];
-  let w;
-  return e[24] !== n || e[25] !== s || e[26] !== i || e[27] !== r ? (w = /* @__PURE__ */ $(R, { children: [
+  let _;
+  return e[24] !== n || e[25] !== s || e[26] !== i || e[27] !== r ? (_ = /* @__PURE__ */ $(R, { children: [
     i,
     r,
     n,
     s
-  ] }), e[24] = n, e[25] = s, e[26] = i, e[27] = r, e[28] = w) : w = e[28], w;
+  ] }), e[24] = n, e[25] = s, e[26] = i, e[27] = r, e[28] = _) : _ = e[28], _;
 });
 export {
   K as InputWrapper

package/dist/components/form/NumberInput.js

@@ -1,20 +1,20 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import u from "react";
 import { Input as i } from "./Input.js";
 import { IconMinus as a, IconPlus as l } from "@tabler/icons-react";
 import { Button as e } from "../button/Button.js";
-const d = u.forwardRef((o, n) => {
-  n = n || u.useRef(null);
+const N = u.forwardRef((o, t) => {
+  t = t || u.useRef(null);
   const {
     step: r = 1,
     ...c
   } = o;
-  return /* @__PURE__ */ t(i, { className: "number-input", right: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) + r).toString());
-  }, children: /* @__PURE__ */ t(l, { size: 13 }) }), left: /* @__PURE__ */ t(e, { variant: "none", onClick: () => {
-    n.current && (n.current.value || (n.current.value = "0"), n.current.value = (Number.parseInt(n.current.value) - r).toString());
-  }, children: /* @__PURE__ */ t(a, { size: 13 }) }), leftType: "action", type: "number", ref: n, ...c });
+  return /* @__PURE__ */ n(i, { className: "number-input", right: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
+    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) + r).toString());
+  }, children: /* @__PURE__ */ n(l, { size: 13 }) }), left: /* @__PURE__ */ n(e, { variant: "none", onClick: () => {
+    t.current && (t.current.value || (t.current.value = "0"), t.current.value = (Number.parseInt(t.current.value) - r).toString());
+  }, children: /* @__PURE__ */ n(a, { size: 13 }) }), leftType: "action", type: "number", ref: t, ...c });
 });
 export {
-  d as NumberInput
+  N as NumberInput
 };

package/dist/components/form/PasswordInput.js

@@ -6,7 +6,7 @@ import { Button as p } from "../button/Button.js";
 import { clearInputElement as w } from "./Input.utils.js";
 import { Flex as o } from "../flex/Flex.js";
 import { Text as a } from "../text/Text.js";
-const A = u.forwardRef((n, e) => {
+const v = u.forwardRef((n, e) => {
   e = e || u.useRef(null);
   const {
     clearable: m = !0,
@@ -57,12 +57,12 @@ const A = u.forwardRef((n, e) => {
       ] })
     ] })
   ] });
-}), E = (n) => {
+}), A = (n) => {
   if (!n) return "12345";
   let e = null;
   return n.length < 8 && (e = (e ?? "") + "1"), /[a-z]/.test(n) || (e = (e ?? "") + "2"), /[A-Z]/.test(n) || (e = (e ?? "") + "3"), /[0-9]/.test(n) || (e = (e ?? "") + "4"), /[^A-Za-z0-9]/.test(n) || (e = (e ?? "") + "5"), e;
 };
 export {
-  A as PasswordInput,
-  E as passwordValidation
+  v as PasswordInput,
+  A as passwordValidation
 };

package/dist/components/form/SwitchInput.js

@@ -1,18 +1,18 @@
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import e from "react";
 import { Input as p } from "./Input.js";
 const m = e.forwardRef((r, t) => {
   t = t || e.useRef(null);
   const {
-    value: o,
-    initialValue: l,
-    ...n
+    value: l,
+    initialValue: o,
+    ...u
   } = r;
-  return /* @__PURE__ */ u(p, { wrapperComponent: {
+  return /* @__PURE__ */ n(p, { wrapperComponent: {
     className: "switch-input"
-  }, type: "checkbox", right: null, left: null, ref: t, value: o, ...l ? {
+  }, type: "checkbox", right: null, left: null, ref: t, value: l, ...o ? {
     defaultChecked: !0
-  } : {}, ...n });
+  } : {}, ...u });
 });
 export {
   m as SwitchInput

package/dist/components/form/TextAreaInput.js

@@ -1,20 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import a from "react";
 import { Input as u } from "./Input.js";
 import { IconX as f } from "@tabler/icons-react";
 import { Button as p } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const b = a.forwardRef((r, t) => {
+const R = a.forwardRef((r, t) => {
   t = t || a.useRef(null);
   const {
     clearable: i = !1,
     right: l,
     ...m
-  } = r, c = (o) => {
-    s(t.current), r.onClear && r.onClear(o);
+  } = r, c = (e) => {
+    s(t.current), r.onClear && r.onClear(e);
   }, n = [l];
-  return i && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "textarea", ref: t, ...m });
+  return i && n.push(/* @__PURE__ */ o(p, { variant: "none", onClick: (e) => c(e), children: /* @__PURE__ */ o(f, { size: 13 }) })), /* @__PURE__ */ o(u, { right: n, type: "textarea", ref: t, ...m });
 });
 export {
-  b as TextAreaInput
+  R as TextAreaInput
 };

package/dist/components/form/TextInput.js

@@ -4,17 +4,17 @@ import { Input as u } from "./Input.js";
 import { IconX as f } from "@tabler/icons-react";
 import { Button as p } from "../button/Button.js";
 import { clearInputElement as s } from "./Input.utils.js";
-const b = i.forwardRef((r, t) => {
+const R = i.forwardRef((r, t) => {
   t = t || i.useRef(null);
   const {
     clearable: l = !1,
-    right: m,
-    ...a
+    right: a,
+    ...m
   } = r, c = (o) => {
     s(t.current), r.onClear && r.onClear(o);
-  }, n = [m];
-  return l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "text", ref: t, ...a });
+  }, n = [a];
+  return l && n.push(/* @__PURE__ */ e(p, { variant: "none", onClick: (o) => c(o), children: /* @__PURE__ */ e(f, { size: 13 }) })), /* @__PURE__ */ e(u, { right: n, type: "text", ref: t, ...m });
 });
 export {
-  b as TextInput
+  R as TextInput
 };

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

@@ -1,6 +1,7 @@
 export * from './CheckboxInput';
 export * from './EditorInput';
 export * from './EmailInput';
+export * from './FileInput';
 export * from './Input';
 export * from './InputDescription';
 export * from './InputLabel';

package/dist/components/form/index.js

@@ -1,52 +1,65 @@
 import { CheckboxInput as o } from "./CheckboxInput.js";
 import { EditorInput as p } from "./EditorInput.js";
-import { EmailInput as u, emailValidation as m } from "./EmailInput.js";
-import { Input as i } from "./Input.js";
-import { InputDescription as f } from "./InputDescription.js";
-import { InputLabel as a } from "./InputLabel.js";
-import { InputMessage as S } from "./InputMessage.js";
-import { InputSuggestionMenuContent as s, InputSuggestionMenuContentItems as g } from "./InputSuggestion.js";
-import { NumberInput as b } from "./NumberInput.js";
-import { PasswordInput as C, passwordValidation as T } from "./PasswordInput.js";
-import { PinInput as F, PinInputField as M, PinInputHiddenField as h } from "./PinInput.js";
-import { RadioGroup as E } from "./RadioGroup.js";
-import { RadioInput as k } from "./RadioInput.js";
-import { SelectContent as A, SelectInput as G, SelectItem as H, SelectItemText as L, SelectPortal as N, SelectTrigger as j, SelectValue as q, SelectViewport as v } from "./SelectInput.js";
-import { SwitchInput as B } from "./SwitchInput.js";
-import { TextAreaInput as K } from "./TextAreaInput.js";
-import { TextInput as Q } from "./TextInput.js";
-import { useForm as W } from "./useForm.js";
-import { buildDefaultSyntax as Y } from "./Input.syntax.hook.js";
+import { EmailInput as u, emailValidation as I } from "./EmailInput.js";
+import { FileInput as m, FileInputContext as l, FileInputDropzone as x, FileInputHiddenInput as f, FileInputItem as a, FileInputItemDeleteTrigger as F, FileInputItemGroup as d, FileInputItemName as S, FileInputItemPreview as g, FileInputItemPreviewImage as c, FileInputItemSizeText as s, FileInputTrigger as P } from "./FileInput.js";
+import { Input as w } from "./Input.js";
+import { InputDescription as b } from "./InputDescription.js";
+import { InputLabel as V } from "./InputLabel.js";
+import { InputMessage as h } from "./InputMessage.js";
+import { InputSuggestionMenuContent as z, InputSuggestionMenuContentItems as E } from "./InputSuggestion.js";
+import { NumberInput as H } from "./NumberInput.js";
+import { PasswordInput as R, passwordValidation as k } from "./PasswordInput.js";
+import { PinInput as A, PinInputField as L, PinInputHiddenField as j } from "./PinInput.js";
+import { RadioGroup as B } from "./RadioGroup.js";
+import { RadioInput as K } from "./RadioInput.js";
+import { SelectContent as Q, SelectInput as U, SelectItem as W, SelectItemText as X, SelectPortal as Y, SelectTrigger as Z, SelectValue as _, SelectViewport as $ } from "./SelectInput.js";
+import { SwitchInput as te } from "./SwitchInput.js";
+import { TextAreaInput as re } from "./TextAreaInput.js";
+import { TextInput as ne } from "./TextInput.js";
+import { useForm as Ie } from "./useForm.js";
+import { buildDefaultSyntax as me } from "./Input.syntax.hook.js";
 export {
   o as CheckboxInput,
   p as EditorInput,
   u as EmailInput,
-  i as Input,
-  f as InputDescription,
-  a as InputLabel,
-  S as InputMessage,
-  s as InputSuggestionMenuContent,
-  g as InputSuggestionMenuContentItems,
-  b as NumberInput,
-  C as PasswordInput,
-  F as PinInput,
-  M as PinInputField,
-  h as PinInputHiddenField,
-  E as RadioGroup,
-  k as RadioInput,
-  A as SelectContent,
-  G as SelectInput,
-  H as SelectItem,
-  L as SelectItemText,
-  N as SelectPortal,
-  j as SelectTrigger,
-  q as SelectValue,
-  v as SelectViewport,
-  B as SwitchInput,
-  K as TextAreaInput,
-  Q as TextInput,
-  Y as buildDefaultSyntax,
-  m as emailValidation,
-  T as passwordValidation,
-  W as useForm
+  m as FileInput,
+  l as FileInputContext,
+  x as FileInputDropzone,
+  f as FileInputHiddenInput,
+  a as FileInputItem,
+  F as FileInputItemDeleteTrigger,
+  d as FileInputItemGroup,
+  S as FileInputItemName,
+  g as FileInputItemPreview,
+  c as FileInputItemPreviewImage,
+  s as FileInputItemSizeText,
+  P as FileInputTrigger,
+  w as Input,
+  b as InputDescription,
+  V as InputLabel,
+  h as InputMessage,
+  z as InputSuggestionMenuContent,
+  E as InputSuggestionMenuContentItems,
+  H as NumberInput,
+  R as PasswordInput,
+  A as PinInput,
+  L as PinInputField,
+  j as PinInputHiddenField,
+  B as RadioGroup,
+  K as RadioInput,
+  Q as SelectContent,
+  U as SelectInput,
+  W as SelectItem,
+  X as SelectItemText,
+  Y as SelectPortal,
+  Z as SelectTrigger,
+  _ as SelectValue,
+  $ as SelectViewport,
+  te as SwitchInput,
+  re as TextAreaInput,
+  ne as TextInput,
+  me as buildDefaultSyntax,
+  I as emailValidation,
+  k as passwordValidation,
+  Ie as useForm
 };

package/dist/components/form/useForm.js

@@ -49,7 +49,7 @@ class f {
     };
   }
 }
-const E = (i) => {
+const _ = (i) => {
   const {
     initialValues: e,
     validate: t = {},
@@ -72,5 +72,5 @@ const E = (i) => {
   return [b, M, s];
 };
 export {
-  E as useForm
+  _ as useForm
 };

package/dist/components/fullscreen/FullScreen.js

@@ -5,7 +5,7 @@ import l from "react";
 import { mergeComponentProps as f } from "../../utils/component.js";
 import "js-md5";
 import '../../assets/components/fullscreen/FullScreen.style.css';/* empty css                      */
-const R = (i) => {
+const M = (i) => {
   const e = m.c(7), t = l.useRef(null);
   let r, o;
   e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = () => {
@@ -24,5 +24,5 @@ const R = (i) => {
   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 {
-  R as FullScreen
+  M as FullScreen
 };

package/dist/components/gantt/GanttGroup.js

@@ -7,8 +7,8 @@ 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;
+const I = (e, t, n, R, l, S) => {
+  const _ = Math.max(0, e - n), H = Math.min(l, t - n), V = _ / l * S, f = (H - _) / l * S;
   return {
     left: V,
     width: f
@@ -19,11 +19,11 @@ const _ = (e, t, n, R, l, S) => {
     stepWidth: R,
     rowHeight: l,
     step: S,
-    start: C,
+    start: _,
     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;
+  } = e, u = R === void 0 ? "50px" : R, C = l === void 0 ? "50px" : l, r = S === void 0 ? 1 : S, i = _ === void 0 ? 1 : _, 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) ?? [], E = 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;
@@ -32,14 +32,14 @@ const _ = (e, t, n, R, l, S) => {
   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 = () => {
+    const G = () => {
       Y(K.current?.offsetWidth ?? 0);
     };
-    return I(), window.addEventListener("resize", I), () => window.removeEventListener("resize", I);
+    return G(), window.addEventListener("resize", G), () => window.removeEventListener("resize", G);
   }, 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})`;
+  if (t[8] !== E || 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] !== C || t[18] !== i || t[19] !== r || t[20] !== u || t[21] !== g || t[22] !== a || t[23] !== d) {
+    const G = n?.length ? n.sort(mt).reduce(ft, []) : [], D = `repeat(${p}, ${u})`;
     let T;
     t[30] !== D ? (T = {
       display: "grid",
@@ -48,11 +48,11 @@ const _ = (e, t, n, R, l, S) => {
       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];
+    w = e.id, x = e.id, v = K, $ = et, t[32] !== E || 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: E, stepWidth: u }), t[32] = E, 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: {
+    t[39] !== f || t[40] !== p || t[41] !== o || t[42] !== s || t[43] !== c || t[44] !== h || t[45] !== e.id || t[46] !== C || 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,
+      height: C,
       position: "relative",
       backgroundColor: "transparent"
     }, children: [
@@ -77,8 +77,8 @@ const _ = (e, t, n, R, l, S) => {
                                           ${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`
+          left: `${I(h, h + r, i, o, a, d).left}px`,
+          width: `${I(h, h + r, i, o, a, d).width}px`
         } }),
         /* @__PURE__ */ W("div", { className: "gantt__group-wrapper", style: {
           backgroundImage: `
@@ -90,15 +90,15 @@ const _ = (e, t, n, R, l, S) => {
                                           ${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`
+          left: `${I(c - r, c, i, o, a, d).left}px`,
+          width: `${I(c - r, c, i, o, a, d).width}px`
         } })
       ] }),
       nt.map((M, A) => {
-        const q = _(M.start, M.end, i, o, a, d);
+        const q = I(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;
+    ] }, `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] = C, t[47] = i, t[48] = r, t[49] = g, t[50] = a, t[51] = d, t[52] = j) : j = t[52], b = G.map(j), t[8] = E, 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] = C, 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;

package/dist/components/progress/Progress.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from '../../utils';
+import { default as React, CSSProperties } from 'react';
+import * as Radix from "@radix-ui/react-progress";
+export type ProgressProps = ComponentProps & Radix.ProgressProps & {
+    color?: CSSProperties['background'];
+    predictionValue?: number | null;
+};
+export declare const Progress: React.FC<ProgressProps>;

package/dist/components/progress/Progress.js

@@ -0,0 +1,42 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import "../../utils/contextStore.js";
+import "react";
+import { mergeComponentProps as l } from "../../utils/component.js";
+import "js-md5";
+import { Progress as d, ProgressIndicator as n } from "../../node_modules/@radix-ui/react-progress/dist/index.js";
+import '../../assets/components/progress/Progress.style.css';/* empty css                    */
+const y = (r) => {
+  const {
+    color: a = "white",
+    predictionValue: g,
+    ...o
+  } = r, t = Math.min(r.value ?? 0, r.max ?? 100) / (r.max ?? 100) * 100, m = `translateX(-${100 - t}%)`, s = Math.min(r.predictionValue ?? 0, r.max ?? 100) / (r.max ?? 100) * 100, c = `translateX(-${100 - s}%)`;
+  return /* @__PURE__ */ i(d, { ...l("progress", {
+    ...o,
+    style: {
+      ...o.style,
+      "--progress": t,
+      "--progressPrediction": s,
+      "--color": a
+    }
+  }), children: [
+    /* @__PURE__ */ e("div", { className: "progress__dot" }),
+    /* @__PURE__ */ i("div", { style: {
+      width: "100%",
+      height: "100%",
+      overflow: "hidden",
+      borderRadius: "inherit",
+      position: "relative"
+    }, children: [
+      /* @__PURE__ */ e(n, { className: "progress__indicator", style: {
+        transform: m
+      } }),
+      typeof r.predictionValue == "number" && /* @__PURE__ */ e(n, { className: "progress__indicator progress__indicator--prediction", style: {
+        transform: c
+      } })
+    ] })
+  ] });
+};
+export {
+  y as Progress
+};

package/dist/index.d.ts

@@ -21,6 +21,7 @@ export * from './components/fullscreen/FullScreen';
 export * from './components/gantt/Gantt';
 export * from './components/layout/Layout';
 export * from './components/menu/Menu';
+export * from './components/progress/Progress';
 export * from './components/quote/Quote';
 export * from './components/resizable/Resizable';
 export * from './components/row/Row';