@innosolutions/inno-calendar 1.0.60 → 1.0.62

package/AGENT.md

@@ -137,10 +137,21 @@ import { useCalendar, type TCalendarView } from '@innosolutions/inno-calendar/co
 import { EventCard } from '@innosolutions/inno-calendar/components';
 // Presets only
 import { DefaultCalendar } from '@innosolutions/inno-calendar/presets';
-// Styles (required for built-in components)
-import '@innosolutions/inno-calendar/styles';
+// Styles (required for built-in components — import in the page/component that renders the calendar)
+import '@innosolutions/inno-calendar/styles.css';
 ```
 
+### TailwindCSS Source Directive (Required)
+
+For Tailwind to scan the package's class names, add a `@source` directive in your **global CSS file** (e.g., `app/style.css` or `globals.css`):
+
+```css
+/* app/style.css (or your global CSS entry point) */
+@source "../../node_modules/@innosolutions/inno-calendar/dist";
+```
+
+> **Why?** TailwindCSS 4+ only scans files under your project source by default. Without this directive, Tailwind will purge the calendar's utility classes and the components will render unstyled. Adjust the relative path based on your CSS file's location relative to `node_modules`.
+
 ---
 
 ## 4. Core Types
@@ -1164,7 +1175,23 @@ import { TailwindCalendar } from '@innosolutions/inno-calendar';
 
 ## 18. CSS & Theming
 
-Styles are in `src/styles/calendar.css` (imported via `@innosolutions/inno-calendar/styles`).
+Styles are in `src/styles/calendar.css` (imported via `@innosolutions/inno-calendar/styles.css`).
+
+### Consumer Setup (Required)
+
+**1. Global CSS — TailwindCSS source directive:**
+
+```css
+/* app/style.css or globals.css */
+@source "../../node_modules/@innosolutions/inno-calendar/dist";
+```
+
+**2. Page/component — style import:**
+
+```tsx
+// In the file where you render <InnoCalendar> (e.g., agenda.tsx)
+import '@innosolutions/inno-calendar/styles.css';
+```
 
 ### CSS Custom Properties
 
@@ -1304,7 +1331,7 @@ const DEFAULT_BUSINESS_HOURS: IVisibleHours = { startHour: 8, endHour: 18 };
 
 ```tsx
 import { InnoCalendar, type CalendarEvent } from '@innosolutions/inno-calendar';
-import '@innosolutions/inno-calendar/styles';
+import '@innosolutions/inno-calendar/styles.css';
 
 const events: CalendarEvent[] = [
   {