@asafarim/booking-calendar 0.2.0

package/dist/index.js

@@ -0,0 +1,1291 @@
+import Xe, { useState as k, useEffect as St, useCallback as me } from "react";
+import { startOfMonth as Je, endOfMonth as ze, startOfWeek as he, endOfWeek as Ke, eachDayOfInterval as Ge, isSameMonth as Nt, isToday as pe, format as L, isSameDay as ee, startOfDay as Rt, differenceInMinutes as Ve, addDays as Ze, addMinutes as Qe } from "date-fns";
+var ve = { exports: {} }, Z = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Ue;
+function Dt() {
+  if (Ue) return Z;
+  Ue = 1;
+  var a = Xe, j = Symbol.for("react.element"), C = Symbol.for("react.fragment"), b = Object.prototype.hasOwnProperty, y = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, v = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function c(d, l, S) {
+    var f, E = {}, g = null, u = null;
+    S !== void 0 && (g = "" + S), l.key !== void 0 && (g = "" + l.key), l.ref !== void 0 && (u = l.ref);
+    for (f in l) b.call(l, f) && !v.hasOwnProperty(f) && (E[f] = l[f]);
+    if (d && d.defaultProps) for (f in l = d.defaultProps, l) E[f] === void 0 && (E[f] = l[f]);
+    return { $$typeof: j, type: d, key: g, ref: u, props: E, _owner: y.current };
+  }
+  return Z.Fragment = C, Z.jsx = c, Z.jsxs = c, Z;
+}
+var Q = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var qe;
+function _t() {
+  return qe || (qe = 1, process.env.NODE_ENV !== "production" && function() {
+    var a = Xe, j = Symbol.for("react.element"), C = Symbol.for("react.portal"), b = Symbol.for("react.fragment"), y = Symbol.for("react.strict_mode"), v = Symbol.for("react.profiler"), c = Symbol.for("react.provider"), d = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), g = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), s = Symbol.iterator, h = "@@iterator";
+    function O(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = s && e[s] || e[h];
+      return typeof r == "function" ? r : null;
+    }
+    var R = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function w(e) {
+      {
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), o = 1; o < r; o++)
+          n[o - 1] = arguments[o];
+        I("error", e, n);
+      }
+    }
+    function I(e, r, n) {
+      {
+        var o = R.ReactDebugCurrentFrame, x = o.getStackAddendum();
+        x !== "" && (r += "%s", n = n.concat([x]));
+        var T = n.map(function(p) {
+          return String(p);
+        });
+        T.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, T);
+      }
+    }
+    var U = !1, H = !1, X = !1, J = !1, N = !1, V;
+    V = Symbol.for("react.module.reference");
+    function te(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === b || e === v || N || e === y || e === S || e === f || J || e === u || U || H || X || typeof e == "object" && e !== null && (e.$$typeof === g || e.$$typeof === E || e.$$typeof === c || e.$$typeof === d || e.$$typeof === l || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === V || e.getModuleId !== void 0));
+    }
+    function P(e, r, n) {
+      var o = e.displayName;
+      if (o)
+        return o;
+      var x = r.displayName || r.name || "";
+      return x !== "" ? n + "(" + x + ")" : n;
+    }
+    function re(e) {
+      return e.displayName || "Context";
+    }
+    function $(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && w("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case b:
+          return "Fragment";
+        case C:
+          return "Portal";
+        case v:
+          return "Profiler";
+        case y:
+          return "StrictMode";
+        case S:
+          return "Suspense";
+        case f:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            var r = e;
+            return re(r) + ".Consumer";
+          case c:
+            var n = e;
+            return re(n._context) + ".Provider";
+          case l:
+            return P(e, e.render, "ForwardRef");
+          case E:
+            var o = e.displayName || null;
+            return o !== null ? o : $(e.type) || "Memo";
+          case g: {
+            var x = e, T = x._payload, p = x._init;
+            try {
+              return $(p(T));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var F = Object.assign, W = 0, ne, ae, se, ie, i, B, oe;
+    function ce() {
+    }
+    ce.__reactDisabledLog = !0;
+    function be() {
+      {
+        if (W === 0) {
+          ne = console.log, ae = console.info, se = console.warn, ie = console.error, i = console.group, B = console.groupCollapsed, oe = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: ce,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        W++;
+      }
+    }
+    function ye() {
+      {
+        if (W--, W === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: F({}, e, {
+              value: ne
+            }),
+            info: F({}, e, {
+              value: ae
+            }),
+            warn: F({}, e, {
+              value: se
+            }),
+            error: F({}, e, {
+              value: ie
+            }),
+            group: F({}, e, {
+              value: i
+            }),
+            groupCollapsed: F({}, e, {
+              value: B
+            }),
+            groupEnd: F({}, e, {
+              value: oe
+            })
+          });
+        }
+        W < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var xe = R.ReactCurrentDispatcher, je;
+    function le(e, r, n) {
+      {
+        if (je === void 0)
+          try {
+            throw Error();
+          } catch (x) {
+            var o = x.stack.trim().match(/\n( *(at )?)/);
+            je = o && o[1] || "";
+          }
+        return `
+` + je + e;
+      }
+    }
+    var we = !1, ue;
+    {
+      var tt = typeof WeakMap == "function" ? WeakMap : Map;
+      ue = new tt();
+    }
+    function Re(e, r) {
+      if (!e || we)
+        return "";
+      {
+        var n = ue.get(e);
+        if (n !== void 0)
+          return n;
+      }
+      var o;
+      we = !0;
+      var x = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var T;
+      T = xe.current, xe.current = null, be();
+      try {
+        if (r) {
+          var p = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(p.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(p, []);
+            } catch (A) {
+              o = A;
+            }
+            Reflect.construct(e, [], p);
+          } else {
+            try {
+              p.call();
+            } catch (A) {
+              o = A;
+            }
+            e.call(p.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (A) {
+            o = A;
+          }
+          e();
+        }
+      } catch (A) {
+        if (A && o && typeof A.stack == "string") {
+          for (var m = A.stack.split(`
+`), M = o.stack.split(`
+`), D = m.length - 1, _ = M.length - 1; D >= 1 && _ >= 0 && m[D] !== M[_]; )
+            _--;
+          for (; D >= 1 && _ >= 0; D--, _--)
+            if (m[D] !== M[_]) {
+              if (D !== 1 || _ !== 1)
+                do
+                  if (D--, _--, _ < 0 || m[D] !== M[_]) {
+                    var Y = `
+` + m[D].replace(" at new ", " at ");
+                    return e.displayName && Y.includes("<anonymous>") && (Y = Y.replace("<anonymous>", e.displayName)), typeof e == "function" && ue.set(e, Y), Y;
+                  }
+                while (D >= 1 && _ >= 0);
+              break;
+            }
+        }
+      } finally {
+        we = !1, xe.current = T, ye(), Error.prepareStackTrace = x;
+      }
+      var K = e ? e.displayName || e.name : "", q = K ? le(K) : "";
+      return typeof e == "function" && ue.set(e, q), q;
+    }
+    function rt(e, r, n) {
+      return Re(e, !1);
+    }
+    function nt(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function de(e, r, n) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Re(e, nt(e));
+      if (typeof e == "string")
+        return le(e);
+      switch (e) {
+        case S:
+          return le("Suspense");
+        case f:
+          return le("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case l:
+            return rt(e.render);
+          case E:
+            return de(e.type, r, n);
+          case g: {
+            var o = e, x = o._payload, T = o._init;
+            try {
+              return de(T(x), r, n);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var G = Object.prototype.hasOwnProperty, De = {}, _e = R.ReactDebugCurrentFrame;
+    function fe(e) {
+      if (e) {
+        var r = e._owner, n = de(e.type, e._source, r ? r.type : null);
+        _e.setExtraStackFrame(n);
+      } else
+        _e.setExtraStackFrame(null);
+    }
+    function at(e, r, n, o, x) {
+      {
+        var T = Function.call.bind(G);
+        for (var p in e)
+          if (T(e, p)) {
+            var m = void 0;
+            try {
+              if (typeof e[p] != "function") {
+                var M = Error((o || "React class") + ": " + n + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw M.name = "Invariant Violation", M;
+              }
+              m = e[p](r, p, o, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (D) {
+              m = D;
+            }
+            m && !(m instanceof Error) && (fe(x), w("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", o || "React class", n, p, typeof m), fe(null)), m instanceof Error && !(m.message in De) && (De[m.message] = !0, fe(x), w("Failed %s type: %s", n, m.message), fe(null));
+          }
+      }
+    }
+    var st = Array.isArray;
+    function Ee(e) {
+      return st(e);
+    }
+    function it(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
+      }
+    }
+    function ot(e) {
+      try {
+        return ke(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function ke(e) {
+      return "" + e;
+    }
+    function Oe(e) {
+      if (ot(e))
+        return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", it(e)), ke(e);
+    }
+    var Pe = R.ReactCurrentOwner, ct = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Me, $e;
+    function lt(e) {
+      if (G.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function ut(e) {
+      if (G.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function dt(e, r) {
+      typeof e.ref == "string" && Pe.current;
+    }
+    function ft(e, r) {
+      {
+        var n = function() {
+          Me || (Me = !0, w("%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://reactjs.org/link/special-props)", r));
+        };
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    function mt(e, r) {
+      {
+        var n = function() {
+          $e || ($e = !0, w("%s: `ref` 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://reactjs.org/link/special-props)", r));
+        };
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    var vt = function(e, r, n, o, x, T, p) {
+      var m = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: j,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: n,
+        props: p,
+        // Record the component responsible for creating this element.
+        _owner: T
+      };
+      return m._store = {}, Object.defineProperty(m._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(m, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: o
+      }), Object.defineProperty(m, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: x
+      }), Object.freeze && (Object.freeze(m.props), Object.freeze(m)), m;
+    };
+    function ht(e, r, n, o, x) {
+      {
+        var T, p = {}, m = null, M = null;
+        n !== void 0 && (Oe(n), m = "" + n), ut(r) && (Oe(r.key), m = "" + r.key), lt(r) && (M = r.ref, dt(r, x));
+        for (T in r)
+          G.call(r, T) && !ct.hasOwnProperty(T) && (p[T] = r[T]);
+        if (e && e.defaultProps) {
+          var D = e.defaultProps;
+          for (T in D)
+            p[T] === void 0 && (p[T] = D[T]);
+        }
+        if (m || M) {
+          var _ = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          m && ft(p, _), M && mt(p, _);
+        }
+        return vt(e, m, M, x, o, Pe.current, p);
+      }
+    }
+    var Te = R.ReactCurrentOwner, Fe = R.ReactDebugCurrentFrame;
+    function z(e) {
+      if (e) {
+        var r = e._owner, n = de(e.type, e._source, r ? r.type : null);
+        Fe.setExtraStackFrame(n);
+      } else
+        Fe.setExtraStackFrame(null);
+    }
+    var Ce;
+    Ce = !1;
+    function Se(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === j;
+    }
+    function Ae() {
+      {
+        if (Te.current) {
+          var e = $(Te.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function pt(e) {
+      return "";
+    }
+    var Ie = {};
+    function gt(e) {
+      {
+        var r = Ae();
+        if (!r) {
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (r = `
+
+Check the top-level render call using <` + n + ">.");
+        }
+        return r;
+      }
+    }
+    function Ye(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var n = gt(r);
+        if (Ie[n])
+          return;
+        Ie[n] = !0;
+        var o = "";
+        e && e._owner && e._owner !== Te.current && (o = " It was passed a child from " + $(e._owner.type) + "."), z(e), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, o), z(null);
+      }
+    }
+    function We(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (Ee(e))
+          for (var n = 0; n < e.length; n++) {
+            var o = e[n];
+            Se(o) && Ye(o, r);
+          }
+        else if (Se(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var x = O(e);
+          if (typeof x == "function" && x !== e.entries)
+            for (var T = x.call(e), p; !(p = T.next()).done; )
+              Se(p.value) && Ye(p.value, r);
+        }
+      }
+    }
+    function bt(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var n;
+        if (typeof r == "function")
+          n = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === E))
+          n = r.propTypes;
+        else
+          return;
+        if (n) {
+          var o = $(r);
+          at(n, e.props, "prop", o, e);
+        } else if (r.PropTypes !== void 0 && !Ce) {
+          Ce = !0;
+          var x = $(r);
+          w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", x || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function yt(e) {
+      {
+        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
+          var o = r[n];
+          if (o !== "children" && o !== "key") {
+            z(e), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", o), z(null);
+            break;
+          }
+        }
+        e.ref !== null && (z(e), w("Invalid attribute `ref` supplied to `React.Fragment`."), z(null));
+      }
+    }
+    var Be = {};
+    function Le(e, r, n, o, x, T) {
+      {
+        var p = te(e);
+        if (!p) {
+          var m = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (m += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var M = pt();
+          M ? m += M : m += Ae();
+          var D;
+          e === null ? D = "null" : Ee(e) ? D = "array" : e !== void 0 && e.$$typeof === j ? (D = "<" + ($(e.type) || "Unknown") + " />", m = " Did you accidentally export a JSX literal instead of a component?") : D = typeof e, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", D, m);
+        }
+        var _ = ht(e, r, n, x, T);
+        if (_ == null)
+          return _;
+        if (p) {
+          var Y = r.children;
+          if (Y !== void 0)
+            if (o)
+              if (Ee(Y)) {
+                for (var K = 0; K < Y.length; K++)
+                  We(Y[K], e);
+                Object.freeze && Object.freeze(Y);
+              } else
+                w("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
+              We(Y, e);
+        }
+        if (G.call(r, "key")) {
+          var q = $(e), A = Object.keys(r).filter(function(Ct) {
+            return Ct !== "key";
+          }), Ne = A.length > 0 ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Be[q + Ne]) {
+            var Tt = A.length > 0 ? "{" + A.join(": ..., ") + ": ...}" : "{}";
+            w(`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} />`, Ne, q, Tt, q), Be[q + Ne] = !0;
+          }
+        }
+        return e === b ? yt(_) : bt(_), _;
+      }
+    }
+    function xt(e, r, n) {
+      return Le(e, r, n, !0);
+    }
+    function jt(e, r, n) {
+      return Le(e, r, n, !1);
+    }
+    var wt = jt, Et = xt;
+    Q.Fragment = b, Q.jsx = wt, Q.jsxs = Et;
+  }()), Q;
+}
+var He;
+function kt() {
+  return He || (He = 1, process.env.NODE_ENV === "production" ? ve.exports = Dt() : ve.exports = _t()), ve.exports;
+}
+var t = kt();
+function ge({ status: a, size: j = "md" }) {
+  return /* @__PURE__ */ t.jsx("span", { className: `bc-status-badge bc-status-${a.toLowerCase()} bc-badge-${j}`, children: a });
+}
+function Ot({ currentDate: a, bookings: j, onSlotClick: C, onBookingClick: b }) {
+  const y = Je(a), v = ze(a), c = he(y), d = Ke(v), l = Ge({ start: c, end: d }), S = [];
+  for (let g = 0; g < l.length; g += 7)
+    S.push(l.slice(g, g + 7));
+  const f = (g) => j.filter((u) => ee(new Date(u.startTime), g)), E = (g) => {
+    const u = new Date(g);
+    u.setHours(9, 0, 0, 0);
+    const s = new Date(g);
+    s.setHours(10, 0, 0, 0), C(u, s);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "bc-month-view", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "bc-month-header", children: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"].map((g) => /* @__PURE__ */ t.jsx("div", { className: "bc-month-header-cell", children: g }, g)) }),
+    /* @__PURE__ */ t.jsx("div", { className: "bc-month-grid", children: S.map((g, u) => /* @__PURE__ */ t.jsx("div", { className: "bc-month-week", children: g.map((s) => {
+      const h = f(s), O = Nt(s, a), R = pe(s);
+      return /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: `bc-month-day ${O ? "" : "bc-other-month"} ${R ? "bc-today" : ""}`,
+          onClick: () => E(s),
+          children: [
+            /* @__PURE__ */ t.jsx("div", { className: "bc-month-day-number", children: L(s, "d") }),
+            /* @__PURE__ */ t.jsxs("div", { className: "bc-month-day-events", children: [
+              h.slice(0, 3).map((w) => /* @__PURE__ */ t.jsxs(
+                "div",
+                {
+                  className: "bc-month-event",
+                  onClick: (I) => {
+                    I.stopPropagation(), b(w);
+                  },
+                  children: [
+                    /* @__PURE__ */ t.jsx(ge, { status: w.status, size: "sm" }),
+                    /* @__PURE__ */ t.jsx("span", { className: "bc-month-event-title", children: w.title })
+                  ]
+                },
+                w.id
+              )),
+              h.length > 3 && /* @__PURE__ */ t.jsxs("div", { className: "bc-month-event-more", children: [
+                "+",
+                h.length - 3,
+                " more"
+              ] })
+            ] })
+          ]
+        },
+        s.toISOString()
+      );
+    }) }, u)) })
+  ] });
+}
+function et() {
+  return { getEventPosition: (C, b) => {
+    const y = Rt(b), v = new Date(C.startTime), c = new Date(C.endTime), d = Ve(v, y), l = Ve(c, v), S = d / 1440 * 100, f = l / 1440 * 100;
+    return {
+      top: S,
+      height: f,
+      left: 0,
+      width: 95
+    };
+  }, detectOverlaps: (C, b) => {
+    const y = C.filter((c) => new Date(c.startTime).toDateString() === b.toDateString()), v = [];
+    return y.sort((c, d) => new Date(c.startTime).getTime() - new Date(d.startTime).getTime()), y.forEach((c) => {
+      let d = !1;
+      for (const l of v)
+        if (!l.some((f) => {
+          const E = new Date(f.startTime).getTime(), g = new Date(f.endTime).getTime(), u = new Date(c.startTime).getTime(), s = new Date(c.endTime).getTime();
+          return E < s && u < g;
+        })) {
+          l.push(c), d = !0;
+          break;
+        }
+      d || v.push([c]);
+    }), v;
+  } };
+}
+function Pt({
+  currentDate: a,
+  bookings: j,
+  onSlotClick: C,
+  onBookingClick: b
+}) {
+  const y = he(a), v = Array.from({ length: 7 }, (s, h) => Ze(y, h)), c = Array.from({ length: 24 }, (s, h) => h), d = /* @__PURE__ */ new Date(), l = v.some((s) => ee(s, d)), S = d.getHours(), f = d.getMinutes(), E = (S * 60 + f) / 1440 * 100, { getEventPosition: g } = et(), u = (s, h) => {
+    const O = new Date(s);
+    O.setHours(h, 0, 0, 0);
+    const R = Qe(O, 60);
+    C(O, R);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "bc-week-view", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "bc-week-header", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "bc-week-time-gutter" }),
+      v.map((s) => /* @__PURE__ */ t.jsxs(
+        "div",
+        {
+          className: `bc-week-day-header ${pe(s) ? "bc-today" : ""}`,
+          children: [
+            /* @__PURE__ */ t.jsx("div", { className: "bc-week-day-name", children: L(s, "EEE") }),
+            /* @__PURE__ */ t.jsx("div", { className: "bc-week-day-date", children: L(s, "d") })
+          ]
+        },
+        s.toISOString()
+      ))
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "bc-week-body", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "bc-week-time-column", children: c.map((s) => /* @__PURE__ */ t.jsx("div", { className: "bc-week-time-slot", children: L((/* @__PURE__ */ new Date()).setHours(s, 0), "ha") }, s)) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-week-grid-container", children: [
+        l && ee(v[d.getDay()], d) && /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: "bc-week-now-line",
+            style: { top: `${E}%` },
+            children: /* @__PURE__ */ t.jsx("div", { className: "bc-week-now-dot" })
+          }
+        ),
+        v.map((s) => /* @__PURE__ */ t.jsxs(
+          "div",
+          {
+            className: `bc-week-day-column ${pe(s) ? "bc-today" : ""}`,
+            children: [
+              c.map((h) => /* @__PURE__ */ t.jsx(
+                "div",
+                {
+                  className: "bc-week-grid-slot",
+                  onClick: () => u(s, h)
+                },
+                h
+              )),
+              j.filter((h) => ee(new Date(h.startTime), s)).map((h) => {
+                const O = g(h, s);
+                return /* @__PURE__ */ t.jsxs(
+                  "div",
+                  {
+                    className: "bc-week-event",
+                    style: {
+                      top: `${O.top}%`,
+                      height: `${O.height}%`,
+                      left: `${O.left}%`,
+                      width: `${O.width}%`
+                    },
+                    onClick: (R) => {
+                      R.stopPropagation(), b(h);
+                    },
+                    children: [
+                      /* @__PURE__ */ t.jsx(ge, { status: h.status, size: "xs" }),
+                      /* @__PURE__ */ t.jsx("div", { className: "bc-week-event-title", children: h.title }),
+                      /* @__PURE__ */ t.jsx("div", { className: "bc-week-event-time", children: L(new Date(h.startTime), "h:mm a") })
+                    ]
+                  },
+                  h.id
+                );
+              })
+            ]
+          },
+          s.toISOString()
+        ))
+      ] })
+    ] })
+  ] });
+}
+function Mt({ currentDate: a, bookings: j, onSlotClick: C, onBookingClick: b }) {
+  const y = Array.from({ length: 24 }, (u, s) => s), { getEventPosition: v } = et(), c = /* @__PURE__ */ new Date(), d = pe(a), l = c.getHours(), S = c.getMinutes(), f = (l * 60 + S) / 1440 * 100, E = j.filter((u) => ee(new Date(u.startTime), a)), g = (u) => {
+    const s = new Date(a);
+    s.setHours(u, 0, 0, 0);
+    const h = Qe(s, 60);
+    C(s, h);
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: "bc-day-view", children: [
+    /* @__PURE__ */ t.jsx("div", { className: "bc-day-header", children: /* @__PURE__ */ t.jsx("div", { className: "bc-day-title", children: L(a, "EEEE, MMMM d, yyyy") }) }),
+    /* @__PURE__ */ t.jsxs("div", { className: "bc-day-body", children: [
+      /* @__PURE__ */ t.jsx("div", { className: "bc-day-time-column", children: y.map((u) => /* @__PURE__ */ t.jsx("div", { className: "bc-day-time-slot", children: L((/* @__PURE__ */ new Date()).setHours(u, 0), "h a") }, u)) }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-day-grid-container", children: [
+        d && /* @__PURE__ */ t.jsx("div", { className: "bc-day-now-line", style: { top: `${f}%` }, children: /* @__PURE__ */ t.jsx("div", { className: "bc-day-now-dot" }) }),
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-day-column", children: [
+          y.map((u) => /* @__PURE__ */ t.jsx(
+            "div",
+            {
+              className: "bc-day-grid-slot",
+              onClick: () => g(u)
+            },
+            u
+          )),
+          E.map((u) => {
+            const s = v(u, a);
+            return /* @__PURE__ */ t.jsxs(
+              "div",
+              {
+                className: "bc-day-event",
+                style: {
+                  top: `${s.top}%`,
+                  height: `${s.height}%`,
+                  left: `${s.left}%`,
+                  width: `${s.width}%`
+                },
+                onClick: (h) => {
+                  h.stopPropagation(), b(u);
+                },
+                children: [
+                  /* @__PURE__ */ t.jsx(ge, { status: u.status, size: "sm" }),
+                  /* @__PURE__ */ t.jsx("div", { className: "bc-day-event-title", children: u.title }),
+                  /* @__PURE__ */ t.jsx("div", { className: "bc-day-event-client", children: u.clientName }),
+                  /* @__PURE__ */ t.jsxs("div", { className: "bc-day-event-time", children: [
+                    L(new Date(u.startTime), "h:mm a"),
+                    " - ",
+                    L(new Date(u.endTime), "h:mm a")
+                  ] })
+                ]
+              },
+              u.id
+            );
+          })
+        ] })
+      ] })
+    ] })
+  ] });
+}
+function $t({
+  booking: a,
+  initialSlot: j,
+  onClose: C,
+  onCreate: b,
+  onUpdate: y,
+  onDelete: v,
+  onSendConfirmation: c
+}) {
+  const [d, l] = k(""), [S, f] = k(""), [E, g] = k(""), [u, s] = k(""), [h, O] = k(""), [R, w] = k(""), [I, U] = k(""), [H, X] = k(""), [J, N] = k(""), [V, te] = k("Pending"), [P, re] = k({}), [$, F] = k(!1);
+  St(() => {
+    a ? (l(a.title), f(a.clientName), g(a.clientEmail), s(a.clientPhone || ""), O(a.meetingReason || ""), w(W(new Date(a.startTime))), U(W(new Date(a.endTime))), X(a.location || ""), N(a.description || ""), te(a.status)) : j && (w(W(j.start)), U(W(j.end)));
+  }, [a, j]);
+  const W = (i) => {
+    const B = i.getFullYear(), oe = String(i.getMonth() + 1).padStart(2, "0"), ce = String(i.getDate()).padStart(2, "0"), be = String(i.getHours()).padStart(2, "0"), ye = String(i.getMinutes()).padStart(2, "0");
+    return `${B}-${oe}-${ce}T${be}:${ye}`;
+  }, ne = () => {
+    const i = {};
+    return d.trim() || (i.title = "Title is required"), S.trim() || (i.clientName = "Client name is required"), E.trim() || (i.clientEmail = "Client email is required"), E && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(E) && (i.clientEmail = "Invalid email format"), R || (i.startTime = "Start time is required"), I || (i.endTime = "End time is required"), R && I && new Date(R) >= new Date(I) && (i.endTime = "End time must be after start time"), re(i), Object.keys(i).length === 0;
+  }, ae = async (i) => {
+    if (i.preventDefault(), !!ne()) {
+      F(!0);
+      try {
+        const B = {
+          title: d,
+          clientName: S,
+          clientEmail: E,
+          clientPhone: u || void 0,
+          meetingReason: h || void 0,
+          startTime: R,
+          endTime: I,
+          location: H || void 0,
+          description: J || void 0,
+          status: V
+        };
+        a && y ? await y(a.id, B) : b && await b(B), C();
+      } catch (B) {
+        console.error("Failed to save booking:", B);
+      } finally {
+        F(!1);
+      }
+    }
+  }, se = async () => {
+    if (!(!a || !v) && confirm("Are you sure you want to delete this booking?")) {
+      F(!0);
+      try {
+        await v(a.id), C();
+      } catch (i) {
+        console.error("Failed to delete booking:", i);
+      } finally {
+        F(!1);
+      }
+    }
+  }, ie = async () => {
+    if (!(!a || !c)) {
+      F(!0);
+      try {
+        await c(a.id);
+      } catch (i) {
+        console.error("Failed to send confirmation:", i);
+      } finally {
+        F(!1);
+      }
+    }
+  };
+  return /* @__PURE__ */ t.jsx("div", { className: "bc-modal-overlay", onClick: C, children: /* @__PURE__ */ t.jsxs("div", { className: "bc-modal", onClick: (i) => i.stopPropagation(), children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "bc-modal-header", children: [
+      /* @__PURE__ */ t.jsx("h2", { children: a ? "Edit Booking" : "Create Booking" }),
+      /* @__PURE__ */ t.jsx("button", { className: "bc-modal-close", onClick: C, children: "×" })
+    ] }),
+    /* @__PURE__ */ t.jsxs("form", { className: "bc-modal-body", onSubmit: ae, children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+        /* @__PURE__ */ t.jsx("label", { children: "Title *" }),
+        /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            type: "text",
+            value: d,
+            onChange: (i) => l(i.target.value),
+            className: P.title ? "bc-input-error" : ""
+          }
+        ),
+        P.title && /* @__PURE__ */ t.jsx("span", { className: "bc-error-text", children: P.title })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-form-row", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+          /* @__PURE__ */ t.jsx("label", { children: "Client Name *" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "text",
+              value: S,
+              onChange: (i) => f(i.target.value),
+              className: P.clientName ? "bc-input-error" : ""
+            }
+          ),
+          P.clientName && /* @__PURE__ */ t.jsx("span", { className: "bc-error-text", children: P.clientName })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+          /* @__PURE__ */ t.jsx("label", { children: "Client Email *" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "email",
+              value: E,
+              onChange: (i) => g(i.target.value),
+              className: P.clientEmail ? "bc-input-error" : ""
+            }
+          ),
+          P.clientEmail && /* @__PURE__ */ t.jsx("span", { className: "bc-error-text", children: P.clientEmail })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-form-row", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+          /* @__PURE__ */ t.jsx("label", { children: "Client Phone" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "tel",
+              value: u,
+              onChange: (i) => s(i.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+          /* @__PURE__ */ t.jsx("label", { children: "Meeting Reason" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "text",
+              value: h,
+              onChange: (i) => O(i.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-form-row", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+          /* @__PURE__ */ t.jsx("label", { children: "Start Time *" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "datetime-local",
+              value: R,
+              onChange: (i) => w(i.target.value),
+              className: P.startTime ? "bc-input-error" : ""
+            }
+          ),
+          P.startTime && /* @__PURE__ */ t.jsx("span", { className: "bc-error-text", children: P.startTime })
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+          /* @__PURE__ */ t.jsx("label", { children: "End Time *" }),
+          /* @__PURE__ */ t.jsx(
+            "input",
+            {
+              type: "datetime-local",
+              value: I,
+              onChange: (i) => U(i.target.value),
+              className: P.endTime ? "bc-input-error" : ""
+            }
+          ),
+          P.endTime && /* @__PURE__ */ t.jsx("span", { className: "bc-error-text", children: P.endTime })
+        ] })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+        /* @__PURE__ */ t.jsx("label", { children: "Location" }),
+        /* @__PURE__ */ t.jsx(
+          "input",
+          {
+            type: "text",
+            value: H,
+            onChange: (i) => X(i.target.value),
+            placeholder: "Office, Zoom, etc."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+        /* @__PURE__ */ t.jsx("label", { children: "Description" }),
+        /* @__PURE__ */ t.jsx(
+          "textarea",
+          {
+            value: J,
+            onChange: (i) => N(i.target.value),
+            rows: 3
+          }
+        )
+      ] }),
+      a && /* @__PURE__ */ t.jsxs("div", { className: "bc-form-group", children: [
+        /* @__PURE__ */ t.jsx("label", { children: "Status" }),
+        /* @__PURE__ */ t.jsxs(
+          "select",
+          {
+            value: V,
+            onChange: (i) => te(i.target.value),
+            children: [
+              /* @__PURE__ */ t.jsx("option", { value: "Pending", children: "Pending" }),
+              /* @__PURE__ */ t.jsx("option", { value: "Confirmed", children: "Confirmed" }),
+              /* @__PURE__ */ t.jsx("option", { value: "Cancelled", children: "Cancelled" }),
+              /* @__PURE__ */ t.jsx("option", { value: "Completed", children: "Completed" }),
+              /* @__PURE__ */ t.jsx("option", { value: "NoShow", children: "No Show" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t.jsx(ge, { status: V, size: "sm" })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "bc-modal-footer", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-modal-actions-left", children: [
+          a && v && /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              className: "bc-btn bc-btn-danger",
+              onClick: se,
+              disabled: $,
+              children: "Delete"
+            }
+          ),
+          a && c && /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              className: "bc-btn bc-btn-secondary",
+              onClick: ie,
+              disabled: $,
+              children: "Send Confirmation"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "bc-modal-actions-right", children: [
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              className: "bc-btn bc-btn-secondary",
+              onClick: C,
+              disabled: $,
+              children: "Cancel"
+            }
+          ),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "submit",
+              className: "bc-btn bc-btn-primary",
+              disabled: $,
+              children: $ ? "Saving..." : a ? "Update" : "Create"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] }) });
+}
+function It({
+  bookings: a,
+  onCreateBooking: j,
+  onUpdateBooking: C,
+  onDeleteBooking: b,
+  onSendConfirmation: y,
+  initialView: v = "week",
+  initialDate: c = /* @__PURE__ */ new Date(),
+  className: d = ""
+}) {
+  const [l, S] = k(c), [f, E] = k(v), [g, u] = k(
+    null
+  ), [s, h] = k(!1), [O, R] = k(null), w = (N, V) => {
+    R({ start: N, end: V }), u(null), h(!0);
+  }, I = (N) => {
+    u(N), R(null), h(!0);
+  }, U = () => {
+    h(!1), u(null), R(null);
+  }, H = () => {
+    const N = new Date(l);
+    f === "month" ? N.setMonth(N.getMonth() - 1) : f === "week" ? N.setDate(N.getDate() - 7) : N.setDate(N.getDate() - 1), S(N);
+  }, X = () => {
+    const N = new Date(l);
+    f === "month" ? N.setMonth(N.getMonth() + 1) : f === "week" ? N.setDate(N.getDate() + 7) : N.setDate(N.getDate() + 1), S(N);
+  }, J = () => {
+    S(/* @__PURE__ */ new Date());
+  };
+  return /* @__PURE__ */ t.jsxs("div", { className: `booking-calendar ${d}`, children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "booking-calendar-header", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "booking-calendar-nav", children: [
+        /* @__PURE__ */ t.jsx("button", { onClick: H, className: "nav-btn", children: "←" }),
+        /* @__PURE__ */ t.jsx("button", { onClick: J, className: "nav-btn", children: "Today" }),
+        /* @__PURE__ */ t.jsx("button", { onClick: X, className: "nav-btn", children: "→" }),
+        /* @__PURE__ */ t.jsx("h2", { className: "current-date", children: l.toLocaleDateString("en-US", {
+          month: "long",
+          year: "numeric"
+        }) })
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "booking-calendar-view-switcher", children: [
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: () => E("month"),
+            className: f === "month" ? "active" : "",
+            children: "Month"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: () => E("week"),
+            className: f === "week" ? "active" : "",
+            children: "Week"
+          }
+        ),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            onClick: () => E("day"),
+            className: f === "day" ? "active" : "",
+            children: "Day"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ t.jsxs("div", { className: "booking-calendar-body", children: [
+      f === "month" && /* @__PURE__ */ t.jsx(
+        Ot,
+        {
+          currentDate: l,
+          bookings: a,
+          onSlotClick: w,
+          onBookingClick: I
+        }
+      ),
+      f === "week" && /* @__PURE__ */ t.jsx(
+        Pt,
+        {
+          currentDate: l,
+          bookings: a,
+          onSlotClick: w,
+          onBookingClick: I
+        }
+      ),
+      f === "day" && /* @__PURE__ */ t.jsx(
+        Mt,
+        {
+          currentDate: l,
+          bookings: a,
+          onSlotClick: w,
+          onBookingClick: I
+        }
+      )
+    ] }),
+    s && /* @__PURE__ */ t.jsx(
+      $t,
+      {
+        booking: g,
+        initialSlot: O,
+        onClose: U,
+        onCreate: j,
+        onUpdate: C,
+        onDelete: b,
+        onSendConfirmation: y
+      }
+    )
+  ] });
+}
+function Yt({
+  status: a,
+  size: j = "md"
+}) {
+  return /* @__PURE__ */ t.jsx(
+    "span",
+    {
+      className: `bc-delivery-badge bc-delivery-${a.toLowerCase()} bc-badge-${j}`,
+      children: a
+    }
+  );
+}
+function Wt() {
+  return { getWeekDays: (b) => {
+    const y = he(b);
+    return Array.from({ length: 7 }, (v, c) => Ze(y, c));
+  }, getMonthDays: (b) => {
+    const y = Je(b), v = ze(b), c = he(y), d = Ke(v);
+    return Ge({ start: c, end: d });
+  }, getTimeSlots: (b = 30) => {
+    const y = [];
+    for (let v = 0; v < 24; v++)
+      for (let c = 0; c < 60; c += b)
+        y.push({ hour: v, minute: c });
+    return y;
+  } };
+}
+function Bt() {
+  const [a, j] = k({
+    isDragging: !1,
+    draggedEventId: null,
+    startX: 0,
+    startY: 0,
+    currentX: 0,
+    currentY: 0
+  }), C = me((c, d, l) => {
+    j({
+      isDragging: !0,
+      draggedEventId: c,
+      startX: d,
+      startY: l,
+      currentX: d,
+      currentY: l
+    });
+  }, []), b = me((c, d) => {
+    j((l) => ({
+      ...l,
+      currentX: c,
+      currentY: d
+    }));
+  }, []), y = me(() => {
+    j({
+      isDragging: !1,
+      draggedEventId: null,
+      startX: 0,
+      startY: 0,
+      currentX: 0,
+      currentY: 0
+    });
+  }, []), v = me(() => ({
+    x: a.currentX - a.startX,
+    y: a.currentY - a.startY
+  }), [a]);
+  return {
+    dragState: a,
+    handleDragStart: C,
+    handleDragMove: b,
+    handleDragEnd: y,
+    getDragOffset: v
+  };
+}
+export {
+  It as BookingCalendar,
+  $t as BookingModal,
+  ge as BookingStatusBadge,
+  Mt as DayView,
+  Yt as DeliveryStatusBadge,
+  Ot as MonthView,
+  Pt as WeekView,
+  Wt as useCalendarGrid,
+  Bt as useDragInteractions,
+  et as useEventLayout
+};