@code0-tech/pictor 0.9.2 → 0.10.0

package/dist/components/gantt/GanttGroup.js

@@ -6,8 +6,8 @@ import "merge-props";
 import { withAlpha as J, hashToColor as K } from "../../utils/color.js";
 import { GanttItem as nt } from "./GanttItem.js";
 import { GanttHeader as rt } from "./GanttHeader.js";
-const C = (e, t, n, y, l, M) => {
-  const S = Math.max(0, e - n), E = Math.min(l, t - n), G = S / l * M, m = (E - S) / l * M;
+const C = (e, t, n, y, c, M) => {
+  const S = Math.max(0, e - n), E = Math.min(c, t - n), G = S / c * M, m = (E - S) / c * M;
   return {
     left: G,
     width: m
@@ -16,13 +16,13 @@ const C = (e, t, n, y, l, M) => {
   const t = et.c(50), {
     items: n,
     stepWidth: y,
-    rowHeight: l,
+    rowHeight: c,
     step: M,
     start: S,
     end: E,
     hideScaling: G,
     children: m
-  } = e, s = y === void 0 ? "50px" : y, $ = l === void 0 ? "50px" : l, a = M === void 0 ? 1 : M, i = S === void 0 ? 1 : S, o = E === void 0 ? 999999999 : E, c = G === void 0 ? !1 : G, R = P.useRef(null), [O, Q] = P.useState(0), [b, U] = P.useState(void 0), f = parseInt(s), d = o - i, q = Math.ceil(d / a), p = q * f, T = n?.filter(at) ?? [], W = T.length === 0 ? a : T.reduce(ot, 0) / T.length;
+  } = e, s = y === void 0 ? "50px" : y, $ = c === void 0 ? "50px" : c, a = M === void 0 ? 1 : M, i = S === void 0 ? 1 : S, o = E === void 0 ? 999999999 : E, l = G === void 0 ? !1 : G, R = P.useRef(null), [O, Q] = P.useState(0), [b, U] = P.useState(void 0), f = parseInt(s), d = o - i, q = Math.ceil(d / a), p = q * f, T = n?.filter(at) ?? [], W = T.length === 0 ? a : T.reduce(ot, 0) / T.length;
   let z;
   t[0] !== n || t[1] !== i ? (z = n && n.length > 0 ? Math.min(...n.map(st)) : i, t[0] = n, t[1] = i, t[2] = z) : z = t[2];
   const g = z;
@@ -39,8 +39,8 @@ const C = (e, t, n, y, l, M) => {
     };
   }, t[6] = k) : k = t[6], P.useEffect(k);
   let H;
-  if (t[7] !== b || t[8] !== W || t[9] !== m || t[10] !== h || t[11] !== o || t[12] !== c || t[13] !== u || t[14] !== g || t[15] !== n || t[16] !== e.id || t[17] !== $ || t[18] !== i || t[19] !== a || t[20] !== s || t[21] !== f || t[22] !== d || t[23] !== p) {
-    const v = n?.length ? n.sort(lt).reduce(ct, []) : [], j = `repeat(${h}, ${s})`;
+  if (t[7] !== b || t[8] !== W || t[9] !== m || t[10] !== h || t[11] !== o || t[12] !== l || t[13] !== u || t[14] !== g || t[15] !== n || t[16] !== e.id || t[17] !== $ || t[18] !== i || t[19] !== a || t[20] !== s || t[21] !== f || t[22] !== d || t[23] !== p) {
+    const v = n?.length ? n.sort(ct).reduce(lt, []) : [], j = `repeat(${h}, ${s})`;
     let I;
     t[25] !== j ? (I = {
       display: "grid",
@@ -50,9 +50,9 @@ const C = (e, t, n, y, l, M) => {
     }, t[25] = j, t[26] = I) : I = t[26];
     const Z = I;
     let V;
-    t[27] !== W || t[28] !== h || t[29] !== c || t[30] !== i || t[31] !== a || t[32] !== s ? (V = !c && /* @__PURE__ */ x(rt, { columnCount: h, start: i, step: a, avgDuration: W, stepWidth: s }), t[27] = W, t[28] = h, t[29] = c, t[30] = i, t[31] = a, t[32] = s, t[33] = V) : V = t[33];
+    t[27] !== W || t[28] !== h || t[29] !== l || t[30] !== i || t[31] !== a || t[32] !== s ? (V = !l && /* @__PURE__ */ x(rt, { columnCount: h, start: i, step: a, avgDuration: W, stepWidth: s }), t[27] = W, t[28] = h, t[29] = l, t[30] = i, t[31] = a, t[32] = s, t[33] = V) : V = t[33];
     let A;
-    t[34] !== b || t[35] !== m || t[36] !== h || t[37] !== o || t[38] !== c || t[39] !== u || t[40] !== g || t[41] !== e.id || t[42] !== $ || t[43] !== i || t[44] !== a || t[45] !== s || t[46] !== f || t[47] !== d || t[48] !== p ? (A = (B, _) => /* @__PURE__ */ N(F, { children: [
+    t[34] !== b || t[35] !== m || t[36] !== h || t[37] !== o || t[38] !== l || t[39] !== u || t[40] !== g || t[41] !== e.id || t[42] !== $ || t[43] !== i || t[44] !== a || t[45] !== s || t[46] !== f || t[47] !== d || t[48] !== p ? (A = (B, _) => /* @__PURE__ */ N(F, { children: [
       /* @__PURE__ */ N("div", { style: {
         gridColumn: "1 / -1",
         minHeight: $,
@@ -67,9 +67,9 @@ const C = (e, t, n, y, l, M) => {
           top: 0,
           bottom: 0,
           width: "0px",
-          borderLeft: `1px dashed rgba(255, 255, 255, ${c ? 0.05 : 0.1})`
+          borderLeft: `1px dashed rgba(255, 255, 255, ${l ? 0.05 : 0.1})`
         } }, `grid-${w}`)),
-        c && /* @__PURE__ */ N(F, { children: [
+        l && /* @__PURE__ */ N(F, { children: [
           /* @__PURE__ */ x("div", { className: "gantt__group-wrapper", style: {
             backgroundImage: `
                                         linear-gradient(to right, transparent, #070514), 
@@ -105,10 +105,10 @@ const C = (e, t, n, y, l, M) => {
         })
       ] }, `row-${_}`),
       B.map((r, w) => r.type === "group" && b === r.id && /* @__PURE__ */ x(it, { children: m, id: `group-target-${w}`, start: Math.min(...r.data.items.map(pt)) - Math.min(...r.data.items.map(ut)) / (r.data.firstGroupStep * r.data.step) * (r.data.groupStep * r.data.step), step: r.data.groupStep * r.data.step, stepWidth: s, rowHeight: $, items: r.data.items }, `group-target-${w}`))
-    ] }), t[34] = b, t[35] = m, t[36] = h, t[37] = o, t[38] = c, t[39] = u, t[40] = g, t[41] = e.id, t[42] = $, t[43] = i, t[44] = a, t[45] = s, t[46] = f, t[47] = d, t[48] = p, t[49] = A) : A = t[49], H = /* @__PURE__ */ N("div", { "data-gantt-id": e.id, id: e.id, ref: R, style: Z, children: [
+    ] }), t[34] = b, t[35] = m, t[36] = h, t[37] = o, t[38] = l, t[39] = u, t[40] = g, t[41] = e.id, t[42] = $, t[43] = i, t[44] = a, t[45] = s, t[46] = f, t[47] = d, t[48] = p, t[49] = A) : A = t[49], H = /* @__PURE__ */ N("div", { "data-gantt-id": e.id, id: e.id, ref: R, style: Z, children: [
       V,
       v.map(A)
-    ] }), t[7] = b, t[8] = W, t[9] = m, t[10] = h, t[11] = o, t[12] = c, t[13] = u, t[14] = g, t[15] = n, t[16] = e.id, t[17] = $, t[18] = i, t[19] = a, t[20] = s, t[21] = f, t[22] = d, t[23] = p, t[24] = H;
+    ] }), t[7] = b, t[8] = W, t[9] = m, t[10] = h, t[11] = o, t[12] = l, t[13] = u, t[14] = g, t[15] = n, t[16] = e.id, t[17] = $, t[18] = i, t[19] = a, t[20] = s, t[21] = f, t[22] = d, t[23] = p, t[24] = H;
   } else
     H = t[24];
   return H;
@@ -125,11 +125,11 @@ function st(e) {
 function dt(e) {
   return e.end;
 }
-function lt(e, t) {
+function ct(e, t) {
   return e.start - t.start;
 }
-function ct(e, t) {
-  const n = e.find((y) => !y.some((l) => !(t.end <= l.start || t.start >= l.end)));
+function lt(e, t) {
+  const n = e.find((y) => !y.some((c) => !(t.end <= c.start || t.start >= c.end)));
   return n ? (n.push(t), e) : [...e, [t]];
 }
 function pt(e) {

package/dist/components/island/Island.d.ts

@@ -0,0 +1,6 @@
+import { Component } from '../../utils';
+import { default as React } from 'react';
+export interface IslandProps extends Component<HTMLDivElement> {
+    children?: React.ReactNode;
+}
+export declare const Island: React.FC<IslandProps>;

package/dist/components/island/Island.hook.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface IslandNotificationProps {
+    id?: number;
+    icon: React.ReactNode;
+    message: React.ReactNode;
+    content?: React.ReactNode;
+    duration?: number;
+    index?: number;
+}
+export declare const useIsland: import('zustand').UseBoundStore<import('zustand').StoreApi<{
+    toasts: IslandNotificationProps[];
+    addToast: (toast: IslandNotificationProps) => void;
+    removeToast: (id: number) => void;
+}>>;
+export declare const addIslandNotification: (toast: IslandNotificationProps) => void;
+export declare const addIslandInfoNotification: (toast: Partial<IslandNotificationProps>) => void;
+export declare const addIslandSuccessNotification: (toast: Partial<IslandNotificationProps>) => void;
+export declare const addIslandWarningNotification: (toast: Partial<IslandNotificationProps>) => void;
+export declare const addIslandErrorNotification: (toast: Partial<IslandNotificationProps>) => void;

package/dist/components/island/Island.hook.js

@@ -0,0 +1,58 @@
+import { jsx as e } from "react/jsx-runtime";
+import { create as n } from "zustand";
+import { IconCircleX as d, IconInfoCircle as r, IconCircleCheck as l, IconAlertCircle as m } from "@tabler/icons-react";
+import { Text as s } from "../text/Text.js";
+const t = n((o) => ({
+  toasts: [],
+  addToast: (a) => {
+    const i = Date.now();
+    o((c) => ({
+      toasts: [...c.toasts, {
+        id: i,
+        ...a
+      }]
+    }));
+  },
+  removeToast: (a) => {
+    o((i) => ({
+      toasts: i.toasts.filter((c) => c.id !== a)
+    }));
+  }
+})), x = (o) => {
+  t.getState().addToast(o);
+}, B = (o) => {
+  t.getState().addToast({
+    icon: /* @__PURE__ */ e(r, { color: "#70ffb2", size: 16 }),
+    message: /* @__PURE__ */ e(s, { c: "#70ffb2", children: o.message }),
+    ...o
+  });
+}, F = (o) => {
+  t.getState().addToast({
+    icon: /* @__PURE__ */ e(l, { color: "#29BF12", size: 16 }),
+    message: /* @__PURE__ */ e(s, { c: "#29BF12", children: o.message }),
+    index: 1,
+    ...o
+  });
+}, S = (o) => {
+  t.getState().addToast({
+    icon: /* @__PURE__ */ e(m, { color: "#FFBE0B", size: 16 }),
+    message: /* @__PURE__ */ e(s, { c: "#FFBE0B", children: o.message }),
+    index: 2,
+    ...o
+  });
+}, h = (o) => {
+  t.getState().addToast({
+    icon: /* @__PURE__ */ e(d, { color: "#D90429", size: 16 }),
+    message: /* @__PURE__ */ e(s, { c: "#D90429", children: o.message }),
+    index: 3,
+    ...o
+  });
+};
+export {
+  h as addIslandErrorNotification,
+  B as addIslandInfoNotification,
+  x as addIslandNotification,
+  F as addIslandSuccessNotification,
+  S as addIslandWarningNotification,
+  t as useIsland
+};

package/dist/components/island/Island.js

@@ -0,0 +1,71 @@
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import "../../utils/contextStore.js";
+import { useRef as a, useState as R, useCallback as v, useEffect as D } from "react";
+import { mergeComponentProps as k } from "../../utils/component.js";
+import "js-md5";
+import '../../assets/components/island/Island.style.css';/* empty css                  */
+import { Flex as E } from "../flex/Flex.js";
+import { useIsland as g } from "./Island.hook.js";
+import { motion as s } from "../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js";
+const b = (x) => {
+  const {
+    children: T,
+    ...I
+  } = x, l = g((t) => t.toasts), m = g((t) => t.removeToast), o = a(null), f = a(0), n = a(4e3), [c, u] = R(!1), p = a(null), e = l.length > 0 ? l.reduce((t, y) => (y.index ?? 0) > (t.index ?? 0) ? y : t) : void 0, r = v(() => {
+    o.current && (clearTimeout(o.current), o.current = null);
+  }, []), d = v(() => {
+    const t = e?.id;
+    t && (r(), f.current = Date.now(), isFinite(n.current) && (o.current = setTimeout(() => {
+      m(t);
+    }, n.current)));
+  }, [e?.id, m, r]);
+  D(() => (e?.id ? (n.current = e?.duration ?? 4e3, d()) : (r(), u(!1)), () => r()), [e?.id, e?.duration, d, r]);
+  const _ = () => {
+    if (!e?.id) return;
+    r();
+    const t = Date.now() - f.current;
+    n.current = Math.max(0, n.current - t), e?.content && u(!0);
+  }, M = () => {
+    u(!1), e?.id && n.current > 0 && d();
+  };
+  return /* @__PURE__ */ h(s.div, { layout: !0, onMouseEnter: _, onMouseLeave: M, transition: {
+    type: "spring",
+    stiffness: 300,
+    damping: 20,
+    mass: 0.8
+  }, ...k("island", I), children: [
+    /* @__PURE__ */ h(E, { align: "center", style: {
+      gap: "0.35rem"
+    }, ref: p, children: [
+      e && /* @__PURE__ */ i(s.div, { layout: !0, initial: {
+        y: 0,
+        opacity: 1,
+        strokeDashoffset: "300%"
+      }, animate: {
+        y: 0,
+        opacity: 1,
+        strokeDashoffset: "0%"
+      }, transition: {
+        duration: 0.75,
+        ease: "easeInOut"
+      }, className: "island__icon", children: e.icon }, e?.id),
+      /* @__PURE__ */ i(s.div, { layout: !0, children: T }),
+      e?.message && /* @__PURE__ */ i(s.div, { layout: !0, className: "island__message", children: e?.message })
+    ] }, e?.id),
+    /* @__PURE__ */ i("div", { style: {
+      maxWidth: `${p.current?.offsetWidth}px`
+    }, children: c && !!e?.content && /* @__PURE__ */ i(s.div, { initial: {
+      y: 10,
+      opacity: 0
+    }, animate: {
+      y: c && e?.content ? 0 : 100,
+      opacity: c && e?.content ? 1 : 0
+    }, transition: {
+      duration: 0.25,
+      ease: "easeInOut"
+    }, className: "island__content", children: e?.content }) })
+  ] });
+};
+export {
+  b as Island
+};

package/dist/components/progress/Progress.js

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

package/dist/node_modules/framer-motion/dist/es/components/AnimatePresence/use-presence.js

@@ -0,0 +1,17 @@
+import { useContext as f, useId as l, useEffect as c, useCallback as i } from "react";
+import { PresenceContext as m } from "../../context/PresenceContext.js";
+function p(e = !0) {
+  const o = f(m);
+  if (o === null)
+    return [!0, null];
+  const { isPresent: r, onExitComplete: t, register: u } = o, n = l();
+  c(() => {
+    if (e)
+      return u(n);
+  }, [e]);
+  const s = i(() => e && t && t(n), [n, t, e]);
+  return !r && t ? [!1, s] : [!0];
+}
+export {
+  p as usePresence
+};

package/dist/node_modules/framer-motion/dist/es/context/LayoutGroupContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as LayoutGroupContext
+};

package/dist/node_modules/framer-motion/dist/es/context/LazyContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const o = t({ strict: !1 });
+export {
+  o as LazyContext
+};

package/dist/node_modules/framer-motion/dist/es/context/MotionConfigContext.js

@@ -0,0 +1,9 @@
+import { createContext as o } from "react";
+const n = o({
+  transformPagePoint: (t) => t,
+  isStatic: !1,
+  reducedMotion: "never"
+});
+export {
+  n as MotionConfigContext
+};

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/create.js

@@ -0,0 +1,13 @@
+import { useContext as o, useMemo as i } from "react";
+import { MotionContext as a } from "./index.js";
+import { getCurrentTreeVariants as m } from "./utils.js";
+function C(t) {
+  const { initial: e, animate: n } = m(t, o(a));
+  return i(() => ({ initial: e, animate: n }), [r(e), r(n)]);
+}
+function r(t) {
+  return Array.isArray(t) ? t.join(" ") : t;
+}
+export {
+  C as useCreateMotionContext
+};

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/index.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = /* @__PURE__ */ t({});
+export {
+  e as MotionContext
+};

package/dist/node_modules/framer-motion/dist/es/context/MotionContext/utils.js

@@ -0,0 +1,15 @@
+import { isControllingVariants as r } from "../../../../../motion-dom/dist/es/render/utils/is-controlling-variants.js";
+import { isVariantLabel as e } from "../../../../../motion-dom/dist/es/render/utils/is-variant-label.js";
+function o(i, a) {
+  if (r(i)) {
+    const { initial: n, animate: t } = i;
+    return {
+      initial: n === !1 || e(n) ? n : void 0,
+      animate: e(t) ? t : void 0
+    };
+  }
+  return i.inherit !== !1 ? a : {};
+}
+export {
+  o as getCurrentTreeVariants
+};

package/dist/node_modules/framer-motion/dist/es/context/PresenceContext.js

@@ -0,0 +1,5 @@
+import { createContext as e } from "react";
+const o = /* @__PURE__ */ e(null);
+export {
+  o as PresenceContext
+};

package/dist/node_modules/framer-motion/dist/es/context/SwitchLayoutGroupContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t({});
+export {
+  e as SwitchLayoutGroupContext
+};

package/dist/node_modules/framer-motion/dist/es/events/add-pointer-event.js

@@ -0,0 +1,8 @@
+import { addPointerInfo as d } from "./event-info.js";
+import { addDomEvent as e } from "../../../../motion-dom/dist/es/events/add-dom-event.js";
+function f(o, r, t, n) {
+  return e(o, r, d(t), n);
+}
+export {
+  f as addPointerEvent
+};

package/dist/node_modules/framer-motion/dist/es/events/event-info.js

@@ -0,0 +1,14 @@
+import { isPrimaryPointer as t } from "../../../../motion-dom/dist/es/gestures/utils/is-primary-pointer.js";
+function i(o) {
+  return {
+    point: {
+      x: o.pageX,
+      y: o.pageY
+    }
+  };
+}
+const a = (o) => (r) => t(r) && o(r, i(r));
+export {
+  a as addPointerInfo,
+  i as extractEventInfo
+};