kalendly 0.1.0

package/dist/vue/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),N=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],Y=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];function y(n){return new Date(n.getFullYear(),n.getMonth(),n.getDate(),0,0,0)}function b(n,t){return y(n).getTime()===y(t).getTime()}function S(n){return b(n,new Date)}function _(n,t){const a=new Date().getFullYear(),c=n??a-30,i=t??a+10;return Array.from({length:i-c+1},(g,s)=>c+s)}function v(n,t){const a=y(t);return n.filter(c=>y(new Date(c.date)).getTime()===a.getTime())}function P(n,t){return v(n,t).length>0}function V(n,t,a=[],c=0){const i=new Date(n,t,1),s=new Date(n,t+1,0).getDate();let u=i.getDay();c===1&&(u=u===0?6:u-1);const f=[];let p=1;for(let D=0;D<6;D++){const h=[];for(let m=0;m<7;m++)if(D===0&&m<u)h.push(null);else if(p>s)h.push(null);else{const k=new Date(n,t,p),E=v(a,k);h.push({date:k,isCurrentMonth:!0,isToday:S(k),hasEvents:E.length>0,events:E}),p++}if(f.push(h),p>s&&h.every(m=>m===null))break}return f}function T(n){return n===null?"popup-center-bottom":n<3?"popup-right":n>4?"popup-left":"popup-center-bottom"}function w(n){if(!n)return[];const t=[];return n.isToday&&t.push("schedule--current--exam"),n.hasEvents&&t.push("has--event"),t}function x(n){return`${Y[n.getDay()]} ${n.getDate()}`}function F(n,t){return`${N[t]} ${n}`}class ${constructor(t){this.listeners=new Set,this.config=t;const a=t.initialDate||new Date;this.state={currentYear:a.getFullYear(),currentMonth:a.getMonth(),currentDate:a.getDate(),selectedDate:null,selectedDayIndex:null,tasks:[]}}subscribe(t){return this.listeners.add(t),()=>this.listeners.delete(t)}notify(){this.listeners.forEach(t=>t())}getState(){return{...this.state}}getViewModel(){const t=V(this.state.currentYear,this.state.currentMonth,this.config.events,this.config.weekStartsOn);return{...this.state,months:N,days:Y,years:_(this.config.minYear,this.config.maxYear),monthAndYearText:F(this.state.currentYear,this.state.currentMonth),scheduleDay:this.state.selectedDate?x(this.state.selectedDate):"",calendarDates:t,popupPositionClass:T(this.state.selectedDayIndex)}}getActions(){return{next:this.next.bind(this),previous:this.previous.bind(this),jump:this.jump.bind(this),selectDate:this.selectDate.bind(this),updateTasks:this.updateTasks.bind(this)}}next(){this.state.currentMonth===11?(this.state.currentMonth=0,this.state.currentYear++):this.state.currentMonth++,this.state.selectedDate=null,this.state.selectedDayIndex=null,this.updateTasks(),this.notify()}previous(){this.state.currentMonth===0?(this.state.currentMonth=11,this.state.currentYear--):this.state.currentMonth--,this.state.selectedDate=null,this.state.selectedDayIndex=null,this.updateTasks(),this.notify()}jump(t,a){this.state.currentYear=t,this.state.currentMonth=a,this.state.selectedDate=null,this.state.selectedDayIndex=null,this.updateTasks(),this.notify()}selectDate(t,a){this.state.selectedDate=t,this.state.selectedDayIndex=a??null,this.state.currentDate=t.getDate(),this.state.currentMonth=t.getMonth(),this.state.currentYear=t.getFullYear(),this.updateTasks(),this.notify()}updateTasks(){if(!this.state.selectedDate){this.state.tasks=[];return}this.state.tasks=v(this.config.events,this.state.selectedDate)}updateEvents(t){this.config.events=t,this.updateTasks(),this.notify()}handleDateClick(t,a){this.selectDate(t,a)}hasEventsForDate(t){return v(this.config.events,t).length>0}getEventsForDate(t){return v(this.config.events,t)}clearSelection(){this.state.selectedDate=null,this.state.selectedDayIndex=null,this.state.tasks=[],this.notify()}destroy(){this.listeners.clear()}}const j={key:0,class:"page--title"},I={class:"calendar--content"},z={class:"calendar--card"},L={class:"calendar--card--header"},J={class:"calendar--table calendar--table--bordered"},W={class:"schedule--wrapper"},H={class:"schedule--block"},U={class:"schedule--day"},q={key:0,class:"event--wrapper"},K=["onClick"],G={key:1,class:"no-events-message"},Q={class:"calendar--form--jump"},R={class:"calendar--form--jump--item"},X=["value"],Z=["value"],ee={class:"calendar--form--jump--item"},te=["value"],ne=["value"],M=e.defineComponent({__name:"Calendar",props:{class:{default:""},style:{default:()=>({})},title:{default:"Event Schedule"},events:{default:()=>[]},initialDate:{},minYear:{},maxYear:{},weekStartsOn:{default:0},onDateSelect:{},onEventClick:{},onMonthChange:{}},emits:["date-select","event-click","month-change"],setup(n,{emit:t}){const a=n,c=t,i=new $({events:a.events,initialDate:a.initialDate,minYear:a.minYear,maxYear:a.maxYear,weekStartsOn:a.weekStartsOn}),g=e.ref(0),s=e.computed(()=>(g.value,i.getViewModel())),u=i.getActions(),f=r=>r?w(r):"",p=r=>{const o=r.target.closest("td");if(!o)return;const l=o.textContent?.trim();if(!l)return;const d=new Date(s.value.currentYear,s.value.currentMonth,parseInt(l)),C=o.parentNode?Array.from(o.parentNode.children).indexOf(o):0;i.handleDateClick(d,C),c("date-select",d)},D=()=>{u.next(),c("month-change",s.value.currentYear,s.value.currentMonth)},h=()=>{u.previous(),c("month-change",s.value.currentYear,s.value.currentMonth)},m=r=>{const o=r.target,l=parseInt(o.value);u.jump(s.value.currentYear,l),c("month-change",s.value.currentYear,l)},k=r=>{const o=r.target,l=parseInt(o.value);u.jump(l,s.value.currentMonth),c("month-change",l,s.value.currentMonth)},E=()=>{i.clearSelection()};e.watch(()=>a.events,r=>{i.updateEvents(r),g.value++},{deep:!0});let B=null;return e.onMounted(()=>{B=i.subscribe(()=>{g.value++})}),e.onUnmounted(()=>{B?.(),i.destroy()}),(r,o)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["kalendly-calendar",a.class]),style:e.normalizeStyle(a.style)},[n.title||r.$slots.title?(e.openBlock(),e.createElementBlock("div",j,[e.renderSlot(r.$slots,"title",{},()=>[e.createElementVNode("h1",null,e.toDisplayString(n.title),1)])])):e.createCommentVNode("",!0),e.createElementVNode("div",I,[e.createElementVNode("div",z,[e.createElementVNode("h3",L,e.toDisplayString(s.value.monthAndYearText),1),e.createElementVNode("table",J,[e.createElementVNode("thead",null,[e.createElementVNode("tr",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.days,l=>(e.openBlock(),e.createElementBlock("th",{key:l},e.toDisplayString(l.slice(0,3)),1))),128))])]),e.createElementVNode("tbody",{onClick:p},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.calendarDates,(l,d)=>(e.openBlock(),e.createElementBlock("tr",{key:d},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l,(C,A)=>(e.openBlock(),e.createElementBlock("td",{key:`${d}-${A}`,class:e.normalizeClass(f(C))},e.toDisplayString(C?.date.getDate()||""),3))),128))]))),128))])]),s.value.selectedDate?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["date-popup",s.value.popupPositionClass])},[e.createElementVNode("button",{type:"button",class:"popup-close","aria-label":"Close",onClick:E}," ✕ "),e.createElementVNode("div",W,[e.createElementVNode("div",H,[e.createElementVNode("h2",U,e.toDisplayString(s.value.scheduleDay),1)]),s.value.tasks.length>0?(e.openBlock(),e.createElementBlock("div",q,[e.createElementVNode("ul",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.tasks,l=>(e.openBlock(),e.createElementBlock("li",{key:l.id||l.name,class:"event--item",style:{cursor:"pointer"},onClick:d=>c("event-click",l)},[e.renderSlot(r.$slots,"event",{event:l},()=>[e.createTextVNode(e.toDisplayString(l.name),1)])],8,K))),128))])])):(e.openBlock(),e.createElementBlock("div",G,[e.renderSlot(r.$slots,"no-events",{},()=>[o[0]||(o[0]=e.createTextVNode(" No events scheduled for this day. ",-1))])]))])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"calendar--navigation--buttons"},[e.createElementVNode("button",{class:"calendar--navigation--btn",onClick:h}," Previous "),e.createElementVNode("button",{class:"calendar--navigation--btn",onClick:D}," Next ")]),e.createElementVNode("form",Q,[o[1]||(o[1]=e.createElementVNode("div",{class:"calendar--lead"},"Jump To:",-1)),e.createElementVNode("div",null,[e.createElementVNode("label",R,[e.createElementVNode("select",{value:s.value.currentMonth,onChange:m},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.months,(l,d)=>(e.openBlock(),e.createElementBlock("option",{key:d,value:d},e.toDisplayString(l),9,Z))),128))],40,X)])]),e.createElementVNode("div",null,[e.createElementVNode("label",ee,[e.createElementVNode("select",{value:s.value.currentYear,onChange:k},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value.years,l=>(e.openBlock(),e.createElementBlock("option",{key:l,value:l},e.toDisplayString(l),9,ne))),128))],40,te)])])])])])],6))}});function O(n){n.component("Kalendly",M)}const se={install:O,Calendar:M};function ae(n){return M}exports.Calendar=M;exports.CalendarEngine=$;exports.DAYS=Y;exports.MONTHS=N;exports.createCalendar=ae;exports.default=se;exports.formatDateForDisplay=x;exports.generateCalendarDates=V;exports.generateYears=_;exports.getCellClasses=w;exports.getEventsForDate=v;exports.getMonthYearText=F;exports.getPopupPositionClass=T;exports.hasEvents=P;exports.install=O;exports.isSameDay=b;exports.isToday=S;exports.normalizeDate=y;

