@sudobility/scheduling-components 1.0.8

package/dist/index.esm.js

@@ -0,0 +1,903 @@
+import q, { useState as X } from "react";
+import { cn as f } from "@sudobility/components";
+var B = { exports: {} }, I = {};
+var K;
+function ne() {
+  if (K) return I;
+  K = 1;
+  var t = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function a(g, u, n) {
+    var k = null;
+    if (n !== void 0 && (k = "" + n), u.key !== void 0 && (k = "" + u.key), "key" in u) {
+      n = {};
+      for (var c in u)
+        c !== "key" && (n[c] = u[c]);
+    } else n = u;
+    return u = n.ref, {
+      $$typeof: t,
+      type: g,
+      key: k,
+      ref: u !== void 0 ? u : null,
+      props: n
+    };
+  }
+  return I.Fragment = i, I.jsx = a, I.jsxs = a, I;
+}
+var W = {};
+var ee;
+function ae() {
+  return ee || (ee = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === v ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case D:
+          return "Fragment";
+        case F:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case S:
+          return "Suspense";
+        case l:
+          return "SuspenseList";
+        case T:
+          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 C:
+            return "Portal";
+          case o:
+            return e.displayName || "Context";
+          case L:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case x:
+            var s = e.render;
+            return e = e.displayName, e || (e = s.displayName || s.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case d:
+            return s = e.displayName || null, s !== null ? s : t(e.type) || "Memo";
+          case h:
+            s = e._payload, e = e._init;
+            try {
+              return t(e(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function a(e) {
+      try {
+        i(e);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var m = s.error, y = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return m.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), i(e);
+      }
+    }
+    function g(e) {
+      if (e === D) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === h)
+        return "<...>";
+      try {
+        var s = t(e);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = U.A;
+      return e === null ? null : e.getOwner();
+    }
+    function n() {
+      return Error("react-stack-top-frame");
+    }
+    function k(e) {
+      if (O.call(e, "key")) {
+        var s = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function c(e, s) {
+      function m() {
+        $ || ($ = !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)",
+          s
+        ));
+      }
+      m.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: m,
+        configurable: !0
+      });
+    }
+    function b() {
+      var e = t(this.type);
+      return z[e] || (z[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 M(e, s, m, y, V, J) {
+      var p = m.ref;
+      return e = {
+        $$typeof: E,
+        type: e,
+        key: s,
+        props: m,
+        _owner: y
+      }, (p !== void 0 ? p : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: b
+      }) : 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: V
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: J
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function R(e, s, m, y, V, J) {
+      var p = s.children;
+      if (p !== void 0)
+        if (y)
+          if (_(p)) {
+            for (y = 0; y < p.length; y++)
+              w(p[y]);
+            Object.freeze && Object.freeze(p);
+          } 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 w(p);
+      if (O.call(s, "key")) {
+        p = t(e);
+        var Y = Object.keys(s).filter(function(te) {
+          return te !== "key";
+        });
+        y = 0 < Y.length ? "{key: someKey, " + Y.join(": ..., ") + ": ...}" : "{key: someKey}", Q[p + y] || (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} />`,
+          y,
+          p,
+          Y,
+          p
+        ), Q[p + y] = !0);
+      }
+      if (p = null, m !== void 0 && (a(m), p = "" + m), k(s) && (a(s.key), p = "" + s.key), "key" in s) {
+        m = {};
+        for (var G in s)
+          G !== "key" && (m[G] = s[G]);
+      } else m = s;
+      return p && c(
+        m,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), M(
+        e,
+        p,
+        m,
+        u(),
+        V,
+        J
+      );
+    }
+    function w(e) {
+      j(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === h && (e._payload.status === "fulfilled" ? j(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function j(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === E;
+    }
+    var N = q, E = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), D = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), L = Symbol.for("react.consumer"), o = Symbol.for("react.context"), x = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), T = Symbol.for("react.activity"), v = Symbol.for("react.client.reference"), U = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, O = Object.prototype.hasOwnProperty, _ = Array.isArray, A = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    N = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var $, z = {}, H = N.react_stack_bottom_frame.bind(
+      N,
+      n
+    )(), Z = A(g(n)), Q = {};
+    W.Fragment = D, W.jsx = function(e, s, m) {
+      var y = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return R(
+        e,
+        s,
+        m,
+        !1,
+        y ? Error("react-stack-top-frame") : H,
+        y ? A(g(e)) : Z
+      );
+    }, W.jsxs = function(e, s, m) {
+      var y = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return R(
+        e,
+        s,
+        m,
+        !0,
+        y ? Error("react-stack-top-frame") : H,
+        y ? A(g(e)) : Z
+      );
+    };
+  })()), W;
+}
+var re;
+function se() {
+  return re || (re = 1, process.env.NODE_ENV === "production" ? B.exports = ne() : B.exports = ae()), B.exports;
+}
+var r = se();
+const ie = ({
+  value: t,
+  onChange: i,
+  minDate: a,
+  maxDate: g,
+  disabledDates: u = [],
+  showOutsideDays: n = !0,
+  className: k
+}) => {
+  const [c, b] = X(t || /* @__PURE__ */ new Date()), M = (o) => {
+    const x = o.getFullYear(), S = o.getMonth();
+    return new Date(x, S + 1, 0).getDate();
+  }, R = (o) => {
+    const x = o.getFullYear(), S = o.getMonth();
+    return new Date(x, S, 1).getDay();
+  }, w = (o, x) => o.getFullYear() === x.getFullYear() && o.getMonth() === x.getMonth() && o.getDate() === x.getDate(), j = (o) => a && o < a || g && o > g ? !0 : u.some((x) => w(o, x)), N = () => {
+    b(
+      new Date(c.getFullYear(), c.getMonth() - 1)
+    );
+  }, E = () => {
+    b(
+      new Date(c.getFullYear(), c.getMonth() + 1)
+    );
+  }, D = (() => {
+    const o = c.getFullYear(), x = c.getMonth(), S = M(c), l = R(c), d = [];
+    if (n) {
+      const h = M(new Date(o, x - 1));
+      for (let T = l - 1; T >= 0; T--)
+        d.push(new Date(o, x - 1, h - T));
+    } else
+      for (let h = 0; h < l; h++)
+        d.push(null);
+    for (let h = 1; h <= S; h++)
+      d.push(new Date(o, x, h));
+    if (n) {
+      const h = 42 - d.length;
+      for (let T = 1; T <= h; T++)
+        d.push(new Date(o, x + 1, T));
+    }
+    return d;
+  })(), P = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], F = (o) => {
+    !o || j(o) || i(o);
+  }, L = c.toLocaleDateString("en-US", {
+    month: "long",
+    year: "numeric"
+  });
+  return /* @__PURE__ */ r.jsxs("div", { className: f("bg-white dark:bg-gray-900 rounded-lg p-4", k), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: N,
+          className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors",
+          "aria-label": "Previous month",
+          children: /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: "w-5 h-5",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ r.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M15 19l-7-7 7-7"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r.jsx("h2", { className: "text-base font-semibold text-gray-900 dark:text-white", children: L }),
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: E,
+          className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors",
+          "aria-label": "Next month",
+          children: /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: "w-5 h-5",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ r.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M9 5l7 7-7 7"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: P.map((o) => /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "text-center text-xs font-medium text-gray-600 dark:text-gray-400 py-2",
+        children: o
+      },
+      o
+    )) }),
+    /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-1", children: D.map((o, x) => {
+      if (!o)
+        return /* @__PURE__ */ r.jsx("div", { className: "aspect-square" }, x);
+      const S = o.getMonth() === c.getMonth(), l = t && w(o, t), d = w(o, /* @__PURE__ */ new Date()), h = j(o);
+      return /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: () => F(o),
+          disabled: h,
+          className: f(
+            "aspect-square flex items-center justify-center rounded-md text-sm transition-colors",
+            "hover:bg-gray-100 dark:hover:bg-gray-800",
+            "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+            S ? "text-gray-900 dark:text-white" : "text-gray-400 dark:text-gray-600",
+            l && "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
+            d && !l && "border-2 border-blue-600 dark:border-blue-400"
+          ),
+          children: o.getDate()
+        },
+        x
+      );
+    }) })
+  ] });
+}, ce = ({
+  value: t,
+  onChange: i,
+  minDate: a,
+  maxDate: g,
+  disabledDates: u = [],
+  months: n = 2,
+  className: k
+}) => {
+  const [c, b] = X(/* @__PURE__ */ new Date()), [M, R] = X(null), w = (l, d) => l.getFullYear() === d.getFullYear() && l.getMonth() === d.getMonth() && l.getDate() === d.getDate(), j = (l) => a && l < a || g && l > g ? !0 : u.some((d) => w(l, d)), N = (l) => {
+    if (!t.start || !t.end && !M) return !1;
+    const d = t.end || M;
+    return d ? l > t.start && l < d : !1;
+  }, E = (l) => t.start ? w(l, t.start) : !1, C = (l) => t.end ? w(l, t.end) : !1, D = (l) => {
+    j(l) || (!t.start || t.start && t.end ? i({ start: l, end: null }) : l < t.start ? i({ start: l, end: t.start }) : i({ start: t.start, end: l }));
+  }, P = (l) => {
+    const d = l.getFullYear(), h = l.getMonth();
+    return new Date(d, h + 1, 0).getDate();
+  }, F = (l) => {
+    const d = l.getFullYear(), h = l.getMonth();
+    return new Date(d, h, 1).getDay();
+  }, L = (l) => {
+    const d = new Date(
+      c.getFullYear(),
+      c.getMonth() + l
+    ), h = d.getFullYear(), T = d.getMonth(), v = P(d), U = F(d), O = [];
+    for (let _ = 0; _ < U; _++)
+      O.push(null);
+    for (let _ = 1; _ <= v; _++)
+      O.push(new Date(h, T, _));
+    return {
+      days: O,
+      monthName: d.toLocaleDateString("en-US", {
+        month: "long",
+        year: "numeric"
+      })
+    };
+  }, o = () => {
+    b(
+      new Date(c.getFullYear(), c.getMonth() - 1)
+    );
+  }, x = () => {
+    b(
+      new Date(c.getFullYear(), c.getMonth() + 1)
+    );
+  }, S = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+  return /* @__PURE__ */ r.jsxs("div", { className: f("bg-white dark:bg-gray-900 rounded-lg p-4", k), children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: o,
+          className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors",
+          "aria-label": "Previous month",
+          children: /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: "w-5 h-5",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ r.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M15 19l-7-7 7-7"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ r.jsx(
+        "button",
+        {
+          onClick: x,
+          className: "p-2 hover:bg-gray-100 dark:hover:bg-gray-800 rounded-md transition-colors",
+          "aria-label": "Next month",
+          children: /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: "w-5 h-5",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ r.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M9 5l7 7-7 7"
+                }
+              )
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      "div",
+      {
+        className: "grid gap-4",
+        style: { gridTemplateColumns: `repeat(${n}, 1fr)` },
+        children: Array.from({ length: n }, (l, d) => {
+          const { days: h, monthName: T } = L(d);
+          return /* @__PURE__ */ r.jsxs("div", { children: [
+            /* @__PURE__ */ r.jsx("h3", { className: "text-base font-semibold text-gray-900 dark:text-white mb-4 text-center", children: T }),
+            /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-1 mb-2", children: S.map((v) => /* @__PURE__ */ r.jsx(
+              "div",
+              {
+                className: "text-center text-xs font-medium text-gray-600 dark:text-gray-400 py-2",
+                children: v
+              },
+              v
+            )) }),
+            /* @__PURE__ */ r.jsx("div", { className: "grid grid-cols-7 gap-1", children: h.map((v, U) => {
+              if (!v)
+                return /* @__PURE__ */ r.jsx("div", { className: "aspect-square" }, U);
+              const O = j(v), _ = E(v), A = C(v), $ = N(v), z = w(v, /* @__PURE__ */ new Date());
+              return /* @__PURE__ */ r.jsx(
+                "button",
+                {
+                  onClick: () => D(v),
+                  onMouseEnter: () => R(v),
+                  onMouseLeave: () => R(null),
+                  disabled: O,
+                  className: f(
+                    "aspect-square flex items-center justify-center rounded-md text-sm transition-colors relative",
+                    "disabled:opacity-40 disabled:cursor-not-allowed disabled:hover:bg-transparent",
+                    $ && "bg-blue-100 dark:bg-blue-900/30",
+                    (_ || A) && "bg-blue-600 text-white hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600",
+                    !_ && !A && !$ && "hover:bg-gray-100 dark:hover:bg-gray-800",
+                    z && !_ && !A && "border-2 border-blue-600 dark:border-blue-400"
+                  ),
+                  children: v.getDate()
+                },
+                U
+              );
+            }) })
+          ] }, d);
+        })
+      }
+    ),
+    (t.start || t.end) && /* @__PURE__ */ r.jsx("div", { className: "mt-4 pt-4 border-t border-gray-200 dark:border-gray-700", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+      /* @__PURE__ */ r.jsxs("div", { children: [
+        /* @__PURE__ */ r.jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "Start: " }),
+        /* @__PURE__ */ r.jsx("span", { className: "font-medium text-gray-900 dark:text-white", children: t.start?.toLocaleDateString() || "Not selected" })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { children: [
+        /* @__PURE__ */ r.jsx("span", { className: "text-gray-600 dark:text-gray-400", children: "End: " }),
+        /* @__PURE__ */ r.jsx("span", { className: "font-medium text-gray-900 dark:text-white", children: t.end?.toLocaleDateString() || "Not selected" })
+      ] })
+    ] }) })
+  ] });
+}, de = ({
+  className: t,
+  children: i,
+  disabled: a
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      t
+    ),
+    role: "region",
+    "aria-label": "InterviewScheduler",
+    children: i || "InterviewScheduler Component"
+  }
+), ue = ({
+  className: t,
+  children: i,
+  disabled: a = !1,
+  onClick: g
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      t
+    ),
+    onClick: a ? void 0 : g,
+    role: "region",
+    "aria-label": "UmeetingUscheduler",
+    children: i || "UmeetingUscheduler Component"
+  }
+), ge = ({
+  className: t,
+  children: i,
+  disabled: a
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      t
+    ),
+    role: "region",
+    "aria-label": "PortSchedule",
+    children: i || "PortSchedule Component"
+  }
+), he = ({
+  date: t,
+  showTooltip: i = !0,
+  updateInterval: a = 0,
+  className: g
+}) => {
+  const [, u] = q.useState(0), n = q.useMemo(() => t instanceof Date ? t : new Date(t), [t]);
+  q.useEffect(() => {
+    if (a === 0) return;
+    const M = setInterval(() => {
+      u((R) => R + 1);
+    }, a * 1e3);
+    return () => clearInterval(M);
+  }, [a]);
+  const c = (() => {
+    const R = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), w = Math.floor(R / 1e3), j = Math.floor(w / 60), N = Math.floor(j / 60), E = Math.floor(N / 24), C = Math.floor(E / 7), D = Math.floor(E / 30), P = Math.floor(E / 365);
+    return w < 60 ? "just now" : j < 60 ? `${j} ${j === 1 ? "minute" : "minutes"} ago` : N < 24 ? `${N} ${N === 1 ? "hour" : "hours"} ago` : E < 7 ? `${E} ${E === 1 ? "day" : "days"} ago` : C < 4 ? `${C} ${C === 1 ? "week" : "weeks"} ago` : D < 12 ? `${D} ${D === 1 ? "month" : "months"} ago` : `${P} ${P === 1 ? "year" : "years"} ago`;
+  })(), b = n.toLocaleString();
+  return /* @__PURE__ */ r.jsx(
+    "time",
+    {
+      dateTime: n.toISOString(),
+      title: i ? b : void 0,
+      className: f(g),
+      children: c
+    }
+  );
+}, me = ({
+  className: t,
+  children: i,
+  disabled: a = !1,
+  onClick: g
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      t
+    ),
+    onClick: a ? void 0 : g,
+    role: "region",
+    "aria-label": "UscheduleUtimeline",
+    children: i || "UscheduleUtimeline Component"
+  }
+), fe = ({
+  className: t,
+  children: i,
+  disabled: a = !1,
+  onClick: g
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      t
+    ),
+    onClick: a ? void 0 : g,
+    role: "region",
+    "aria-label": "UsentimentUindicator",
+    children: i || "UsentimentUindicator Component"
+  }
+), xe = ({
+  className: t,
+  children: i,
+  disabled: a = !1,
+  onClick: g
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      t
+    ),
+    onClick: a ? void 0 : g,
+    role: "region",
+    "aria-label": "UtimeUslotUpicker",
+    children: i || "UtimeUslotUpicker Component"
+  }
+), be = ({
+  events: t,
+  align: i = "left",
+  showConnectors: a = !0,
+  className: g
+}) => /* @__PURE__ */ r.jsx("div", { className: f("relative", g), children: t.map((u, n) => {
+  const k = n === t.length - 1, c = u.color || "#3b82f6";
+  return /* @__PURE__ */ r.jsxs(
+    "div",
+    {
+      className: f(
+        "relative flex gap-4 pb-8",
+        i === "center" && "justify-center",
+        i === "right" && "justify-end"
+      ),
+      children: [
+        a && !k && /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "absolute left-4 top-8 w-0.5 h-full bg-gray-300 dark:bg-gray-600",
+            style: i === "center" ? { left: "50%" } : i === "right" ? { right: "2rem" } : void 0
+          }
+        ),
+        /* @__PURE__ */ r.jsx("div", { className: "relative z-10 flex-shrink-0", children: u.icon ? /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "w-8 h-8 rounded-full flex items-center justify-center text-white",
+            style: { backgroundColor: c },
+            children: u.icon
+          }
+        ) : /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: "w-4 h-4 rounded-full border-4 border-white dark:border-gray-900",
+            style: { backgroundColor: c }
+          }
+        ) }),
+        /* @__PURE__ */ r.jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-3 mb-1", children: [
+            /* @__PURE__ */ r.jsx("h4", { className: "font-semibold text-gray-900 dark:text-white", children: u.title }),
+            u.timestamp && /* @__PURE__ */ r.jsx("span", { className: "text-xs text-gray-600 dark:text-gray-400", children: u.timestamp })
+          ] }),
+          u.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400", children: u.description })
+        ] })
+      ]
+    },
+    u.id
+  );
+}) }), ye = ({
+  items: t,
+  orientation: i = "vertical",
+  className: a
+}) => {
+  const g = {
+    completed: "bg-green-500 border-green-500",
+    active: "bg-blue-500 border-blue-500",
+    pending: "bg-gray-300 dark:bg-gray-600 border-gray-300 dark:border-gray-600",
+    error: "bg-red-500 border-red-500"
+  }, u = {
+    completed: "text-white",
+    active: "text-white",
+    pending: "text-gray-500 dark:text-gray-400",
+    error: "text-white"
+  };
+  return i === "horizontal" ? /* @__PURE__ */ r.jsx("div", { className: f("w-full overflow-x-auto", a), children: /* @__PURE__ */ r.jsx("div", { className: "flex items-start min-w-max px-4", children: t.map((n, k) => {
+    const c = k === t.length - 1, b = n.status || "pending";
+    return /* @__PURE__ */ r.jsxs(q.Fragment, { children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: f(
+              "w-10 h-10 rounded-full flex items-center justify-center border-2",
+              g[b]
+            ),
+            children: n.icon ? /* @__PURE__ */ r.jsx("span", { className: f("w-5 h-5", u[b]), children: n.icon }) : b === "completed" ? /* @__PURE__ */ r.jsx(
+              "svg",
+              {
+                className: "w-5 h-5 text-white",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ r.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 3,
+                    d: "M5 13l4 4L19 7"
+                  }
+                )
+              }
+            ) : null
+          }
+        ),
+        /* @__PURE__ */ r.jsxs("div", { className: "mt-4 text-center max-w-[200px]", children: [
+          /* @__PURE__ */ r.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: n.title }),
+          n.description && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-gray-600 dark:text-gray-400 mt-1", children: n.description }),
+          n.timestamp && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-500 mt-1", children: n.timestamp })
+        ] })
+      ] }),
+      !c && /* @__PURE__ */ r.jsx("div", { className: "flex-shrink-0 w-16 h-0.5 bg-gray-300 dark:bg-gray-700 mt-5 mx-2 relative", children: /* @__PURE__ */ r.jsx(
+        "div",
+        {
+          className: f(
+            "absolute left-0 top-0 h-full transition-all duration-300",
+            b === "completed" ? "w-full bg-green-500" : "w-0"
+          )
+        }
+      ) })
+    ] }, n.id);
+  }) }) }) : /* @__PURE__ */ r.jsx("div", { className: f("w-full", a), children: /* @__PURE__ */ r.jsx("div", { className: "space-y-4", children: t.map((n, k) => {
+    const c = k === t.length - 1, b = n.status || "pending";
+    return /* @__PURE__ */ r.jsxs("div", { className: "flex gap-4", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: f(
+              "w-10 h-10 rounded-full flex items-center justify-center border-2 flex-shrink-0",
+              g[b]
+            ),
+            children: n.icon ? /* @__PURE__ */ r.jsx("span", { className: f("w-5 h-5", u[b]), children: n.icon }) : b === "completed" ? /* @__PURE__ */ r.jsx(
+              "svg",
+              {
+                className: "w-5 h-5 text-white",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ r.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 3,
+                    d: "M5 13l4 4L19 7"
+                  }
+                )
+              }
+            ) : null
+          }
+        ),
+        !c && /* @__PURE__ */ r.jsx("div", { className: "w-0.5 flex-1 min-h-[32px] bg-gray-300 dark:bg-gray-700 relative mt-2", children: /* @__PURE__ */ r.jsx(
+          "div",
+          {
+            className: f(
+              "absolute top-0 left-0 w-full transition-all duration-300",
+              b === "completed" ? "h-full bg-green-500" : "h-0"
+            )
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ r.jsx("div", { className: "flex-1 pb-4", children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-start justify-between", children: [
+        /* @__PURE__ */ r.jsxs("div", { className: "flex-1", children: [
+          /* @__PURE__ */ r.jsx("p", { className: "text-sm font-medium text-gray-900 dark:text-white", children: n.title }),
+          n.description && /* @__PURE__ */ r.jsx("p", { className: "text-sm text-gray-600 dark:text-gray-400 mt-1", children: n.description })
+        ] }),
+        n.timestamp && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-gray-500 dark:text-gray-500 ml-4 flex-shrink-0", children: n.timestamp })
+      ] }) })
+    ] }, n.id);
+  }) }) });
+}, pe = ({
+  className: t,
+  children: i,
+  disabled: a = !1,
+  onClick: g
+}) => /* @__PURE__ */ r.jsx(
+  "div",
+  {
+    className: f(
+      "p-4 rounded-lg border transition-colors",
+      "bg-white dark:bg-gray-900",
+      "border-gray-200 dark:border-gray-700",
+      "text-gray-900 dark:text-white",
+      a && "opacity-50 cursor-not-allowed",
+      "hover:bg-gray-50 dark:hover:bg-gray-800",
+      t
+    ),
+    onClick: a ? void 0 : g,
+    role: "region",
+    "aria-label": "UworkUcalendar",
+    children: i || "UworkUcalendar Component"
+  }
+);
+export {
+  ie as Calendar,
+  ce as DateRangePicker,
+  de as InterviewScheduler,
+  ge as PortSchedule,
+  he as RelativeTime,
+  ye as Timeline,
+  be as TimelineVertical,
+  ue as UmeetingUscheduler,
+  me as UscheduleUtimeline,
+  fe as UsentimentUindicator,
+  xe as UtimeUslotUpicker,
+  pe as UworkUcalendar
+};