@lichta/react 2.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Zeforc Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,83 @@
+# @lichta/react
+
+[![npm version](https://img.shields.io/npm/v/@lichta/react.svg)](https://www.npmjs.com/package/@lichta/react)
+
+Component `Calendar` (lịch tháng có ngày âm lịch) cho React, đóng gói trên [`@lichta/core`](https://www.npmjs.com/package/@lichta/core).
+
+## Cài đặt
+
+```bash
+pnpm add @lichta/react
+```
+
+`@lichta/core` được cài kèm tự động (dependency thường), nhưng bạn cần cài `react`/`react-dom` (peer dependency, `>=18.0.0`) nếu dự án chưa có.
+
+## Sử dụng
+
+```tsx
+import { Calendar } from '@lichta/react';
+import '@lichta/core/styles/calendar-base.css';
+import '@lichta/core/styles/calendar-glass.css'; // theme "glass" (tùy chọn)
+
+export default function App() {
+  return (
+    <Calendar
+      theme="glass"
+      locale="vi"
+      onSelect={(date, lunar) => console.log(date, lunar)}
+    />
+  );
+}
+```
+
+> ⚠️ `Calendar` chỉ export class CSS (`lich-ta-calendar`, ...) — bạn **phải tự import** file CSS ở trên (hoặc CSS tương đương của riêng bạn), nếu không lịch sẽ hiển thị không có style.
+
+### Custom render cho mỗi ô ngày
+
+```tsx
+<Calendar
+  renderDay={(cell) => (
+    <div>
+      <span>{cell.solar.getDate()}</span>
+      {cell.isCurrentMonth && <span>{cell.lunar.day}</span>}
+    </div>
+  )}
+/>
+```
+
+`cell` có kiểu `DayCellData`: `{ solar: Date, lunar: LunarDate, isToday: boolean, isSelected: boolean, isCurrentMonth: boolean }`.
+
+## Props
+
+| Prop | Kiểu | Mặc định | Mô tả |
+|---|---|---|---|
+| `month` | `number` | Tháng hiện tại | Tháng hiển thị ban đầu (1–12) |
+| `year` | `number` | Năm hiện tại | Năm hiển thị ban đầu |
+| `showLunar` | `boolean` | `true` | Hiện ngày âm lịch dưới ngày dương |
+| `locale` | `'vi' \| 'en' \| 'ja' \| 'ko'` | `'vi'` | Ngôn ngữ nhãn thứ trong tuần |
+| `theme` | `'classic' \| 'glass'` | `'classic'` | Giao diện lịch |
+| `className` | `string` | `''` | Class CSS bổ sung cho container |
+| `onSelect` | `(date: Date, lunar: LunarDate) => void` | — | Callback khi chọn ngày |
+| `renderDay` | `(cell: DayCellData) => React.ReactNode` | — | Custom render cho mỗi ô ngày |
+| `children` | `React.ReactNode` | — | Nội dung footer tùy chỉnh |
+
+> Lưu ý: `month`/`year` hiện chỉ dùng làm giá trị khởi tạo state nội bộ (uncontrolled) — thay đổi prop sau khi mount chưa tự động cập nhật lại lịch đang hiển thị.
+
+## Theming
+
+```css
+:root {
+  --lichta-primary: #d4a373;
+  --lichta-bg: #fffcf7;
+  --lichta-text: #2c1810;
+  --lichta-today-bg: #d4a373;
+  --lichta-selected-bg: #a0522d;
+  --lichta-lunar-text: #b08968;
+  --lichta-radius: 8px;
+  --lichta-font: 'Inter', sans-serif;
+}
+```
+
+## License
+
+[MIT](./LICENSE)

package/dist/index.d.mts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { LunarDate, Locale } from '@lichta/core';
+
+interface CalendarProps {
+    month?: number;
+    year?: number;
+    onSelect?: (date: Date, lunar: LunarDate) => void;
+    showLunar?: boolean;
+    locale?: Locale;
+    theme?: 'classic' | 'glass';
+    className?: string;
+    children?: React.ReactNode;
+    renderDay?: (cell: DayCellData) => React.ReactNode;
+}
+interface DayCellData {
+    solar: Date;
+    lunar: LunarDate;
+    isToday: boolean;
+    isSelected: boolean;
+    isCurrentMonth: boolean;
+}
+declare const Calendar: React.FC<CalendarProps>;
+
+export { Calendar, type CalendarProps };

package/dist/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { LunarDate, Locale } from '@lichta/core';
+
+interface CalendarProps {
+    month?: number;
+    year?: number;
+    onSelect?: (date: Date, lunar: LunarDate) => void;
+    showLunar?: boolean;
+    locale?: Locale;
+    theme?: 'classic' | 'glass';
+    className?: string;
+    children?: React.ReactNode;
+    renderDay?: (cell: DayCellData) => React.ReactNode;
+}
+interface DayCellData {
+    solar: Date;
+    lunar: LunarDate;
+    isToday: boolean;
+    isSelected: boolean;
+    isCurrentMonth: boolean;
+}
+declare const Calendar: React.FC<CalendarProps>;
+
+export { Calendar, type CalendarProps };

package/dist/index.js

@@ -0,0 +1,210 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  Calendar: () => Calendar
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/Calendar.tsx
+var import_react = __toESM(require("react"));
+var import_core = require("@lichta/core");
+var import_jsx_runtime = require("react/jsx-runtime");
+var monthNames = [
+  "Th\xE1ng 1",
+  "Th\xE1ng 2",
+  "Th\xE1ng 3",
+  "Th\xE1ng 4",
+  "Th\xE1ng 5",
+  "Th\xE1ng 6",
+  "Th\xE1ng 7",
+  "Th\xE1ng 8",
+  "Th\xE1ng 9",
+  "Th\xE1ng 10",
+  "Th\xE1ng 11",
+  "Th\xE1ng 12"
+];
+var weekDayLabelsByLocale = {
+  vi: ["CN", "T2", "T3", "T4", "T5", "T6", "T7"],
+  en: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  ja: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  ko: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
+};
+var Calendar = ({
+  month = (/* @__PURE__ */ new Date()).getMonth() + 1,
+  year = (/* @__PURE__ */ new Date()).getFullYear(),
+  onSelect,
+  showLunar = true,
+  locale = "vi",
+  theme = "classic",
+  className = "",
+  children,
+  renderDay
+}) => {
+  const [currentMonth, setCurrentMonth] = (0, import_react.useState)(month);
+  const [currentYear, setCurrentYear] = (0, import_react.useState)(year);
+  const [selectedDate, setSelectedDate] = (0, import_react.useState)(null);
+  const yearInfo = (0, import_react.useMemo)(() => (0, import_core.getYearDetails)(currentYear), [currentYear]);
+  const weekDayLabels = weekDayLabelsByLocale[locale];
+  const calendarGrid = (0, import_react.useMemo)(() => {
+    const grid = [];
+    const firstDay = new Date(currentYear, currentMonth - 1, 1);
+    const lastDay = new Date(currentYear, currentMonth, 0);
+    const startingDayOfWeek = firstDay.getDay();
+    const daysInMonth = lastDay.getDate();
+    const today = /* @__PURE__ */ new Date();
+    const todayStr = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;
+    let selStr = "";
+    if (selectedDate) {
+      selStr = `${selectedDate.getFullYear()}-${selectedDate.getMonth() + 1}-${selectedDate.getDate()}`;
+    }
+    const prevMonthLastDay = new Date(currentYear, currentMonth - 1, 0).getDate();
+    for (let i = startingDayOfWeek - 1; i >= 0; i--) {
+      const d = prevMonthLastDay - i;
+      const m = currentMonth - 1 < 1 ? 12 : currentMonth - 1;
+      const y = currentMonth - 1 < 1 ? currentYear - 1 : currentYear;
+      const solar = new Date(y, m - 1, d);
+      const lunar = import_core.LichTa.toLunar(d, m, y);
+      const dateStr = `${y}-${m}-${d}`;
+      grid.push({
+        solar,
+        lunar,
+        isToday: dateStr === todayStr,
+        isSelected: dateStr === selStr,
+        isCurrentMonth: false
+      });
+    }
+    for (let d = 1; d <= daysInMonth; d++) {
+      const solar = new Date(currentYear, currentMonth - 1, d);
+      const lunar = import_core.LichTa.toLunar(d, currentMonth, currentYear);
+      const dateStr = `${currentYear}-${currentMonth}-${d}`;
+      grid.push({
+        solar,
+        lunar,
+        isToday: dateStr === todayStr,
+        isSelected: dateStr === selStr,
+        isCurrentMonth: true
+      });
+    }
+    const remaining = 42 - grid.length;
+    for (let d = 1; d <= remaining; d++) {
+      const m = currentMonth + 1 > 12 ? 1 : currentMonth + 1;
+      const y = currentMonth + 1 > 12 ? currentYear + 1 : currentYear;
+      const solar = new Date(y, m - 1, d);
+      const lunar = import_core.LichTa.toLunar(d, m, y);
+      const dateStr = `${y}-${m}-${d}`;
+      grid.push({
+        solar,
+        lunar,
+        isToday: dateStr === todayStr,
+        isSelected: dateStr === selStr,
+        isCurrentMonth: false
+      });
+    }
+    return grid;
+  }, [currentMonth, currentYear, selectedDate]);
+  const prevMonth = () => {
+    if (currentMonth === 1) {
+      setCurrentMonth(12);
+      setCurrentYear((y) => y - 1);
+    } else {
+      setCurrentMonth((m) => m - 1);
+    }
+  };
+  const nextMonth = () => {
+    if (currentMonth === 12) {
+      setCurrentMonth(1);
+      setCurrentYear((y) => y + 1);
+    } else {
+      setCurrentMonth((m) => m + 1);
+    }
+  };
+  const handleDayClick = (cell) => {
+    setSelectedDate(cell.solar);
+    if (onSelect) {
+      onSelect(cell.solar, cell.lunar);
+    }
+  };
+  const handleKeydown = (event, cell) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleDayClick(cell);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: `lich-ta-calendar lichta-theme-${theme} ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lich-ta-calendar-header", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "lich-ta-calendar-nav", onClick: prevMonth, "aria-label": "Th\xE1ng tr\u01B0\u1EDBc", children: "\u25C0" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "lich-ta-calendar-title", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "lich-ta-calendar-month-year", children: [
+          monthNames[currentMonth - 1],
+          ", ",
+          currentYear
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("span", { className: "lich-ta-calendar-canchi", children: [
+          yearInfo.can,
+          " ",
+          yearInfo.chi
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", { className: "lich-ta-calendar-nav", onClick: nextMonth, "aria-label": "Th\xE1ng sau", children: "\u25B6" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lich-ta-calendar-weekdays", children: weekDayLabels.map((label) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lich-ta-calendar-weekday", children: label }, label)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lich-ta-calendar-grid", children: calendarGrid.map((cell, idx) => {
+      if (renderDay) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.default.Fragment, { children: renderDay(cell) }, idx);
+      }
+      let classes = "lich-ta-calendar-day";
+      if (cell.isToday) classes += " is-today";
+      if (cell.isSelected) classes += " is-selected";
+      if (!cell.isCurrentMonth) classes += " is-other-month";
+      if (cell.lunar.day === 1) classes += " is-first-lunar";
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        "button",
+        {
+          className: classes,
+          onClick: () => handleDayClick(cell),
+          onKeyDown: (e) => handleKeydown(e, cell),
+          tabIndex: cell.isCurrentMonth ? 0 : -1,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "solar-day", children: cell.solar.getDate() }),
+            showLunar && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "lunar-day", children: cell.lunar.day === 1 ? `${cell.lunar.day}/${cell.lunar.month}${cell.lunar.isLeap ? "*" : ""}` : cell.lunar.day })
+          ]
+        },
+        idx
+      );
+    }) }),
+    children && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "lich-ta-calendar-footer", children })
+  ] });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Calendar
+});

package/dist/index.mjs

@@ -0,0 +1,173 @@
+// src/Calendar.tsx
+import React, { useState, useMemo } from "react";
+import { LichTa, getYearDetails } from "@lichta/core";
+import { jsx, jsxs } from "react/jsx-runtime";
+var monthNames = [
+  "Th\xE1ng 1",
+  "Th\xE1ng 2",
+  "Th\xE1ng 3",
+  "Th\xE1ng 4",
+  "Th\xE1ng 5",
+  "Th\xE1ng 6",
+  "Th\xE1ng 7",
+  "Th\xE1ng 8",
+  "Th\xE1ng 9",
+  "Th\xE1ng 10",
+  "Th\xE1ng 11",
+  "Th\xE1ng 12"
+];
+var weekDayLabelsByLocale = {
+  vi: ["CN", "T2", "T3", "T4", "T5", "T6", "T7"],
+  en: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  ja: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+  ko: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
+};
+var Calendar = ({
+  month = (/* @__PURE__ */ new Date()).getMonth() + 1,
+  year = (/* @__PURE__ */ new Date()).getFullYear(),
+  onSelect,
+  showLunar = true,
+  locale = "vi",
+  theme = "classic",
+  className = "",
+  children,
+  renderDay
+}) => {
+  const [currentMonth, setCurrentMonth] = useState(month);
+  const [currentYear, setCurrentYear] = useState(year);
+  const [selectedDate, setSelectedDate] = useState(null);
+  const yearInfo = useMemo(() => getYearDetails(currentYear), [currentYear]);
+  const weekDayLabels = weekDayLabelsByLocale[locale];
+  const calendarGrid = useMemo(() => {
+    const grid = [];
+    const firstDay = new Date(currentYear, currentMonth - 1, 1);
+    const lastDay = new Date(currentYear, currentMonth, 0);
+    const startingDayOfWeek = firstDay.getDay();
+    const daysInMonth = lastDay.getDate();
+    const today = /* @__PURE__ */ new Date();
+    const todayStr = `${today.getFullYear()}-${today.getMonth() + 1}-${today.getDate()}`;
+    let selStr = "";
+    if (selectedDate) {
+      selStr = `${selectedDate.getFullYear()}-${selectedDate.getMonth() + 1}-${selectedDate.getDate()}`;
+    }
+    const prevMonthLastDay = new Date(currentYear, currentMonth - 1, 0).getDate();
+    for (let i = startingDayOfWeek - 1; i >= 0; i--) {
+      const d = prevMonthLastDay - i;
+      const m = currentMonth - 1 < 1 ? 12 : currentMonth - 1;
+      const y = currentMonth - 1 < 1 ? currentYear - 1 : currentYear;
+      const solar = new Date(y, m - 1, d);
+      const lunar = LichTa.toLunar(d, m, y);
+      const dateStr = `${y}-${m}-${d}`;
+      grid.push({
+        solar,
+        lunar,
+        isToday: dateStr === todayStr,
+        isSelected: dateStr === selStr,
+        isCurrentMonth: false
+      });
+    }
+    for (let d = 1; d <= daysInMonth; d++) {
+      const solar = new Date(currentYear, currentMonth - 1, d);
+      const lunar = LichTa.toLunar(d, currentMonth, currentYear);
+      const dateStr = `${currentYear}-${currentMonth}-${d}`;
+      grid.push({
+        solar,
+        lunar,
+        isToday: dateStr === todayStr,
+        isSelected: dateStr === selStr,
+        isCurrentMonth: true
+      });
+    }
+    const remaining = 42 - grid.length;
+    for (let d = 1; d <= remaining; d++) {
+      const m = currentMonth + 1 > 12 ? 1 : currentMonth + 1;
+      const y = currentMonth + 1 > 12 ? currentYear + 1 : currentYear;
+      const solar = new Date(y, m - 1, d);
+      const lunar = LichTa.toLunar(d, m, y);
+      const dateStr = `${y}-${m}-${d}`;
+      grid.push({
+        solar,
+        lunar,
+        isToday: dateStr === todayStr,
+        isSelected: dateStr === selStr,
+        isCurrentMonth: false
+      });
+    }
+    return grid;
+  }, [currentMonth, currentYear, selectedDate]);
+  const prevMonth = () => {
+    if (currentMonth === 1) {
+      setCurrentMonth(12);
+      setCurrentYear((y) => y - 1);
+    } else {
+      setCurrentMonth((m) => m - 1);
+    }
+  };
+  const nextMonth = () => {
+    if (currentMonth === 12) {
+      setCurrentMonth(1);
+      setCurrentYear((y) => y + 1);
+    } else {
+      setCurrentMonth((m) => m + 1);
+    }
+  };
+  const handleDayClick = (cell) => {
+    setSelectedDate(cell.solar);
+    if (onSelect) {
+      onSelect(cell.solar, cell.lunar);
+    }
+  };
+  const handleKeydown = (event, cell) => {
+    if (event.key === "Enter" || event.key === " ") {
+      event.preventDefault();
+      handleDayClick(cell);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `lich-ta-calendar lichta-theme-${theme} ${className}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "lich-ta-calendar-header", children: [
+      /* @__PURE__ */ jsx("button", { className: "lich-ta-calendar-nav", onClick: prevMonth, "aria-label": "Th\xE1ng tr\u01B0\u1EDBc", children: "\u25C0" }),
+      /* @__PURE__ */ jsxs("div", { className: "lich-ta-calendar-title", children: [
+        /* @__PURE__ */ jsxs("span", { className: "lich-ta-calendar-month-year", children: [
+          monthNames[currentMonth - 1],
+          ", ",
+          currentYear
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: "lich-ta-calendar-canchi", children: [
+          yearInfo.can,
+          " ",
+          yearInfo.chi
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("button", { className: "lich-ta-calendar-nav", onClick: nextMonth, "aria-label": "Th\xE1ng sau", children: "\u25B6" })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "lich-ta-calendar-weekdays", children: weekDayLabels.map((label) => /* @__PURE__ */ jsx("div", { className: "lich-ta-calendar-weekday", children: label }, label)) }),
+    /* @__PURE__ */ jsx("div", { className: "lich-ta-calendar-grid", children: calendarGrid.map((cell, idx) => {
+      if (renderDay) {
+        return /* @__PURE__ */ jsx(React.Fragment, { children: renderDay(cell) }, idx);
+      }
+      let classes = "lich-ta-calendar-day";
+      if (cell.isToday) classes += " is-today";
+      if (cell.isSelected) classes += " is-selected";
+      if (!cell.isCurrentMonth) classes += " is-other-month";
+      if (cell.lunar.day === 1) classes += " is-first-lunar";
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          className: classes,
+          onClick: () => handleDayClick(cell),
+          onKeyDown: (e) => handleKeydown(e, cell),
+          tabIndex: cell.isCurrentMonth ? 0 : -1,
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "solar-day", children: cell.solar.getDate() }),
+            showLunar && /* @__PURE__ */ jsx("span", { className: "lunar-day", children: cell.lunar.day === 1 ? `${cell.lunar.day}/${cell.lunar.month}${cell.lunar.isLeap ? "*" : ""}` : cell.lunar.day })
+          ]
+        },
+        idx
+      );
+    }) }),
+    children && /* @__PURE__ */ jsx("div", { className: "lich-ta-calendar-footer", children })
+  ] });
+};
+export {
+  Calendar
+};

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@lichta/react",
+  "version": "2.0.0",
+  "description": "React components for LichTa",
+  "author": "Zeforc Labs | Stridev",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@lichta/core": "2.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.18",
+    "@types/react-dom": "^18.3.5",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.3.6",
+    "typescript": "^5.7.3"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint src/**/*.tsx",
+    "clean": "rm -rf dist"
+  }
+}