package/dist/vue/index.mjs

@@ -0,0 +1,439 @@
+import { defineComponent as j, ref as P, computed as V, watch as z, onMounted as J, onUnmounted as W, createElementBlock as l, openBlock as i, normalizeStyle as B, normalizeClass as x, createCommentVNode as F, createElementVNode as r, renderSlot as S, toDisplayString as p, Fragment as D, renderList as y, createTextVNode as N } from "vue";
+const A = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+], I = [
+  "Sunday",
+  "Monday",
+  "Tuesday",
+  "Wednesday",
+  "Thursday",
+  "Friday",
+  "Saturday"
+];
+function w(t) {
+  return new Date(t.getFullYear(), t.getMonth(), t.getDate(), 0, 0, 0);
+}
+function U(t, e) {
+  return w(t).getTime() === w(e).getTime();
+}
+function H(t) {
+  return U(t, /* @__PURE__ */ new Date());
+}
+function K(t, e) {
+  const n = (/* @__PURE__ */ new Date()).getFullYear(), c = t ?? n - 30, h = e ?? n + 10;
+  return Array.from({ length: h - c + 1 }, (k, s) => c + s);
+}
+function Y(t, e) {
+  const n = w(e);
+  return t.filter((c) => w(new Date(c.date)).getTime() === n.getTime());
+}
+function ye(t, e) {
+  return Y(t, e).length > 0;
+}
+function L(t, e, n = [], c = 0) {
+  const h = new Date(t, e, 1), s = new Date(t, e + 1, 0).getDate();
+  let d = h.getDay();
+  c === 1 && (d = d === 0 ? 6 : d - 1);
+  const b = [];
+  let m = 1;
+  for (let C = 0; C < 6; C++) {
+    const f = [];
+    for (let g = 0; g < 7; g++)
+      if (C === 0 && g < d)
+        f.push(null);
+      else if (m > s)
+        f.push(null);
+      else {
+        const M = new Date(t, e, m), _ = Y(n, M);
+        f.push({
+          date: M,
+          isCurrentMonth: !0,
+          isToday: H(M),
+          hasEvents: _.length > 0,
+          events: _
+        }), m++;
+      }
+    if (b.push(f), m > s && f.every((g) => g === null))
+      break;
+  }
+  return b;
+}
+function q(t) {
+  return t === null ? "popup-center-bottom" : t < 3 ? "popup-right" : t > 4 ? "popup-left" : "popup-center-bottom";
+}
+function G(t) {
+  if (!t) return [];
+  const e = [];
+  return t.isToday && e.push("schedule--current--exam"), t.hasEvents && e.push("has--event"), e;
+}
+function Q(t) {
+  return `${I[t.getDay()]} ${t.getDate()}`;
+}
+function R(t, e) {
+  return `${A[e]} ${t}`;
+}
+class X {
+  constructor(e) {
+    this.listeners = /* @__PURE__ */ new Set(), this.config = e;
+    const n = e.initialDate || /* @__PURE__ */ new Date();
+    this.state = {
+      currentYear: n.getFullYear(),
+      currentMonth: n.getMonth(),
+      currentDate: n.getDate(),
+      selectedDate: null,
+      selectedDayIndex: null,
+      tasks: []
+    };
+  }
+  /**
+   * Subscribe to state changes
+   */
+  subscribe(e) {
+    return this.listeners.add(e), () => this.listeners.delete(e);
+  }
+  /**
+   * Notify all listeners of state changes
+   */
+  notify() {
+    this.listeners.forEach((e) => e());
+  }
+  /**
+   * Get current state
+   */
+  getState() {
+    return { ...this.state };
+  }
+  /**
+   * Get view model with computed properties
+   */
+  getViewModel() {
+    const e = L(
+      this.state.currentYear,
+      this.state.currentMonth,
+      this.config.events,
+      this.config.weekStartsOn
+    );
+    return {
+      ...this.state,
+      months: A,
+      days: I,
+      years: K(this.config.minYear, this.config.maxYear),
+      monthAndYearText: R(
+        this.state.currentYear,
+        this.state.currentMonth
+      ),
+      scheduleDay: this.state.selectedDate ? Q(this.state.selectedDate) : "",
+      calendarDates: e,
+      popupPositionClass: q(this.state.selectedDayIndex)
+    };
+  }
+  /**
+   * Get actions object
+   */
+  getActions() {
+    return {
+      next: this.next.bind(this),
+      previous: this.previous.bind(this),
+      jump: this.jump.bind(this),
+      selectDate: this.selectDate.bind(this),
+      updateTasks: this.updateTasks.bind(this)
+    };
+  }
+  /**
+   * Navigate to next month
+   */
+  next() {
+    this.state.currentMonth === 11 ? (this.state.currentMonth = 0, this.state.currentYear++) : this.state.currentMonth++, this.state.selectedDate = null, this.state.selectedDayIndex = null, this.updateTasks(), this.notify();
+  }
+  /**
+   * Navigate to previous month
+   */
+  previous() {
+    this.state.currentMonth === 0 ? (this.state.currentMonth = 11, this.state.currentYear--) : this.state.currentMonth--, this.state.selectedDate = null, this.state.selectedDayIndex = null, this.updateTasks(), this.notify();
+  }
+  /**
+   * Jump to specific month and year
+   */
+  jump(e, n) {
+    this.state.currentYear = e, this.state.currentMonth = n, this.state.selectedDate = null, this.state.selectedDayIndex = null, this.updateTasks(), this.notify();
+  }
+  /**
+   * Select a specific date
+   */
+  selectDate(e, n) {
+    this.state.selectedDate = e, this.state.selectedDayIndex = n ?? null, this.state.currentDate = e.getDate(), this.state.currentMonth = e.getMonth(), this.state.currentYear = e.getFullYear(), this.updateTasks(), this.notify();
+  }
+  /**
+   * Update tasks for the currently selected date
+   */
+  updateTasks() {
+    if (!this.state.selectedDate) {
+      this.state.tasks = [];
+      return;
+    }
+    this.state.tasks = Y(
+      this.config.events,
+      this.state.selectedDate
+    );
+  }
+  /**
+   * Update events configuration
+   */
+  updateEvents(e) {
+    this.config.events = e, this.updateTasks(), this.notify();
+  }
+  /**
+   * Handle date cell click
+   */
+  handleDateClick(e, n) {
+    this.selectDate(e, n);
+  }
+  /**
+   * Check if date has events
+   */
+  hasEventsForDate(e) {
+    return Y(this.config.events, e).length > 0;
+  }
+  /**
+   * Get events for a specific date
+   */
+  getEventsForDate(e) {
+    return Y(this.config.events, e);
+  }
+  /**
+   * Clear selected date
+   */
+  clearSelection() {
+    this.state.selectedDate = null, this.state.selectedDayIndex = null, this.state.tasks = [], this.notify();
+  }
+  /**
+   * Destroy the engine and cleanup listeners
+   */
+  destroy() {
+    this.listeners.clear();
+  }
+}
+const Z = {
+  key: 0,
+  class: "page--title"
+}, ee = { class: "calendar--content" }, te = { class: "calendar--card" }, se = { class: "calendar--card--header" }, ne = { class: "calendar--table calendar--table--bordered" }, ae = { class: "schedule--wrapper" }, re = { class: "schedule--block" }, le = { class: "schedule--day" }, ie = {
+  key: 0,
+  class: "event--wrapper"
+}, oe = ["onClick"], ue = {
+  key: 1,
+  class: "no-events-message"
+}, ce = { class: "calendar--form--jump" }, he = { class: "calendar--form--jump--item" }, de = ["value"], ve = ["value"], pe = { class: "calendar--form--jump--item" }, fe = ["value"], ge = ["value"], E = /* @__PURE__ */ j({
+  __name: "Calendar",
+  props: {
+    class: { default: "" },
+    style: { default: () => ({}) },
+    title: { default: "Event Schedule" },
+    events: { default: () => [] },
+    initialDate: {},
+    minYear: {},
+    maxYear: {},
+    weekStartsOn: { default: 0 },
+    onDateSelect: {},
+    onEventClick: {},
+    onMonthChange: {}
+  },
+  emits: ["date-select", "event-click", "month-change"],
+  setup(t, { emit: e }) {
+    const n = t, c = e, h = new X({
+      events: n.events,
+      initialDate: n.initialDate,
+      minYear: n.minYear,
+      maxYear: n.maxYear,
+      weekStartsOn: n.weekStartsOn
+    }), k = P(0), s = V(() => (k.value, h.getViewModel())), d = h.getActions(), b = (o) => o ? G(o) : "", m = (o) => {
+      const u = o.target.closest("td");
+      if (!u) return;
+      const a = u.textContent?.trim();
+      if (!a) return;
+      const v = new Date(
+        s.value.currentYear,
+        s.value.currentMonth,
+        parseInt(a)
+      ), T = u.parentNode ? Array.from(u.parentNode.children).indexOf(u) : 0;
+      h.handleDateClick(v, T), c("date-select", v);
+    }, C = () => {
+      d.next(), c(
+        "month-change",
+        s.value.currentYear,
+        s.value.currentMonth
+      );
+    }, f = () => {
+      d.previous(), c(
+        "month-change",
+        s.value.currentYear,
+        s.value.currentMonth
+      );
+    }, g = (o) => {
+      const u = o.target, a = parseInt(u.value);
+      d.jump(s.value.currentYear, a), c("month-change", s.value.currentYear, a);
+    }, M = (o) => {
+      const u = o.target, a = parseInt(u.value);
+      d.jump(a, s.value.currentMonth), c("month-change", a, s.value.currentMonth);
+    }, _ = () => {
+      h.clearSelection();
+    };
+    z(
+      () => n.events,
+      (o) => {
+        h.updateEvents(o), k.value++;
+      },
+      { deep: !0 }
+    );
+    let $ = null;
+    return J(() => {
+      $ = h.subscribe(() => {
+        k.value++;
+      });
+    }), W(() => {
+      $?.(), h.destroy();
+    }), (o, u) => (i(), l("div", {
+      class: x(["kalendly-calendar", n.class]),
+      style: B(n.style)
+    }, [
+      t.title || o.$slots.title ? (i(), l("div", Z, [
+        S(o.$slots, "title", {}, () => [
+          r("h1", null, p(t.title), 1)
+        ])
+      ])) : F("", !0),
+      r("div", ee, [
+        r("div", te, [
+          r("h3", se, p(s.value.monthAndYearText), 1),
+          r("table", ne, [
+            r("thead", null, [
+              r("tr", null, [
+                (i(!0), l(D, null, y(s.value.days, (a) => (i(), l("th", { key: a }, p(a.slice(0, 3)), 1))), 128))
+              ])
+            ]),
+            r("tbody", { onClick: m }, [
+              (i(!0), l(D, null, y(s.value.calendarDates, (a, v) => (i(), l("tr", { key: v }, [
+                (i(!0), l(D, null, y(a, (T, O) => (i(), l("td", {
+                  key: `${v}-${O}`,
+                  class: x(b(T))
+                }, p(T?.date.getDate() || ""), 3))), 128))
+              ]))), 128))
+            ])
+          ]),
+          s.value.selectedDate ? (i(), l("div", {
+            key: 0,
+            class: x(["date-popup", s.value.popupPositionClass])
+          }, [
+            r("button", {
+              type: "button",
+              class: "popup-close",
+              "aria-label": "Close",
+              onClick: _
+            }, " ✕ "),
+            r("div", ae, [
+              r("div", re, [
+                r("h2", le, p(s.value.scheduleDay), 1)
+              ]),
+              s.value.tasks.length > 0 ? (i(), l("div", ie, [
+                r("ul", null, [
+                  (i(!0), l(D, null, y(s.value.tasks, (a) => (i(), l("li", {
+                    key: a.id || a.name,
+                    class: "event--item",
+                    style: { cursor: "pointer" },
+                    onClick: (v) => c("event-click", a)
+                  }, [
+                    S(o.$slots, "event", { event: a }, () => [
+                      N(p(a.name), 1)
+                    ])
+                  ], 8, oe))), 128))
+                ])
+              ])) : (i(), l("div", ue, [
+                S(o.$slots, "no-events", {}, () => [
+                  u[0] || (u[0] = N(" No events scheduled for this day. ", -1))
+                ])
+              ]))
+            ])
+          ], 2)) : F("", !0),
+          r("div", { class: "calendar--navigation--buttons" }, [
+            r("button", {
+              class: "calendar--navigation--btn",
+              onClick: f
+            }, " Previous "),
+            r("button", {
+              class: "calendar--navigation--btn",
+              onClick: C
+            }, " Next ")
+          ]),
+          r("form", ce, [
+            u[1] || (u[1] = r("div", { class: "calendar--lead" }, "Jump To:", -1)),
+            r("div", null, [
+              r("label", he, [
+                r("select", {
+                  value: s.value.currentMonth,
+                  onChange: g
+                }, [
+                  (i(!0), l(D, null, y(s.value.months, (a, v) => (i(), l("option", {
+                    key: v,
+                    value: v
+                  }, p(a), 9, ve))), 128))
+                ], 40, de)
+              ])
+            ]),
+            r("div", null, [
+              r("label", pe, [
+                r("select", {
+                  value: s.value.currentYear,
+                  onChange: M
+                }, [
+                  (i(!0), l(D, null, y(s.value.years, (a) => (i(), l("option", {
+                    key: a,
+                    value: a
+                  }, p(a), 9, ge))), 128))
+                ], 40, fe)
+              ])
+            ])
+          ])
+        ])
+      ])
+    ], 6));
+  }
+});
+function me(t) {
+  t.component("Kalendly", E);
+}
+const ke = {
+  install: me,
+  Calendar: E
+};
+function Ce(t) {
+  return E;
+}
+export {
+  E as Calendar,
+  X as CalendarEngine,
+  I as DAYS,
+  A as MONTHS,
+  Ce as createCalendar,
+  ke as default,
+  Q as formatDateForDisplay,
+  L as generateCalendarDates,
+  K as generateYears,
+  G as getCellClasses,
+  Y as getEventsForDate,
+  R as getMonthYearText,
+  q as getPopupPositionClass,
+  ye as hasEvents,
+  me as install,
+  U as isSameDay,
+  H as isToday,
+  w as normalizeDate
+};

