@object-ui/plugin-timeline 0.3.0

package/dist/index.js

@@ -0,0 +1,785 @@
+import * as v from "react";
+import we from "react";
+import { renderChildren as Q, cn as b } from "@object-ui/components";
+import { ComponentRegistry as Re } from "@object-ui/core";
+var S = { exports: {} }, j = {};
+var X;
+function ye() {
+  if (X) return j;
+  X = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function r(f, l, o) {
+    var g = null;
+    if (o !== void 0 && (g = "" + o), l.key !== void 0 && (g = "" + l.key), "key" in l) {
+      o = {};
+      for (var s in l)
+        s !== "key" && (o[s] = l[s]);
+    } else o = l;
+    return l = o.ref, {
+      $$typeof: t,
+      type: f,
+      key: g,
+      ref: l !== void 0 ? l : null,
+      props: o
+    };
+  }
+  return j.Fragment = n, j.jsx = r, j.jsxs = r, j;
+}
+var D = {};
+var Z;
+function je() {
+  return Z || (Z = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === he ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case d:
+          return "Fragment";
+        case de:
+          return "Profiler";
+        case E:
+          return "StrictMode";
+        case pe:
+          return "Suspense";
+        case ve:
+          return "SuspenseList";
+        case xe:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case h:
+            return "Portal";
+          case ue:
+            return e.displayName || "Context";
+          case me:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case fe:
+            var i = e.render;
+            return e = e.displayName, e || (e = i.displayName || i.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case be:
+            return i = e.displayName || null, i !== null ? i : t(e.type) || "Memo";
+          case P:
+            i = e._payload, e = e._init;
+            try {
+              return t(e(i));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function n(e) {
+      return "" + e;
+    }
+    function r(e) {
+      try {
+        n(e);
+        var i = !1;
+      } catch {
+        i = !0;
+      }
+      if (i) {
+        i = console;
+        var c = i.error, m = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return c.call(
+          i,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          m
+        ), n(e);
+      }
+    }
+    function f(e) {
+      if (e === d) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === P)
+        return "<...>";
+      try {
+        var i = t(e);
+        return i ? "<" + i + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var e = A.A;
+      return e === null ? null : e.getOwner();
+    }
+    function o() {
+      return Error("react-stack-top-frame");
+    }
+    function g(e) {
+      if (V.call(e, "key")) {
+        var i = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (i && i.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function s(e, i) {
+      function c() {
+        W || (W = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          i
+        ));
+      }
+      c.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: c,
+        configurable: !0
+      });
+    }
+    function T() {
+      var e = t(this.type);
+      return q[e] || (q[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function R(e, i, c, m, N, I) {
+      var u = c.ref;
+      return e = {
+        $$typeof: x,
+        type: e,
+        key: i,
+        props: c,
+        _owner: m
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: T
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: N
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: I
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function w(e, i, c, m, N, I) {
+      var u = i.children;
+      if (u !== void 0)
+        if (m)
+          if (ge(u)) {
+            for (m = 0; m < u.length; m++)
+              O(u[m]);
+            Object.freeze && Object.freeze(u);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else O(u);
+      if (V.call(i, "key")) {
+        u = t(e);
+        var y = Object.keys(i).filter(function(Te) {
+          return Te !== "key";
+        });
+        m = 0 < y.length ? "{key: someKey, " + y.join(": ..., ") + ": ...}" : "{key: someKey}", J[u + m] || (y = 0 < y.length ? "{" + y.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          m,
+          u,
+          y,
+          u
+        ), J[u + m] = !0);
+      }
+      if (u = null, c !== void 0 && (r(c), u = "" + c), g(i) && (r(i.key), u = "" + i.key), "key" in i) {
+        c = {};
+        for (var M in i)
+          M !== "key" && (c[M] = i[M]);
+      } else c = i;
+      return u && s(
+        c,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), R(
+        e,
+        u,
+        c,
+        l(),
+        N,
+        I
+      );
+    }
+    function O(e) {
+      _(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === P && (e._payload.status === "fulfilled" ? _(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function _(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === x;
+    }
+    var p = we, x = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), d = /* @__PURE__ */ Symbol.for("react.fragment"), E = /* @__PURE__ */ Symbol.for("react.strict_mode"), de = /* @__PURE__ */ Symbol.for("react.profiler"), me = /* @__PURE__ */ Symbol.for("react.consumer"), ue = /* @__PURE__ */ Symbol.for("react.context"), fe = /* @__PURE__ */ Symbol.for("react.forward_ref"), pe = /* @__PURE__ */ Symbol.for("react.suspense"), ve = /* @__PURE__ */ Symbol.for("react.suspense_list"), be = /* @__PURE__ */ Symbol.for("react.memo"), P = /* @__PURE__ */ Symbol.for("react.lazy"), xe = /* @__PURE__ */ Symbol.for("react.activity"), he = /* @__PURE__ */ Symbol.for("react.client.reference"), A = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, ge = Array.isArray, C = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var W, q = {}, H = p.react_stack_bottom_frame.bind(
+      p,
+      o
+    )(), B = C(f(o)), J = {};
+    D.Fragment = d, D.jsx = function(e, i, c) {
+      var m = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        i,
+        c,
+        !1,
+        m ? Error("react-stack-top-frame") : H,
+        m ? C(f(e)) : B
+      );
+    }, D.jsxs = function(e, i, c) {
+      var m = 1e4 > A.recentlyCreatedOwnerStacks++;
+      return w(
+        e,
+        i,
+        c,
+        !0,
+        m ? Error("react-stack-top-frame") : H,
+        m ? C(f(e)) : B
+      );
+    };
+  })()), D;
+}
+var K;
+function De() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? S.exports = ye() : S.exports = je()), S.exports;
+}
+var a = De();
+const _e = 10080 * 60 * 1e3;
+function Ee(t) {
+  const n = t.flatMap(
+    (l) => (l.items || []).flatMap((o) => [o.startDate, o.endDate])
+  ), r = Math.min(...n.map((l) => new Date(l).getTime())), f = Math.max(...n.map((l) => new Date(l).getTime()));
+  return {
+    minDate: new Date(r).toISOString().split("T")[0],
+    maxDate: new Date(f).toISOString().split("T")[0]
+  };
+}
+function Ne(t, n, r, f) {
+  const l = new Date(t).getTime(), o = new Date(n).getTime(), g = new Date(r).getTime(), T = new Date(f).getTime() - g, R = l - g, w = o - l;
+  return {
+    start: R / T * 100,
+    width: w / T * 100
+  };
+}
+function k(t, n) {
+  const r = new Date(t);
+  return n === "short" ? r.toLocaleDateString() : n === "long" ? r.toLocaleDateString("en-US", {
+    year: "numeric",
+    month: "long",
+    day: "numeric"
+  }) : r.toISOString().split("T")[0];
+}
+Re.register(
+  "timeline",
+  ({ schema: t, className: n, ...r }) => {
+    const {
+      variant: f = "vertical",
+      items: l = [],
+      dateFormat: o = "short",
+      onItemClick: g
+    } = t;
+    if (f === "vertical")
+      return /* @__PURE__ */ a.jsx(ee, { className: n, ...r, children: l.map((s, T) => /* @__PURE__ */ a.jsxs(te, { className: s.className, children: [
+        /* @__PURE__ */ a.jsx(F, { variant: s.variant || "default", children: s.icon && /* @__PURE__ */ a.jsx("span", { className: "text-xs", children: s.icon }) }),
+        /* @__PURE__ */ a.jsxs(re, { children: [
+          s.time && /* @__PURE__ */ a.jsx(Y, { dateTime: s.time, children: k(s.time, o) }),
+          s.title && /* @__PURE__ */ a.jsx(G, { children: s.title }),
+          s.description && /* @__PURE__ */ a.jsx(L, { children: s.description }),
+          s.content && Q(s.content)
+        ] })
+      ] }, T)) });
+    if (f === "horizontal")
+      return /* @__PURE__ */ a.jsx(ae, { className: n, ...r, children: l.map((s, T) => /* @__PURE__ */ a.jsxs(ne, { className: s.className, children: [
+        /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col items-center", children: [
+          /* @__PURE__ */ a.jsx(F, { variant: s.variant || "default", children: s.icon && /* @__PURE__ */ a.jsx("span", { className: "text-xs", children: s.icon }) }),
+          /* @__PURE__ */ a.jsxs("div", { className: "mt-4 text-center", children: [
+            s.time && /* @__PURE__ */ a.jsx(Y, { dateTime: s.time, children: k(s.time, o) }),
+            s.title && /* @__PURE__ */ a.jsx(G, { children: s.title }),
+            s.description && /* @__PURE__ */ a.jsx(L, { className: "text-center", children: s.description }),
+            s.content && Q(s.content)
+          ] })
+        ] }),
+        T < l.length - 1 && /* @__PURE__ */ a.jsx("div", { className: "absolute left-full w-16 border-t-2 border-gray-200 top-3" })
+      ] }, T)) });
+    if (f === "gantt") {
+      const s = Ee(l), T = t.minDate || s.minDate, R = t.maxDate || s.maxDate, w = t.timeScale || "month", _ = (() => {
+        const p = [], x = new Date(T), h = new Date(R);
+        if (w === "month") {
+          const d = new Date(x);
+          for (; d <= h; )
+            p.push(
+              d.toLocaleDateString("en-US", {
+                month: "short",
+                year: "numeric"
+              })
+            ), d.setMonth(d.getMonth() + 1);
+        } else if (w === "week") {
+          const d = new Date(x);
+          for (; d <= h; )
+            p.push(
+              `Week ${Math.ceil(
+                (d.getTime() - x.getTime()) / _e
+              ) + 1}`
+            ), d.setDate(d.getDate() + 7);
+        } else if (w === "day") {
+          const d = new Date(x);
+          for (; d <= h; )
+            p.push(
+              d.toLocaleDateString("en-US", {
+                month: "short",
+                day: "numeric"
+              })
+            ), d.setDate(d.getDate() + 1);
+        }
+        return p;
+      })();
+      return /* @__PURE__ */ a.jsxs(ie, { className: n, ...r, children: [
+        /* @__PURE__ */ a.jsxs(se, { children: [
+          /* @__PURE__ */ a.jsx($, { className: "flex items-center px-4 py-3", children: /* @__PURE__ */ a.jsx("span", { className: "font-semibold text-sm", children: t.rowLabel || "Items" }) }),
+          /* @__PURE__ */ a.jsx(z, { children: /* @__PURE__ */ a.jsx("div", { className: "flex h-full", children: _.map((p, x) => /* @__PURE__ */ a.jsx(
+            "div",
+            {
+              className: "flex-1 px-2 py-3 border-r text-xs font-medium text-center",
+              children: p
+            },
+            x
+          )) }) })
+        ] }),
+        /* @__PURE__ */ a.jsx("div", { children: /* @__PURE__ */ a.jsxs("div", { className: "flex", children: [
+          /* @__PURE__ */ a.jsx($, { children: l.map((p, x) => /* @__PURE__ */ a.jsx(U, { children: /* @__PURE__ */ a.jsx(le, { title: p.label, children: p.label }) }, x)) }),
+          /* @__PURE__ */ a.jsx(z, { className: "relative", children: l.map((p, x) => /* @__PURE__ */ a.jsx(U, { className: "relative", children: (p.items || []).map((h, d) => {
+            const E = Ne(
+              h.startDate,
+              h.endDate,
+              T,
+              R
+            );
+            return /* @__PURE__ */ a.jsx(
+              oe,
+              {
+                start: E.start,
+                width: E.width,
+                variant: h.variant || "default",
+                onClick: () => g?.(h, p, x, d),
+                title: `${h.title || ""}
+${k(h.startDate, o)} - ${k(h.endDate, o)}`,
+                children: /* @__PURE__ */ a.jsx(ce, { children: h.title })
+              },
+              d
+            );
+          }) }, x)) })
+        ] }) })
+      ] });
+    }
+    return null;
+  },
+  {
+    label: "Timeline",
+    category: "data-display",
+    inputs: [
+      {
+        name: "variant",
+        type: "enum",
+        enum: ["vertical", "horizontal", "gantt"],
+        label: "Timeline Variant",
+        defaultValue: "vertical"
+      },
+      {
+        name: "items",
+        type: "array",
+        label: "Timeline Items",
+        description: "For vertical/horizontal: Array of { time, title, description, variant, icon, content }. For gantt: Array of { label, items: [{ title, startDate, endDate, variant }] }"
+      },
+      {
+        name: "dateFormat",
+        type: "enum",
+        enum: ["short", "long", "iso"],
+        label: "Date Format",
+        defaultValue: "short"
+      },
+      {
+        name: "timeScale",
+        type: "enum",
+        enum: ["day", "week", "month"],
+        label: "Time Scale (Gantt only)",
+        defaultValue: "month"
+      },
+      {
+        name: "rowLabel",
+        type: "string",
+        label: "Row Label (Gantt only)",
+        defaultValue: "Items"
+      },
+      {
+        name: "minDate",
+        type: "string",
+        label: "Min Date (Gantt only)",
+        description: "Override auto-calculated min date (YYYY-MM-DD)"
+      },
+      {
+        name: "maxDate",
+        type: "string",
+        label: "Max Date (Gantt only)",
+        description: "Override auto-calculated max date (YYYY-MM-DD)"
+      },
+      { name: "className", type: "string", label: "CSS Class" }
+    ],
+    defaultProps: {
+      variant: "vertical",
+      dateFormat: "short",
+      items: [
+        {
+          time: "2024-01-15",
+          title: "Project Started",
+          description: "Kickoff meeting and initial planning",
+          variant: "success",
+          icon: "🚀"
+        },
+        {
+          time: "2024-02-01",
+          title: "First Milestone",
+          description: "Completed initial design phase",
+          variant: "info",
+          icon: "🎨"
+        },
+        {
+          time: "2024-03-15",
+          title: "Beta Release",
+          description: "Released beta version to testers",
+          variant: "warning",
+          icon: "⚡"
+        },
+        {
+          time: "2024-04-01",
+          title: "Launch",
+          description: "Official product launch",
+          variant: "success",
+          icon: "🎉"
+        }
+      ]
+    },
+    examples: {
+      vertical: {
+        variant: "vertical",
+        dateFormat: "long",
+        items: [
+          {
+            time: "2024-01-15",
+            title: "Project Started",
+            description: "Kickoff meeting and initial planning",
+            variant: "success"
+          },
+          {
+            time: "2024-02-01",
+            title: "First Milestone",
+            description: "Completed initial design phase",
+            variant: "info"
+          }
+        ]
+      },
+      horizontal: {
+        variant: "horizontal",
+        dateFormat: "short",
+        items: [
+          {
+            time: "2024-01-01",
+            title: "Q1",
+            description: "First quarter",
+            variant: "default"
+          },
+          {
+            time: "2024-04-01",
+            title: "Q2",
+            description: "Second quarter",
+            variant: "info"
+          },
+          {
+            time: "2024-07-01",
+            title: "Q3",
+            description: "Third quarter",
+            variant: "warning"
+          },
+          {
+            time: "2024-10-01",
+            title: "Q4",
+            description: "Fourth quarter",
+            variant: "success"
+          }
+        ]
+      },
+      gantt: {
+        variant: "gantt",
+        dateFormat: "short",
+        timeScale: "month",
+        rowLabel: "Projects",
+        items: [
+          {
+            label: "Backend Development",
+            items: [
+              {
+                title: "API Design",
+                startDate: "2024-01-01",
+                endDate: "2024-01-31",
+                variant: "success"
+              },
+              {
+                title: "Implementation",
+                startDate: "2024-02-01",
+                endDate: "2024-03-31",
+                variant: "info"
+              }
+            ]
+          },
+          {
+            label: "Frontend Development",
+            items: [
+              {
+                title: "UI Design",
+                startDate: "2024-01-15",
+                endDate: "2024-02-15",
+                variant: "warning"
+              },
+              {
+                title: "Component Dev",
+                startDate: "2024-02-15",
+                endDate: "2024-04-15",
+                variant: "default"
+              }
+            ]
+          },
+          {
+            label: "Testing",
+            items: [
+              {
+                title: "QA Phase",
+                startDate: "2024-03-01",
+                endDate: "2024-04-30",
+                variant: "danger"
+              }
+            ]
+          }
+        ]
+      }
+    }
+  }
+);
+const ee = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "ol",
+  {
+    ref: r,
+    className: b("relative border-l border-gray-200", t),
+    ...n
+  }
+));
+ee.displayName = "Timeline";
+const te = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "li",
+  {
+    ref: r,
+    className: b("mb-10 ml-6", t),
+    ...n
+  }
+));
+te.displayName = "TimelineItem";
+const F = v.forwardRef(({ className: t, variant: n = "default", ...r }, f) => {
+  const l = {
+    default: "bg-gray-200 border-gray-300",
+    success: "bg-green-200 border-green-500",
+    warning: "bg-yellow-200 border-yellow-500",
+    danger: "bg-red-200 border-red-500",
+    info: "bg-blue-200 border-blue-500"
+  };
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: f,
+      className: b(
+        "absolute -left-3 w-6 h-6 rounded-full border-2 flex items-center justify-center",
+        l[n],
+        t
+      ),
+      ...r
+    }
+  );
+});
+F.displayName = "TimelineMarker";
+const re = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: t,
+    ...n
+  }
+));
+re.displayName = "TimelineContent";
+const G = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "h3",
+  {
+    ref: r,
+    className: b("font-semibold text-lg mb-1", t),
+    ...n
+  }
+));
+G.displayName = "TimelineTitle";
+const Y = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "time",
+  {
+    ref: r,
+    className: b("text-sm font-normal text-gray-500 mb-2 block", t),
+    ...n
+  }
+));
+Y.displayName = "TimelineTime";
+const L = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "p",
+  {
+    ref: r,
+    className: b("text-base text-gray-700", t),
+    ...n
+  }
+));
+L.displayName = "TimelineDescription";
+const ae = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("relative flex overflow-x-auto py-8", t),
+    ...n
+  }
+));
+ae.displayName = "TimelineHorizontal";
+const ne = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("flex-shrink-0 w-64 relative", t),
+    ...n
+  }
+));
+ne.displayName = "TimelineHorizontalItem";
+const ie = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("relative w-full border rounded-lg overflow-hidden", t),
+    ...n
+  }
+));
+ie.displayName = "TimelineGantt";
+const se = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("flex border-b bg-gray-50", t),
+    ...n
+  }
+));
+se.displayName = "TimelineGanttHeader";
+const $ = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("w-48 border-r bg-white", t),
+    ...n
+  }
+));
+$.displayName = "TimelineGanttRowLabels";
+const z = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("flex-1 overflow-x-auto", t),
+    ...n
+  }
+));
+z.displayName = "TimelineGanttGrid";
+const U = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("flex items-center border-b min-h-12", t),
+    ...n
+  }
+));
+U.displayName = "TimelineGanttRow";
+const le = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("px-4 py-2 font-medium text-sm truncate", t),
+    ...n
+  }
+));
+le.displayName = "TimelineGanttLabel";
+const oe = v.forwardRef(({ className: t, start: n = 0, width: r = 100, variant: f = "default", ...l }, o) => {
+  const g = {
+    default: "bg-blue-500 hover:bg-blue-600",
+    success: "bg-green-500 hover:bg-green-600",
+    warning: "bg-yellow-500 hover:bg-yellow-600",
+    danger: "bg-red-500 hover:bg-red-600",
+    info: "bg-purple-500 hover:bg-purple-600"
+  };
+  return /* @__PURE__ */ a.jsx(
+    "div",
+    {
+      ref: o,
+      className: b(
+        "absolute h-8 rounded-md transition-colors cursor-pointer",
+        g[f],
+        t
+      ),
+      style: {
+        left: `${n}%`,
+        width: `${r}%`
+      },
+      ...l
+    }
+  );
+});
+oe.displayName = "TimelineGanttBar";
+const ce = v.forwardRef(({ className: t, ...n }, r) => /* @__PURE__ */ a.jsx(
+  "div",
+  {
+    ref: r,
+    className: b("px-2 py-1 text-white text-xs font-medium truncate", t),
+    ...n
+  }
+));
+ce.displayName = "TimelineGanttBarContent";
+export {
+  ee as Timeline,
+  re as TimelineContent,
+  L as TimelineDescription,
+  ie as TimelineGantt,
+  oe as TimelineGanttBar,
+  ce as TimelineGanttBarContent,
+  z as TimelineGanttGrid,
+  se as TimelineGanttHeader,
+  le as TimelineGanttLabel,
+  U as TimelineGanttRow,
+  $ as TimelineGanttRowLabels,
+  ae as TimelineHorizontal,
+  ne as TimelineHorizontalItem,
+  te as TimelineItem,
+  F as TimelineMarker,
+  Y as TimelineTime,
+  G as TimelineTitle
+};