package/package.json

@@ -0,0 +1,161 @@
+{
+  "name": "kalendly",
+  "version": "0.1.0",
+  "description": "A kalendly universal calendar scheduler component for React, Vue, and React Native",
+  "keywords": [
+    "calendar",
+    "scheduler",
+    "react",
+    "vue",
+    "react-native",
+    "typescript",
+    "events",
+    "datepicker"
+  ],
+  "author": "Callis Ezenwaka <callisezenwaka@outlook.com>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/callezenwaka/kalendly.git"
+  },
+  "bugs": {
+    "url": "https://github.com/callezenwaka/kalendly/issues"
+  },
+  "homepage": "https://github.com/callezenwaka/kalendly#readme",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "engines": {
+    "node": ">=16.0.0"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./core": {
+      "types": "./dist/core/index.d.ts",
+      "import": "./dist/core/index.mjs",
+      "require": "./dist/core/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.mjs",
+      "require": "./dist/react/index.cjs"
+    },
+    "./vue": {
+      "types": "./dist/vue/index.d.ts",
+      "import": "./dist/vue/index.mjs",
+      "require": "./dist/vue/index.cjs"
+    },
+    "./react-native": {
+      "types": "./dist/react-native/index.d.ts",
+      "import": "./dist/react-native/index.mjs",
+      "require": "./dist/react-native/index.cjs"
+    },
+    "./vanilla": {
+      "types": "./dist/vanilla/index.d.ts",
+      "import": "./dist/vanilla/index.mjs",
+      "require": "./dist/vanilla/index.cjs"
+    },
+    "./styles": "./dist/styles/calendar.css"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "scripts": {
+    "build": "npm run build:tsup && npm run build:vue && npm run copy:styles",
+    "build:tsup": "tsup",
+    "build:vue": "vite build",
+    "copy:styles": "mkdir -p dist/styles && cp src/styles/calendar.css dist/styles/",
+    "dev": "tsup --watch",
+    "dev:examples": "vite --config vite.examples.config.ts",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "test:coverage": "vitest run --coverage",
+    "test:watch": "vitest --watch",
+    "test:package": "node tests/integration/package-validation.test.mjs",
+    "test:manual": "echo 'Open tests/manual/*.html in browser' && npx serve . -p 8080",
+    "lint": "eslint src",
+    "lint:fix": "eslint src --fix",
+    "format": "prettier --write \"src/**/*.{ts,tsx,vue,js,jsx,json,css,md}\"",
+    "format:check": "prettier --check \"src/**/*.{ts,tsx,vue,js,jsx,json,css,md}\"",
+    "type-check": "tsc --noEmit",
+    "prepare": "husky",
+    "prepublishOnly": "npm run test && npm run build",
+    "prepack": "npm run test:package"
+  },
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0",
+    "react-native": "^0.76.0",
+    "vue": ">=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    },
+    "vue": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
+  },
+  "lint-staged": {
+    "*.{ts,tsx,vue,js,jsx,json,css,md}": [
+      "prettier --write"
+    ],
+    "*.{ts,tsx,vue}": [
+      "eslint --fix",
+      "vitest related --run",
+      "bash -c 'tsc --noEmit'"
+    ]
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.18.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/vue": "^8.1.0",
+    "@types/node": "^20.6.0",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
+    "@typescript-eslint/eslint-plugin": "^8.19.1",
+    "@typescript-eslint/parser": "^8.19.1",
+    "@vitejs/plugin-react": "^5.1.2",
+    "@vitejs/plugin-vue": "^6.0.2",
+    "@vitest/coverage-v8": "^4.0.16",
+    "@vitest/ui": "^4.0.16",
+    "@vue/compiler-sfc": "^3.5.25",
+    "@vue/eslint-config-typescript": "^14.1.3",
+    "esbuild-plugin-vue-next": "^0.1.4",
+    "eslint": "^9.18.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.1.0",
+    "eslint-plugin-vue": "^9.17.0",
+    "globals": "^15.14.0",
+    "eslint-config-prettier": "^9.1.0",
+    "husky": "^9.1.7",
+    "jsdom": "^27.4.0",
+    "lint-staged": "^16.2.7",
+    "prettier": "^3.4.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-native": "^0.76.0",
+    "tsup": "^8.5.1",
+    "typescript": "^5.2.2",
+    "vite": "^7.2.6",
+    "vite-plugin-dts": "^4.5.4",
+    "vitest": "^4.0.16",
+    "vue": "^3.3.4"
+  }
+}