asterui 0.12.61 → 0.12.63

package/dist/components/MonthCalendar.js

@@ -1,6 +1,6 @@
-import { jsxs as h, jsx as l } from "react/jsx-runtime";
-import { forwardRef as H, useState as Y } from "react";
-const A = {
+import { jsxs as p, jsx as c } from "react/jsx-runtime";
+import { forwardRef as J, useState as L } from "react";
+const q = {
   locale: "en",
   daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
   monthsLong: [
@@ -18,179 +18,186 @@ const A = {
     "December"
   ],
   moreText: "more"
-}, M = (t) => C(t, /* @__PURE__ */ new Date()), C = (t, e) => {
-  const n = new Date(t), r = new Date(e);
-  return n.setHours(0, 0, 0, 0), r.setHours(0, 0, 0, 0), r.getTime() === n.getTime();
-}, J = (t) => {
-  const e = /* @__PURE__ */ new Date(), n = new Date(t);
-  return e.setHours(0, 0, 0, 0), n.setHours(0, 0, 0, 0), n > e;
-}, L = (t) => {
-  const e = /* @__PURE__ */ new Date(), n = new Date(t);
-  return e.setHours(0, 0, 0, 0), n.setHours(0, 0, 0, 0), n < e;
-}, I = (t, e) => t.filter(
-  (n) => n.date.getDate() === e.getDate() && n.date.getMonth() === e.getMonth() && n.date.getFullYear() === e.getFullYear()
-), $ = (t, e) => new Date(t, e + 1, 0).getDate(), q = (t, e) => new Date(t, e, 1).getDay(), z = (t, e) => {
-  const n = $(t, e), r = q(t, e), p = [];
-  if (r > 0) {
-    const o = e === 0 ? 11 : e - 1, a = e === 0 ? t - 1 : t, i = $(a, o);
-    for (let g = 0; g < r; g++) {
-      const x = i - r + g + 1;
-      p.push({
+}, $ = (t) => k(t, /* @__PURE__ */ new Date()), k = (t, e) => {
+  const s = new Date(t), o = new Date(e);
+  return s.setHours(0, 0, 0, 0), o.setHours(0, 0, 0, 0), o.getTime() === s.getTime();
+}, z = (t) => {
+  const e = /* @__PURE__ */ new Date(), s = new Date(t);
+  return e.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), s > e;
+}, G = (t) => {
+  const e = /* @__PURE__ */ new Date(), s = new Date(t);
+  return e.setHours(0, 0, 0, 0), s.setHours(0, 0, 0, 0), s < e;
+}, K = (t, e) => t.filter(
+  (s) => s.date.getDate() === e.getDate() && s.date.getMonth() === e.getMonth() && s.date.getFullYear() === e.getFullYear()
+), T = (t, e) => new Date(t, e + 1, 0).getDate(), R = (t, e) => new Date(t, e, 1).getDay(), W = (t, e) => {
+  const s = T(t, e), o = R(t, e), f = [];
+  if (o > 0) {
+    const r = e === 0 ? 11 : e - 1, a = e === 0 ? t - 1 : t, d = T(a, r);
+    for (let u = 0; u < o; u++) {
+      const x = d - o + u + 1;
+      f.push({
         day: x,
-        month: o,
+        month: r,
         year: a,
         isCurrentMonth: !1,
-        date: new Date(a, o, x)
+        date: new Date(a, r, x)
       });
     }
   }
-  const d = [];
-  for (let o = 1; o <= n; o++)
-    d.push({
-      day: o,
+  const h = [];
+  for (let r = 1; r <= s; r++)
+    h.push({
+      day: r,
       month: e,
       year: t,
       isCurrentMonth: !0,
-      date: new Date(t, e, o)
+      date: new Date(t, e, r)
     });
-  const m = [], u = 42 - (p.length + d.length);
-  if (u > 0) {
-    const o = e === 11 ? 0 : e + 1, a = e === 11 ? t + 1 : t;
-    for (let i = 1; i <= u; i++)
+  const m = [], g = 42 - (f.length + h.length);
+  if (g > 0) {
+    const r = e === 11 ? 0 : e + 1, a = e === 11 ? t + 1 : t;
+    for (let d = 1; d <= g; d++)
       m.push({
-        day: i,
-        month: o,
+        day: d,
+        month: r,
         year: a,
         isCurrentMonth: !1,
-        date: new Date(a, o, i)
+        date: new Date(a, r, d)
       });
   }
-  return [...p, ...d, ...m];
-}, G = H(
+  return [...f, ...h, ...m];
+}, B = J(
   ({
     date: t = /* @__PURE__ */ new Date(),
     events: e = [],
-    maxEventsPerDay: n = 5,
-    onEventClick: r,
-    onDayClick: p,
-    onMoreEventsClick: d,
+    maxEventsPerDay: s = 5,
+    onEventClick: o,
+    onDayClick: f,
+    onMoreEventsClick: h,
     header: m,
-    daySelector: D,
-    locale: u = A,
-    ellipsis: o,
+    daySelector: M,
+    locale: g = q,
+    ellipsis: r,
     allowPastInteraction: a = !1,
-    className: i = "",
-    ...g
-  }, x) => {
-    const [v, T] = Y(/* @__PURE__ */ new Date()), w = t.getFullYear(), N = t.getMonth();
-    return /* @__PURE__ */ h(
+    className: d = "",
+    "data-testid": u,
+    ...x
+  }, F) => {
+    const [S, H] = L(/* @__PURE__ */ new Date()), N = t.getFullYear(), v = t.getMonth(), l = (n) => u ? `${u}-${n}` : void 0;
+    return /* @__PURE__ */ p(
       "div",
       {
-        ref: x,
-        className: `flex h-full w-full flex-col bg-base-100 ${i}`,
-        ...g,
+        ref: F,
+        className: `flex h-full w-full flex-col bg-base-100 ${d}`,
+        "data-testid": u,
+        ...x,
         children: [
-          m && /* @__PURE__ */ l("div", { className: "mb-4 flex items-center justify-between", children: /* @__PURE__ */ l("div", { children: /* @__PURE__ */ h("h2", { className: "m-0 text-lg font-medium text-base-content", children: [
-            u.monthsLong[N],
+          m && /* @__PURE__ */ c("div", { className: "mb-4 flex items-center justify-between", "data-testid": l("header"), children: /* @__PURE__ */ c("div", { children: /* @__PURE__ */ p("h2", { className: "m-0 text-lg font-medium text-base-content", children: [
+            g.monthsLong[v],
             " ",
-            w
+            N
           ] }) }) }),
-          /* @__PURE__ */ l("div", { className: "grid grid-cols-7 border-b border-base-300", children: u.daysShort.map((s, b) => /* @__PURE__ */ l(
+          /* @__PURE__ */ c("div", { className: "grid grid-cols-7 border-b border-base-300", "data-testid": l("weekday-header"), children: g.daysShort.map((n, D) => /* @__PURE__ */ c(
             "div",
             {
               className: "py-1 text-center text-xs font-medium uppercase text-base-content/60",
-              children: s
+              "data-testid": l(`weekday-${D}`),
+              children: n
             },
-            b
+            D
           )) }),
-          /* @__PURE__ */ l("div", { className: "grid flex-1 grid-cols-7 grid-rows-6 border-l border-base-300", children: z(w, N).map((s, b) => {
-            const f = I(e, s.date), y = L(s.date) && !M(s.date), F = D && C(s.date, v);
-            return /* @__PURE__ */ h(
+          /* @__PURE__ */ c("div", { className: "grid flex-1 grid-cols-7 grid-rows-6 border-l border-base-300", "data-testid": l("grid"), children: W(N, v).map((n, D) => {
+            const y = K(e, n.date), b = G(n.date) && !$(n.date), Y = M && k(n.date, S), w = `${n.year}-${n.month + 1}-${n.day}`;
+            return /* @__PURE__ */ p(
               "div",
               {
                 className: `
                   relative cursor-pointer overflow-hidden border-b border-r border-base-300 p-1
                   hover:bg-base-200
-                  ${s.isCurrentMonth ? "" : "bg-base-200"}
-                  ${M(s.date) ? "bg-primary/10" : ""}
-                  ${y ? "opacity-60" : ""}
-                  ${y && !a ? "cursor-not-allowed" : ""}
-                  ${F ? "z-10 outline outline-2 outline-primary" : ""}
+                  ${n.isCurrentMonth ? "" : "bg-base-200"}
+                  ${$(n.date) ? "bg-primary/10" : ""}
+                  ${b ? "opacity-60" : ""}
+                  ${b && !a ? "cursor-not-allowed" : ""}
+                  ${Y ? "z-10 outline outline-2 outline-primary" : ""}
                 `,
+                "data-testid": l(`day-${w}`),
                 onClick: () => {
-                  y && !a || (D && T(s.date), setTimeout(() => {
-                    p?.(s.date);
+                  b && !a || (M && H(n.date), setTimeout(() => {
+                    f?.(n.date);
                   }, 0));
                 },
                 children: [
-                  /* @__PURE__ */ l("div", { className: "mb-0.5 flex justify-center", children: /* @__PURE__ */ l(
+                  /* @__PURE__ */ c("div", { className: "mb-0.5 flex justify-center", children: /* @__PURE__ */ c(
                     "span",
                     {
                       className: `
                       flex items-center justify-center text-xs leading-none
-                      ${M(s.date) ? "font-bold text-primary" : "text-base-content"}
-                      ${s.isCurrentMonth ? "" : "text-base-content/40"}
-                      ${y && s.isCurrentMonth ? "text-base-content/40" : ""}
+                      ${$(n.date) ? "font-bold text-primary" : "text-base-content"}
+                      ${n.isCurrentMonth ? "" : "text-base-content/40"}
+                      ${b && n.isCurrentMonth ? "text-base-content/40" : ""}
                     `,
-                      children: s.day
+                      "data-testid": l(`day-number-${w}`),
+                      children: n.day
                     }
                   ) }),
-                  /* @__PURE__ */ h("div", { className: "flex flex-col", children: [
-                    f.slice(
+                  /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
+                    y.slice(
                       0,
-                      f.length > n ? n - 1 : n
-                    ).map((c, k) => /* @__PURE__ */ h(
+                      y.length > s ? s - 1 : s
+                    ).map((i, C) => /* @__PURE__ */ p(
                       "div",
                       {
                         className: `
                           flex cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none
                           transition-colors hover:bg-base-content/5
-                          ${J(c.date), "text-base-content"}
-                          ${c.strikethrough ? "line-through" : ""}
+                          ${z(i.date), "text-base-content"}
+                          ${i.strikethrough ? "line-through" : ""}
                         `,
-                        style: c.style,
-                        onClick: (S) => {
-                          S.stopPropagation(), r && r(c);
+                        style: i.style,
+                        "data-testid": l(`event-${w}-${C}`),
+                        onClick: (A) => {
+                          A.stopPropagation(), o && o(i);
                         },
-                        title: c.title,
+                        title: i.title,
                         children: [
-                          /* @__PURE__ */ l(
+                          /* @__PURE__ */ c(
                             "span",
                             {
                               className: "mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full",
-                              style: { backgroundColor: c.color }
+                              style: { backgroundColor: i.color }
                             }
                           ),
-                          /* @__PURE__ */ l(
+                          /* @__PURE__ */ c(
                             "span",
                             {
-                              className: `overflow-hidden whitespace-nowrap ${o ? "text-ellipsis" : ""}`,
-                              children: c.title
+                              className: `overflow-hidden whitespace-nowrap ${r ? "text-ellipsis" : ""}`,
+                              children: i.title
                             }
                           )
                         ]
                       },
-                      k
+                      C
                     )),
-                    f.length > n && /* @__PURE__ */ h(
+                    y.length > s && /* @__PURE__ */ p(
                       "div",
                       {
                         className: "cursor-pointer rounded px-1 py-0.5 text-[11px] text-base-content/60 hover:bg-base-content/5",
-                        onClick: (c) => {
-                          c.stopPropagation(), d && d(s.date, f);
+                        "data-testid": l(`more-${w}`),
+                        onClick: (i) => {
+                          i.stopPropagation(), h && h(n.date, y);
                         },
                         children: [
                           "+",
-                          f.length - n + 1,
+                          y.length - s + 1,
                           " ",
-                          u.moreText
+                          g.moreText
                         ]
                       }
                     )
                   ] })
                 ]
               },
-              b
+              D
             );
           }) })
         ]
@@ -198,8 +205,8 @@ const A = {
     );
   }
 );
-G.displayName = "MonthCalendar";
+B.displayName = "MonthCalendar";
 export {
-  G as MonthCalendar
+  B as MonthCalendar
 };
 //# sourceMappingURL=MonthCalendar.js.map

package/dist/components/MonthCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"MonthCalendar.js","sources":["../../src/components/MonthCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types\nexport type CalendarEvent = {\n  date: Date\n  title: string\n  color: string\n  strikethrough?: boolean\n  style?: React.CSSProperties\n}\n\nexport type CalendarLocale = {\n  locale: string\n  daysShort: string[]\n  monthsLong: string[]\n  moreText: string\n  formatTime?: (date: Date) => string\n}\n\n// Default English locale\nconst defaultLocale: CalendarLocale = {\n  locale: 'en',\n  daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthsLong: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  moreText: 'more',\n}\n\n// Utility functions\nconst isToday = (date: Date) => isEqual(date, new Date())\n\nconst isEqual = (a: Date, b: Date) => {\n  const acopy = new Date(a)\n  const bcopy = new Date(b)\n  acopy.setHours(0, 0, 0, 0)\n  bcopy.setHours(0, 0, 0, 0)\n  return bcopy.getTime() === acopy.getTime()\n}\n\nconst isFutureDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate > today\n}\n\nconst isPastDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate < today\n}\n\nconst getEventsForDate = <T extends CalendarEvent>(events: T[], date: Date) => {\n  return events.filter(\n    (event) =>\n      event.date.getDate() === date.getDate() &&\n      event.date.getMonth() === date.getMonth() &&\n      event.date.getFullYear() === date.getFullYear()\n  )\n}\n\nconst getDaysInMonth = (year: number, month: number) => {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nconst getFirstDayOfMonth = (year: number, month: number) => {\n  return new Date(year, month, 1).getDay()\n}\n\nconst generateCalendarGrid = (year: number, month: number) => {\n  const daysInMonth = getDaysInMonth(year, month)\n  const firstDayOfMonth = getFirstDayOfMonth(year, month)\n\n  const prevMonthDays = []\n\n  if (firstDayOfMonth > 0) {\n    const prevMonth = month === 0 ? 11 : month - 1\n    const prevMonthYear = month === 0 ? year - 1 : year\n    const daysInPrevMonth = getDaysInMonth(prevMonthYear, prevMonth)\n\n    for (let i = 0; i < firstDayOfMonth; i++) {\n      const day = daysInPrevMonth - firstDayOfMonth + i + 1\n      prevMonthDays.push({\n        day,\n        month: prevMonth,\n        year: prevMonthYear,\n        isCurrentMonth: false,\n        date: new Date(prevMonthYear, prevMonth, day),\n      })\n    }\n  }\n\n  const currentMonthDays = []\n\n  for (let day = 1; day <= daysInMonth; day++) {\n    currentMonthDays.push({\n      day,\n      month,\n      year,\n      isCurrentMonth: true,\n      date: new Date(year, month, day),\n    })\n  }\n\n  const nextMonthDays = []\n  const totalDaysDisplayed = prevMonthDays.length + currentMonthDays.length\n  const daysToAdd = 6 * 7 - totalDaysDisplayed\n\n  if (daysToAdd > 0) {\n    const nextMonth = month === 11 ? 0 : month + 1\n    const nextMonthYear = month === 11 ? year + 1 : year\n\n    for (let day = 1; day <= daysToAdd; day++) {\n      nextMonthDays.push({\n        day,\n        month: nextMonth,\n        year: nextMonthYear,\n        isCurrentMonth: false,\n        date: new Date(nextMonthYear, nextMonth, day),\n      })\n    }\n  }\n\n  return [...prevMonthDays, ...currentMonthDays, ...nextMonthDays]\n}\n\nexport interface MonthCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  date?: Date\n  events?: T[]\n  onEventClick?: (event: T) => void\n  onDayClick?: (date: Date) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  maxEventsPerDay?: number\n  onMoreEventsClick?: (date: Date, events: T[]) => void\n  header?: boolean\n  daySelector?: boolean\n  ellipsis?: boolean\n}\n\nexport const MonthCalendar = forwardRef<HTMLDivElement, MonthCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      maxEventsPerDay = 5,\n      onEventClick,\n      onDayClick,\n      onMoreEventsClick,\n      header,\n      daySelector,\n      locale = defaultLocale,\n      ellipsis,\n      allowPastInteraction = false,\n      className = '',\n      ...rest\n    }: MonthCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [selectedDate, setSelectedDate] = useState(new Date())\n\n    const year = date.getFullYear()\n    const month = date.getMonth()\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full w-full flex-col bg-base-100 ${className}`}\n        {...rest}\n      >\n        {header && (\n          <div className=\"mb-4 flex items-center justify-between\">\n            <div>\n              <h2 className=\"m-0 text-lg font-medium text-base-content\">\n                {locale.monthsLong[month]} {year}\n              </h2>\n            </div>\n          </div>\n        )}\n\n        {/* Weekday header */}\n        <div className=\"grid grid-cols-7 border-b border-base-300\">\n          {locale.daysShort.map((day, index) => (\n            <div\n              key={index}\n              className=\"py-1 text-center text-xs font-medium uppercase text-base-content/60\"\n            >\n              {day}\n            </div>\n          ))}\n        </div>\n\n        {/* Calendar grid */}\n        <div className=\"grid flex-1 grid-cols-7 grid-rows-6 border-l border-base-300\">\n          {generateCalendarGrid(year, month).map((dateObj, index) => {\n            const dateEvents = getEventsForDate(events as T[], dateObj.date)\n            const isPast = isPastDate(dateObj.date) && !isToday(dateObj.date)\n            const isSelected = daySelector && isEqual(dateObj.date, selectedDate)\n\n            return (\n              <div\n                key={index}\n                className={`\n                  relative cursor-pointer overflow-hidden border-b border-r border-base-300 p-1\n                  hover:bg-base-200\n                  ${!dateObj.isCurrentMonth ? 'bg-base-200' : ''}\n                  ${isToday(dateObj.date) ? 'bg-primary/10' : ''}\n                  ${isPast ? 'opacity-60' : ''}\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                  ${isSelected ? 'z-10 outline outline-2 outline-primary' : ''}\n                `}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n\n                  if (daySelector) {\n                    setSelectedDate(dateObj.date)\n                  }\n\n                  setTimeout(() => {\n                    onDayClick?.(dateObj.date)\n                  }, 0)\n                }}\n              >\n                {/* Date number */}\n                <div className=\"mb-0.5 flex justify-center\">\n                  <span\n                    className={`\n                      flex items-center justify-center text-xs leading-none\n                      ${isToday(dateObj.date) ? 'font-bold text-primary' : 'text-base-content'}\n                      ${!dateObj.isCurrentMonth ? 'text-base-content/40' : ''}\n                      ${isPast && dateObj.isCurrentMonth ? 'text-base-content/40' : ''}\n                    `}\n                  >\n                    {dateObj.day}\n                  </span>\n                </div>\n\n                {/* Events container */}\n                <div className=\"flex flex-col\">\n                  {dateEvents\n                    .slice(\n                      0,\n                      dateEvents.length > maxEventsPerDay\n                        ? maxEventsPerDay - 1\n                        : maxEventsPerDay\n                    )\n                    .map((event, eventIndex) => (\n                      <div\n                        key={eventIndex}\n                        className={`\n                          flex cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          transition-colors hover:bg-base-content/5\n                          ${isFutureDate(event.date) ? 'text-base-content' : 'text-base-content'}\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          if (onEventClick) {\n                            onEventClick(event)\n                          }\n                        }}\n                        title={event.title}\n                      >\n                        <span\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color }}\n                        />\n                        <span\n                          className={`overflow-hidden whitespace-nowrap ${ellipsis ? 'text-ellipsis' : ''}`}\n                        >\n                          {event.title}\n                        </span>\n                      </div>\n                    ))}\n                  {dateEvents.length > maxEventsPerDay && (\n                    <div\n                      className=\"cursor-pointer rounded px-1 py-0.5 text-[11px] text-base-content/60 hover:bg-base-content/5\"\n                      onClick={(e) => {\n                        e.stopPropagation()\n                        if (onMoreEventsClick) {\n                          onMoreEventsClick(dateObj.date, dateEvents)\n                        }\n                      }}\n                    >\n                      +{dateEvents.length - maxEventsPerDay + 1} {locale.moreText}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: MonthCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(MonthCalendar as React.FC).displayName = 'MonthCalendar'\n"],"names":["defaultLocale","isToday","date","isEqual","a","b","acopy","bcopy","isFutureDate","today","checkDate","isPastDate","getEventsForDate","events","event","getDaysInMonth","year","month","getFirstDayOfMonth","generateCalendarGrid","daysInMonth","firstDayOfMonth","prevMonthDays","prevMonth","prevMonthYear","daysInPrevMonth","i","day","currentMonthDays","nextMonthDays","daysToAdd","nextMonth","nextMonthYear","MonthCalendar","forwardRef","maxEventsPerDay","onEventClick","onDayClick","onMoreEventsClick","header","daySelector","locale","ellipsis","allowPastInteraction","className","rest","ref","selectedDate","setSelectedDate","useState","jsxs","jsx","index","dateObj","dateEvents","isPast","isSelected","eventIndex","e"],"mappings":"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"}
+{"version":3,"file":"MonthCalendar.js","sources":["../../src/components/MonthCalendar.tsx"],"sourcesContent":["import React, { useState, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types\nexport type CalendarEvent = {\n  date: Date\n  title: string\n  color: string\n  strikethrough?: boolean\n  style?: React.CSSProperties\n}\n\nexport type CalendarLocale = {\n  locale: string\n  daysShort: string[]\n  monthsLong: string[]\n  moreText: string\n  formatTime?: (date: Date) => string\n}\n\n// Default English locale\nconst defaultLocale: CalendarLocale = {\n  locale: 'en',\n  daysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\n  monthsLong: [\n    'January',\n    'February',\n    'March',\n    'April',\n    'May',\n    'June',\n    'July',\n    'August',\n    'September',\n    'October',\n    'November',\n    'December',\n  ],\n  moreText: 'more',\n}\n\n// Utility functions\nconst isToday = (date: Date) => isEqual(date, new Date())\n\nconst isEqual = (a: Date, b: Date) => {\n  const acopy = new Date(a)\n  const bcopy = new Date(b)\n  acopy.setHours(0, 0, 0, 0)\n  bcopy.setHours(0, 0, 0, 0)\n  return bcopy.getTime() === acopy.getTime()\n}\n\nconst isFutureDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate > today\n}\n\nconst isPastDate = (date: Date) => {\n  const today = new Date()\n  const checkDate = new Date(date)\n  today.setHours(0, 0, 0, 0)\n  checkDate.setHours(0, 0, 0, 0)\n  return checkDate < today\n}\n\nconst getEventsForDate = <T extends CalendarEvent>(events: T[], date: Date) => {\n  return events.filter(\n    (event) =>\n      event.date.getDate() === date.getDate() &&\n      event.date.getMonth() === date.getMonth() &&\n      event.date.getFullYear() === date.getFullYear()\n  )\n}\n\nconst getDaysInMonth = (year: number, month: number) => {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nconst getFirstDayOfMonth = (year: number, month: number) => {\n  return new Date(year, month, 1).getDay()\n}\n\nconst generateCalendarGrid = (year: number, month: number) => {\n  const daysInMonth = getDaysInMonth(year, month)\n  const firstDayOfMonth = getFirstDayOfMonth(year, month)\n\n  const prevMonthDays = []\n\n  if (firstDayOfMonth > 0) {\n    const prevMonth = month === 0 ? 11 : month - 1\n    const prevMonthYear = month === 0 ? year - 1 : year\n    const daysInPrevMonth = getDaysInMonth(prevMonthYear, prevMonth)\n\n    for (let i = 0; i < firstDayOfMonth; i++) {\n      const day = daysInPrevMonth - firstDayOfMonth + i + 1\n      prevMonthDays.push({\n        day,\n        month: prevMonth,\n        year: prevMonthYear,\n        isCurrentMonth: false,\n        date: new Date(prevMonthYear, prevMonth, day),\n      })\n    }\n  }\n\n  const currentMonthDays = []\n\n  for (let day = 1; day <= daysInMonth; day++) {\n    currentMonthDays.push({\n      day,\n      month,\n      year,\n      isCurrentMonth: true,\n      date: new Date(year, month, day),\n    })\n  }\n\n  const nextMonthDays = []\n  const totalDaysDisplayed = prevMonthDays.length + currentMonthDays.length\n  const daysToAdd = 6 * 7 - totalDaysDisplayed\n\n  if (daysToAdd > 0) {\n    const nextMonth = month === 11 ? 0 : month + 1\n    const nextMonthYear = month === 11 ? year + 1 : year\n\n    for (let day = 1; day <= daysToAdd; day++) {\n      nextMonthDays.push({\n        day,\n        month: nextMonth,\n        year: nextMonthYear,\n        isCurrentMonth: false,\n        date: new Date(nextMonthYear, nextMonth, day),\n      })\n    }\n  }\n\n  return [...prevMonthDays, ...currentMonthDays, ...nextMonthDays]\n}\n\nexport interface MonthCalendarProps<T extends CalendarEvent = CalendarEvent>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  date?: Date\n  events?: T[]\n  onEventClick?: (event: T) => void\n  onDayClick?: (date: Date) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  maxEventsPerDay?: number\n  onMoreEventsClick?: (date: Date, events: T[]) => void\n  header?: boolean\n  daySelector?: boolean\n  ellipsis?: boolean\n  'data-testid'?: string\n}\n\nexport const MonthCalendar = forwardRef<HTMLDivElement, MonthCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      maxEventsPerDay = 5,\n      onEventClick,\n      onDayClick,\n      onMoreEventsClick,\n      header,\n      daySelector,\n      locale = defaultLocale,\n      ellipsis,\n      allowPastInteraction = false,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    }: MonthCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [selectedDate, setSelectedDate] = useState(new Date())\n\n    const year = date.getFullYear()\n    const month = date.getMonth()\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full w-full flex-col bg-base-100 ${className}`}\n        data-testid={testId}\n        {...rest}\n      >\n        {header && (\n          <div className=\"mb-4 flex items-center justify-between\" data-testid={getTestId('header')}>\n            <div>\n              <h2 className=\"m-0 text-lg font-medium text-base-content\">\n                {locale.monthsLong[month]} {year}\n              </h2>\n            </div>\n          </div>\n        )}\n\n        {/* Weekday header */}\n        <div className=\"grid grid-cols-7 border-b border-base-300\" data-testid={getTestId('weekday-header')}>\n          {locale.daysShort.map((day, index) => (\n            <div\n              key={index}\n              className=\"py-1 text-center text-xs font-medium uppercase text-base-content/60\"\n              data-testid={getTestId(`weekday-${index}`)}\n            >\n              {day}\n            </div>\n          ))}\n        </div>\n\n        {/* Calendar grid */}\n        <div className=\"grid flex-1 grid-cols-7 grid-rows-6 border-l border-base-300\" data-testid={getTestId('grid')}>\n          {generateCalendarGrid(year, month).map((dateObj, index) => {\n            const dateEvents = getEventsForDate(events as T[], dateObj.date)\n            const isPast = isPastDate(dateObj.date) && !isToday(dateObj.date)\n            const isSelected = daySelector && isEqual(dateObj.date, selectedDate)\n            const dateKey = `${dateObj.year}-${dateObj.month + 1}-${dateObj.day}`\n\n            return (\n              <div\n                key={index}\n                className={`\n                  relative cursor-pointer overflow-hidden border-b border-r border-base-300 p-1\n                  hover:bg-base-200\n                  ${!dateObj.isCurrentMonth ? 'bg-base-200' : ''}\n                  ${isToday(dateObj.date) ? 'bg-primary/10' : ''}\n                  ${isPast ? 'opacity-60' : ''}\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                  ${isSelected ? 'z-10 outline outline-2 outline-primary' : ''}\n                `}\n                data-testid={getTestId(`day-${dateKey}`)}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n\n                  if (daySelector) {\n                    setSelectedDate(dateObj.date)\n                  }\n\n                  setTimeout(() => {\n                    onDayClick?.(dateObj.date)\n                  }, 0)\n                }}\n              >\n                {/* Date number */}\n                <div className=\"mb-0.5 flex justify-center\">\n                  <span\n                    className={`\n                      flex items-center justify-center text-xs leading-none\n                      ${isToday(dateObj.date) ? 'font-bold text-primary' : 'text-base-content'}\n                      ${!dateObj.isCurrentMonth ? 'text-base-content/40' : ''}\n                      ${isPast && dateObj.isCurrentMonth ? 'text-base-content/40' : ''}\n                    `}\n                    data-testid={getTestId(`day-number-${dateKey}`)}\n                  >\n                    {dateObj.day}\n                  </span>\n                </div>\n\n                {/* Events container */}\n                <div className=\"flex flex-col\">\n                  {dateEvents\n                    .slice(\n                      0,\n                      dateEvents.length > maxEventsPerDay\n                        ? maxEventsPerDay - 1\n                        : maxEventsPerDay\n                    )\n                    .map((event, eventIndex) => (\n                      <div\n                        key={eventIndex}\n                        className={`\n                          flex cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          transition-colors hover:bg-base-content/5\n                          ${isFutureDate(event.date) ? 'text-base-content' : 'text-base-content'}\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        data-testid={getTestId(`event-${dateKey}-${eventIndex}`)}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          if (onEventClick) {\n                            onEventClick(event)\n                          }\n                        }}\n                        title={event.title}\n                      >\n                        <span\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color }}\n                        />\n                        <span\n                          className={`overflow-hidden whitespace-nowrap ${ellipsis ? 'text-ellipsis' : ''}`}\n                        >\n                          {event.title}\n                        </span>\n                      </div>\n                    ))}\n                  {dateEvents.length > maxEventsPerDay && (\n                    <div\n                      className=\"cursor-pointer rounded px-1 py-0.5 text-[11px] text-base-content/60 hover:bg-base-content/5\"\n                      data-testid={getTestId(`more-${dateKey}`)}\n                      onClick={(e) => {\n                        e.stopPropagation()\n                        if (onMoreEventsClick) {\n                          onMoreEventsClick(dateObj.date, dateEvents)\n                        }\n                      }}\n                    >\n                      +{dateEvents.length - maxEventsPerDay + 1} {locale.moreText}\n                    </div>\n                  )}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: MonthCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(MonthCalendar as React.FC).displayName = 'MonthCalendar'\n"],"names":["defaultLocale","isToday","date","isEqual","a","b","acopy","bcopy","isFutureDate","today","checkDate","isPastDate","getEventsForDate","events","event","getDaysInMonth","year","month","getFirstDayOfMonth","generateCalendarGrid","daysInMonth","firstDayOfMonth","prevMonthDays","prevMonth","prevMonthYear","daysInPrevMonth","i","day","currentMonthDays","nextMonthDays","daysToAdd","nextMonth","nextMonthYear","MonthCalendar","forwardRef","maxEventsPerDay","onEventClick","onDayClick","onMoreEventsClick","header","daySelector","locale","ellipsis","allowPastInteraction","className","testId","rest","ref","selectedDate","setSelectedDate","useState","getTestId","suffix","jsxs","jsx","index","dateObj","dateEvents","isPast","isSelected","dateKey","eventIndex","e"],"mappings":"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"}

package/dist/components/Navbar.d.ts

@@ -18,5 +18,7 @@ export interface NavbarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'co
     shadow?: NavbarShadow;
     /** Border radius */
     rounded?: NavbarRounded;
+    /** Test ID for testing */
+    'data-testid'?: string;
 }
 export declare const Navbar: React.FC<NavbarProps>;

package/dist/components/Navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navbar.js","sources":["../../src/components/Navbar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dNavbar = 'navbar'\nconst dNavbarStart = 'navbar-start'\nconst dNavbarCenter = 'navbar-center'\nconst dNavbarEnd = 'navbar-end'\n\nexport type NavbarColor = 'base' | 'neutral' | 'primary' | 'secondary' | 'accent'\nexport type NavbarShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl'\nexport type NavbarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\nexport interface NavbarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  children?: React.ReactNode\n  /** Content for the start section of the navbar (typically logo/brand) */\n  start?: React.ReactNode\n  /** Content for the center section of the navbar */\n  center?: React.ReactNode\n  /** Content for the end section of the navbar (typically actions/menu) */\n  end?: React.ReactNode\n  /** Background color variant */\n  color?: NavbarColor\n  /** Make navbar sticky at the top */\n  sticky?: boolean\n  /** Shadow depth */\n  shadow?: NavbarShadow\n  /** Border radius */\n  rounded?: NavbarRounded\n}\n\nconst colorClasses: Record<NavbarColor, string> = {\n  base: 'bg-base-100',\n  neutral: 'bg-neutral text-neutral-content',\n  primary: 'bg-primary text-primary-content',\n  secondary: 'bg-secondary text-secondary-content',\n  accent: 'bg-accent text-accent-content',\n}\n\nconst shadowClasses: Record<NavbarShadow, string> = {\n  none: '',\n  sm: 'shadow-sm',\n  md: 'shadow-md',\n  lg: 'shadow-lg',\n  xl: 'shadow-xl',\n}\n\nconst roundedClasses: Record<NavbarRounded, string> = {\n  none: '',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  full: 'rounded-full',\n}\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  start,\n  center,\n  end,\n  color = 'base',\n  sticky = false,\n  shadow = 'none',\n  rounded = 'none',\n  className = '',\n  ...rest\n}) => {\n  const navbarClasses = [\n    dNavbar,\n    colorClasses[color],\n    sticky && 'sticky top-0 z-50',\n    shadowClasses[shadow],\n    roundedClasses[rounded],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return <nav className={navbarClasses} {...rest}>{children}</nav>\n  }\n\n  return (\n    <nav className={navbarClasses} {...rest}>\n      {start && <div className={dNavbarStart}>{start}</div>}\n      {center && <div className={dNavbarCenter}>{center}</div>}\n      {end && <div className={dNavbarEnd}>{end}</div>}\n    </nav>\n  )\n}\n"],"names":["dNavbar","dNavbarStart","dNavbarCenter","dNavbarEnd","colorClasses","shadowClasses","roundedClasses","Navbar","children","start","center","end","color","sticky","shadow","rounded","className","rest","navbarClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAU,UACVC,IAAe,gBACfC,IAAgB,iBAChBC,IAAa,cAwBbC,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgD;AAAA,EACpD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GAEaC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB;AAAA,IACpBlB;AAAA,IACAI,EAAaQ,CAAK;AAAA,IAClBC,KAAU;AAAA,IACVR,EAAcS,CAAM;AAAA,IACpBR,EAAeS,CAAO;AAAA,IACtBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIR,sBACM,OAAA,EAAI,WAAWU,GAAgB,GAAGD,GAAO,UAAAT,GAAS,IAI1D,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GAAgB,GAAGD,GAChC,UAAA;AAAA,IAAAR,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAWnB,GAAe,UAAAQ,GAAM;AAAA,IAC9CC,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWlB,GAAgB,UAAAQ,GAAO;AAAA,IACjDC,KAAO,gBAAAS,EAAC,OAAA,EAAI,WAAWjB,GAAa,UAAAQ,EAAA,CAAI;AAAA,EAAA,GAC3C;AAEJ;"}
+{"version":3,"file":"Navbar.js","sources":["../../src/components/Navbar.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dNavbar = 'navbar'\nconst dNavbarStart = 'navbar-start'\nconst dNavbarCenter = 'navbar-center'\nconst dNavbarEnd = 'navbar-end'\n\nexport type NavbarColor = 'base' | 'neutral' | 'primary' | 'secondary' | 'accent'\nexport type NavbarShadow = 'none' | 'sm' | 'md' | 'lg' | 'xl'\nexport type NavbarRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full'\n\nexport interface NavbarProps extends Omit<React.HTMLAttributes<HTMLElement>, 'color'> {\n  children?: React.ReactNode\n  /** Content for the start section of the navbar (typically logo/brand) */\n  start?: React.ReactNode\n  /** Content for the center section of the navbar */\n  center?: React.ReactNode\n  /** Content for the end section of the navbar (typically actions/menu) */\n  end?: React.ReactNode\n  /** Background color variant */\n  color?: NavbarColor\n  /** Make navbar sticky at the top */\n  sticky?: boolean\n  /** Shadow depth */\n  shadow?: NavbarShadow\n  /** Border radius */\n  rounded?: NavbarRounded\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\nconst colorClasses: Record<NavbarColor, string> = {\n  base: 'bg-base-100',\n  neutral: 'bg-neutral text-neutral-content',\n  primary: 'bg-primary text-primary-content',\n  secondary: 'bg-secondary text-secondary-content',\n  accent: 'bg-accent text-accent-content',\n}\n\nconst shadowClasses: Record<NavbarShadow, string> = {\n  none: '',\n  sm: 'shadow-sm',\n  md: 'shadow-md',\n  lg: 'shadow-lg',\n  xl: 'shadow-xl',\n}\n\nconst roundedClasses: Record<NavbarRounded, string> = {\n  none: '',\n  sm: 'rounded-sm',\n  md: 'rounded-md',\n  lg: 'rounded-lg',\n  xl: 'rounded-xl',\n  full: 'rounded-full',\n}\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  children,\n  start,\n  center,\n  end,\n  color = 'base',\n  sticky = false,\n  shadow = 'none',\n  rounded = 'none',\n  className = '',\n  ...rest\n}) => {\n  const navbarClasses = [\n    dNavbar,\n    colorClasses[color],\n    sticky && 'sticky top-0 z-50',\n    shadowClasses[shadow],\n    roundedClasses[rounded],\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  if (children) {\n    return <nav className={navbarClasses} {...rest}>{children}</nav>\n  }\n\n  return (\n    <nav className={navbarClasses} {...rest}>\n      {start && <div className={dNavbarStart}>{start}</div>}\n      {center && <div className={dNavbarCenter}>{center}</div>}\n      {end && <div className={dNavbarEnd}>{end}</div>}\n    </nav>\n  )\n}\n"],"names":["dNavbar","dNavbarStart","dNavbarCenter","dNavbarEnd","colorClasses","shadowClasses","roundedClasses","Navbar","children","start","center","end","color","sticky","shadow","rounded","className","rest","navbarClasses","jsxs","jsx"],"mappings":";AAGA,MAAMA,IAAU,UACVC,IAAe,gBACfC,IAAgB,iBAChBC,IAAa,cA0BbC,IAA4C;AAAA,EAChD,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IAA8C;AAAA,EAClD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAgD;AAAA,EACpD,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,MAAM;AACR,GAEaC,IAAgC,CAAC;AAAA,EAC5C,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,KAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,QAAAC,IAAS;AAAA,EACT,QAAAC,IAAS;AAAA,EACT,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAgB;AAAA,IACpBlB;AAAA,IACAI,EAAaQ,CAAK;AAAA,IAClBC,KAAU;AAAA,IACVR,EAAcS,CAAM;AAAA,IACpBR,EAAeS,CAAO;AAAA,IACtBC;AAAA,EAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,SAAIR,sBACM,OAAA,EAAI,WAAWU,GAAgB,GAAGD,GAAO,UAAAT,GAAS,IAI1D,gBAAAW,EAAC,OAAA,EAAI,WAAWD,GAAgB,GAAGD,GAChC,UAAA;AAAA,IAAAR,KAAS,gBAAAW,EAAC,OAAA,EAAI,WAAWnB,GAAe,UAAAQ,GAAM;AAAA,IAC9CC,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAWlB,GAAgB,UAAAQ,GAAO;AAAA,IACjDC,KAAO,gBAAAS,EAAC,OAAA,EAAI,WAAWjB,GAAa,UAAAQ,EAAA,CAAI;AAAA,EAAA,GAC3C;AAEJ;"}

package/dist/components/Notification.js

@@ -1,7 +1,7 @@
-import { jsx as s, Fragment as f, jsxs as d } from "react/jsx-runtime";
-import { useState as $, useEffect as C } from "react";
-import g from "react-dom/client";
-const l = "toast", h = "toast-top", p = "toast-bottom", u = "toast-start", m = "toast-end", v = "toast-center", w = "alert", b = "alert-success", x = "alert-error", N = "alert-info", y = "alert-warning", z = "btn", R = "btn-xs", B = "btn-ghost", L = "btn-circle";
+import { jsx as s, Fragment as w, jsxs as d } from "react/jsx-runtime";
+import { useState as b, useEffect as C } from "react";
+import $ from "react-dom/client";
+const l = "toast", h = "toast-top", p = "toast-bottom", u = "toast-start", m = "toast-end", v = "toast-center", f = "alert", g = "alert-success", N = "alert-error", x = "alert-info", y = "alert-warning", z = "btn", R = "btn-xs", B = "btn-ghost", L = "btn-circle";
 class M {
   notifications = [];
   listeners = [];
@@ -20,7 +20,7 @@ class M {
     this.listeners.forEach((e) => e());
   }
   ensureContainer() {
-    this.container || (this.container = document.createElement("div"), document.body.appendChild(this.container), this.root = g.createRoot(this.container), this.root.render(/* @__PURE__ */ s(T, { manager: this })));
+    this.container || (this.container = document.createElement("div"), document.body.appendChild(this.container), this.root = $.createRoot(this.container), this.root.render(/* @__PURE__ */ s(T, { manager: this })));
   }
   open(e) {
     this.ensureContainer();
@@ -59,7 +59,7 @@ class M {
   }
 }
 function T({ manager: t }) {
-  const [, e] = $({});
+  const [, e] = b({});
   C(() => t.subscribe(() => {
     e({});
   }), [t]);
@@ -82,20 +82,30 @@ function T({ manager: t }) {
     bottomLeft: `${l} ${p} ${u} z-[9999]`,
     bottomCenter: `${l} ${p} ${v} z-[9999]`
   };
-  return /* @__PURE__ */ s(f, { children: Object.entries(n).map(([r, a]) => a.length === 0 ? null : /* @__PURE__ */ s("div", { className: i[r], children: a.map((c) => /* @__PURE__ */ s(
-    k,
+  return /* @__PURE__ */ s(w, { children: Object.entries(n).map(([r, a]) => a.length === 0 ? null : /* @__PURE__ */ s(
+    "div",
     {
-      notification: c,
-      onClose: () => t.close(c.id)
+      className: i[r],
+      role: "region",
+      "aria-live": "polite",
+      "aria-label": "Notifications",
+      children: a.map((c) => /* @__PURE__ */ s(
+        k,
+        {
+          notification: c,
+          onClose: () => t.close(c.id)
+        },
+        c.id
+      ))
     },
-    c.id
-  )) }, r)) });
+    r
+  )) });
 }
 function k({ notification: t, onClose: e }) {
   const o = t.variant === "compact", n = {
-    success: b,
-    error: x,
-    info: N,
+    success: g,
+    error: N,
+    info: x,
     warning: y
   }, i = {
     success: /* @__PURE__ */ s("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-5 w-5", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ s("path", { fillRule: "evenodd", d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z", clipRule: "evenodd" }) }),
@@ -108,22 +118,24 @@ function k({ notification: t, onClose: e }) {
   return o ? /* @__PURE__ */ s(
     "div",
     {
-      className: `${w} ${n[t.type]} shadow-md py-2 px-4 cursor-pointer${t.className ? ` ${t.className}` : ""}`,
+      className: `${f} ${n[t.type]} shadow-md py-2 px-4 cursor-pointer${t.className ? ` ${t.className}` : ""}`,
       style: t.style,
       "data-testid": t["data-testid"],
       onClick: r,
+      role: "alert",
       children: /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
-        a,
+        /* @__PURE__ */ s("span", { "aria-hidden": "true", children: a }),
         /* @__PURE__ */ s("span", { children: t.message })
       ] })
     }
   ) : /* @__PURE__ */ d(
     "div",
     {
-      className: `${w} ${n[t.type]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative${t.className ? ` ${t.className}` : ""}`,
+      className: `${f} ${n[t.type]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative${t.className ? ` ${t.className}` : ""}`,
       style: t.style,
       "data-testid": t["data-testid"],
       onClick: r,
+      role: "alert",
       children: [
         /* @__PURE__ */ d("div", { className: t.closable ? "pr-8" : "", children: [
           t.message && /* @__PURE__ */ s("div", { className: "font-bold", children: t.message }),
@@ -132,10 +144,12 @@ function k({ notification: t, onClose: e }) {
         t.closable && /* @__PURE__ */ s(
           "button",
           {
+            type: "button",
             className: `${z} ${R} ${B} ${L} absolute top-2 right-2`,
             onClick: (c) => {
               c.stopPropagation(), e();
             },
+            "aria-label": "Close notification",
             children: "✕"
           }
         )

package/dist/components/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../src/components/Notification.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom/client'\n\n// DaisyUI classes\nconst dToast = 'toast'\nconst dToastTop = 'toast-top'\nconst dToastBottom = 'toast-bottom'\nconst dToastStart = 'toast-start'\nconst dToastEnd = 'toast-end'\nconst dToastCenter = 'toast-center'\nconst dAlert = 'alert'\nconst dAlertSuccess = 'alert-success'\nconst dAlertError = 'alert-error'\nconst dAlertInfo = 'alert-info'\nconst dAlertWarning = 'alert-warning'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnCircle = 'btn-circle'\n\nexport type NotificationType = 'success' | 'info' | 'warning' | 'error'\nexport type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'topCenter' | 'bottomCenter'\nexport type NotificationVariant = 'default' | 'compact'\n\nexport interface NotificationConfig {\n  message: React.ReactNode\n  description?: React.ReactNode\n  type?: NotificationType\n  duration?: number // in seconds, 0 = no auto close\n  placement?: NotificationPlacement\n  variant?: NotificationVariant\n  closable?: boolean\n  icon?: React.ReactNode\n  key?: string\n  className?: string\n  style?: React.CSSProperties\n  'data-testid'?: string\n  onClick?: () => void\n  onClose?: () => void\n}\n\ninterface NotificationItem extends NotificationConfig {\n  id: string\n  createdAt: number\n}\n\ntype Listener = () => void\n\nclass NotificationManager {\n  private notifications: NotificationItem[] = []\n  private listeners: Listener[] = []\n  private container: HTMLDivElement | null = null\n  private root: ReactDOM.Root | null = null\n  private idCounter = 0\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener)\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  getNotifications() {\n    return this.notifications\n  }\n\n  private emit() {\n    this.listeners.forEach((listener) => listener())\n  }\n\n  private ensureContainer() {\n    if (!this.container) {\n      this.container = document.createElement('div')\n      document.body.appendChild(this.container)\n      this.root = ReactDOM.createRoot(this.container)\n      this.root.render(<NotificationContainer manager={this} />)\n    }\n  }\n\n  open(config: NotificationConfig) {\n    this.ensureContainer()\n\n    const id = config.key ?? `notification-${++this.idCounter}`\n    const isCompact = config.variant === 'compact'\n    const notificationItem: NotificationItem = {\n      ...config,\n      id,\n      createdAt: Date.now(),\n      duration: config.duration ?? (isCompact ? 3 : 4.5),\n      placement: config.placement ?? (isCompact ? 'topCenter' : 'topRight'),\n      variant: config.variant ?? 'default',\n      closable: config.closable ?? !isCompact,\n      type: config.type ?? 'info',\n    }\n\n    // If key exists, update the existing notification\n    const existingIndex = this.notifications.findIndex((n) => n.id === id)\n    if (existingIndex !== -1) {\n      this.notifications[existingIndex] = notificationItem\n    } else {\n      this.notifications.push(notificationItem)\n    }\n    this.emit()\n\n    // Auto-dismiss\n    if (notificationItem.duration && notificationItem.duration > 0) {\n      setTimeout(() => {\n        this.close(id)\n      }, notificationItem.duration * 1000)\n    }\n\n    return id\n  }\n\n  close(id: string) {\n    const notification = this.notifications.find((n) => n.id === id)\n    this.notifications = this.notifications.filter((n) => n.id !== id)\n    this.emit()\n\n    if (notification?.onClose) {\n      notification.onClose()\n    }\n  }\n\n  success(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'success' })\n  }\n\n  error(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'error' })\n  }\n\n  info(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'info' })\n  }\n\n  warning(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'warning' })\n  }\n\n  destroy() {\n    this.notifications = []\n    this.emit()\n  }\n}\n\ninterface NotificationContainerProps {\n  manager: NotificationManager\n}\n\nfunction NotificationContainer({ manager }: NotificationContainerProps) {\n  const [, forceUpdate] = useState({})\n\n  useEffect(() => {\n    const unsubscribe = manager.subscribe(() => {\n      forceUpdate({})\n    })\n    return unsubscribe\n  }, [manager])\n\n  const notifications = manager.getNotifications()\n\n  // Group by placement\n  const grouped: Record<NotificationPlacement, NotificationItem[]> = {\n    topLeft: [],\n    topRight: [],\n    topCenter: [],\n    bottomLeft: [],\n    bottomRight: [],\n    bottomCenter: [],\n  }\n\n  notifications.forEach((notification) => {\n    grouped[notification.placement!].push(notification)\n  })\n\n  const placementClasses: Record<NotificationPlacement, string> = {\n    topRight: `${dToast} ${dToastTop} ${dToastEnd} z-[9999]`,\n    topLeft: `${dToast} ${dToastTop} ${dToastStart} z-[9999]`,\n    topCenter: `${dToast} ${dToastTop} ${dToastCenter} z-[9999]`,\n    bottomRight: `${dToast} ${dToastBottom} ${dToastEnd} z-[9999]`,\n    bottomLeft: `${dToast} ${dToastBottom} ${dToastStart} z-[9999]`,\n    bottomCenter: `${dToast} ${dToastBottom} ${dToastCenter} z-[9999]`,\n  }\n\n  return (\n    <>\n      {Object.entries(grouped).map(([placement, items]) => {\n        if (items.length === 0) return null\n\n        return (\n          <div key={placement} className={placementClasses[placement as NotificationPlacement]}>\n            {items.map((notification) => (\n              <NotificationItem\n                key={notification.id}\n                notification={notification}\n                onClose={() => manager.close(notification.id)}\n              />\n            ))}\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\ninterface NotificationItemProps {\n  notification: NotificationItem\n  onClose: () => void\n}\n\nfunction NotificationItem({ notification, onClose }: NotificationItemProps) {\n  const isCompact = notification.variant === 'compact'\n\n  const alertTypeClasses: Record<NotificationType, string> = {\n    success: dAlertSuccess,\n    error: dAlertError,\n    info: dAlertInfo,\n    warning: dAlertWarning,\n  }\n\n  const typeIcons: Record<NotificationType, React.ReactNode> = {\n    success: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clipRule=\"evenodd\" /></svg>,\n    error: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clipRule=\"evenodd\" /></svg>,\n    info: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clipRule=\"evenodd\" /></svg>,\n    warning: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clipRule=\"evenodd\" /></svg>,\n  }\n\n  const handleClick = () => {\n    if (notification.onClick) {\n      notification.onClick()\n    }\n  }\n\n  const icon = notification.icon ?? typeIcons[notification.type!]\n\n  if (isCompact) {\n    return (\n      <div\n        className={`${dAlert} ${alertTypeClasses[notification.type!]} shadow-md py-2 px-4 cursor-pointer${notification.className ? ` ${notification.className}` : ''}`}\n        style={notification.style}\n        data-testid={notification['data-testid']}\n        onClick={handleClick}\n      >\n        <div className=\"flex items-center gap-2\">\n          {icon}\n          <span>{notification.message}</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={`${dAlert} ${alertTypeClasses[notification.type!]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative${notification.className ? ` ${notification.className}` : ''}`}\n      style={notification.style}\n      data-testid={notification['data-testid']}\n      onClick={handleClick}\n    >\n      <div className={notification.closable ? 'pr-8' : ''}>\n        {notification.message && <div className=\"font-bold\">{notification.message}</div>}\n        {notification.description && <div className=\"text-sm\">{notification.description}</div>}\n      </div>\n      {notification.closable && (\n        <button\n          className={`${dBtn} ${dBtnXs} ${dBtnGhost} ${dBtnCircle} absolute top-2 right-2`}\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n        >\n          ✕\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport const notification = new NotificationManager()\n"],"names":["dToast","dToastTop","dToastBottom","dToastStart","dToastEnd","dToastCenter","dAlert","dAlertSuccess","dAlertError","dAlertInfo","dAlertWarning","dBtn","dBtnXs","dBtnGhost","dBtnCircle","NotificationManager","listener","l","ReactDOM","jsx","NotificationContainer","config","id","isCompact","notificationItem","existingIndex","n","notification","manager","forceUpdate","useState","useEffect","notifications","grouped","placementClasses","Fragment","placement","items","NotificationItem","onClose","alertTypeClasses","typeIcons","handleClick","icon","jsxs","e"],"mappings":"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"}
+{"version":3,"file":"Notification.js","sources":["../../src/components/Notification.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport ReactDOM from 'react-dom/client'\n\n// DaisyUI classes\nconst dToast = 'toast'\nconst dToastTop = 'toast-top'\nconst dToastBottom = 'toast-bottom'\nconst dToastStart = 'toast-start'\nconst dToastEnd = 'toast-end'\nconst dToastCenter = 'toast-center'\nconst dAlert = 'alert'\nconst dAlertSuccess = 'alert-success'\nconst dAlertError = 'alert-error'\nconst dAlertInfo = 'alert-info'\nconst dAlertWarning = 'alert-warning'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnCircle = 'btn-circle'\n\nexport type NotificationType = 'success' | 'info' | 'warning' | 'error'\nexport type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'topCenter' | 'bottomCenter'\nexport type NotificationVariant = 'default' | 'compact'\n\nexport interface NotificationConfig {\n  message: React.ReactNode\n  description?: React.ReactNode\n  type?: NotificationType\n  duration?: number // in seconds, 0 = no auto close\n  placement?: NotificationPlacement\n  variant?: NotificationVariant\n  closable?: boolean\n  icon?: React.ReactNode\n  key?: string\n  className?: string\n  style?: React.CSSProperties\n  'data-testid'?: string\n  onClick?: () => void\n  onClose?: () => void\n}\n\ninterface NotificationItem extends NotificationConfig {\n  id: string\n  createdAt: number\n}\n\ntype Listener = () => void\n\nclass NotificationManager {\n  private notifications: NotificationItem[] = []\n  private listeners: Listener[] = []\n  private container: HTMLDivElement | null = null\n  private root: ReactDOM.Root | null = null\n  private idCounter = 0\n\n  subscribe(listener: Listener) {\n    this.listeners.push(listener)\n    return () => {\n      this.listeners = this.listeners.filter((l) => l !== listener)\n    }\n  }\n\n  getNotifications() {\n    return this.notifications\n  }\n\n  private emit() {\n    this.listeners.forEach((listener) => listener())\n  }\n\n  private ensureContainer() {\n    if (!this.container) {\n      this.container = document.createElement('div')\n      document.body.appendChild(this.container)\n      this.root = ReactDOM.createRoot(this.container)\n      this.root.render(<NotificationContainer manager={this} />)\n    }\n  }\n\n  open(config: NotificationConfig) {\n    this.ensureContainer()\n\n    const id = config.key ?? `notification-${++this.idCounter}`\n    const isCompact = config.variant === 'compact'\n    const notificationItem: NotificationItem = {\n      ...config,\n      id,\n      createdAt: Date.now(),\n      duration: config.duration ?? (isCompact ? 3 : 4.5),\n      placement: config.placement ?? (isCompact ? 'topCenter' : 'topRight'),\n      variant: config.variant ?? 'default',\n      closable: config.closable ?? !isCompact,\n      type: config.type ?? 'info',\n    }\n\n    // If key exists, update the existing notification\n    const existingIndex = this.notifications.findIndex((n) => n.id === id)\n    if (existingIndex !== -1) {\n      this.notifications[existingIndex] = notificationItem\n    } else {\n      this.notifications.push(notificationItem)\n    }\n    this.emit()\n\n    // Auto-dismiss\n    if (notificationItem.duration && notificationItem.duration > 0) {\n      setTimeout(() => {\n        this.close(id)\n      }, notificationItem.duration * 1000)\n    }\n\n    return id\n  }\n\n  close(id: string) {\n    const notification = this.notifications.find((n) => n.id === id)\n    this.notifications = this.notifications.filter((n) => n.id !== id)\n    this.emit()\n\n    if (notification?.onClose) {\n      notification.onClose()\n    }\n  }\n\n  success(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'success' })\n  }\n\n  error(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'error' })\n  }\n\n  info(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'info' })\n  }\n\n  warning(config: Omit<NotificationConfig, 'type'>) {\n    return this.open({ ...config, type: 'warning' })\n  }\n\n  destroy() {\n    this.notifications = []\n    this.emit()\n  }\n}\n\ninterface NotificationContainerProps {\n  manager: NotificationManager\n}\n\nfunction NotificationContainer({ manager }: NotificationContainerProps) {\n  const [, forceUpdate] = useState({})\n\n  useEffect(() => {\n    const unsubscribe = manager.subscribe(() => {\n      forceUpdate({})\n    })\n    return unsubscribe\n  }, [manager])\n\n  const notifications = manager.getNotifications()\n\n  // Group by placement\n  const grouped: Record<NotificationPlacement, NotificationItem[]> = {\n    topLeft: [],\n    topRight: [],\n    topCenter: [],\n    bottomLeft: [],\n    bottomRight: [],\n    bottomCenter: [],\n  }\n\n  notifications.forEach((notification) => {\n    grouped[notification.placement!].push(notification)\n  })\n\n  const placementClasses: Record<NotificationPlacement, string> = {\n    topRight: `${dToast} ${dToastTop} ${dToastEnd} z-[9999]`,\n    topLeft: `${dToast} ${dToastTop} ${dToastStart} z-[9999]`,\n    topCenter: `${dToast} ${dToastTop} ${dToastCenter} z-[9999]`,\n    bottomRight: `${dToast} ${dToastBottom} ${dToastEnd} z-[9999]`,\n    bottomLeft: `${dToast} ${dToastBottom} ${dToastStart} z-[9999]`,\n    bottomCenter: `${dToast} ${dToastBottom} ${dToastCenter} z-[9999]`,\n  }\n\n  return (\n    <>\n      {Object.entries(grouped).map(([placement, items]) => {\n        if (items.length === 0) return null\n\n        return (\n          <div\n            key={placement}\n            className={placementClasses[placement as NotificationPlacement]}\n            role=\"region\"\n            aria-live=\"polite\"\n            aria-label=\"Notifications\"\n          >\n            {items.map((notification) => (\n              <NotificationItem\n                key={notification.id}\n                notification={notification}\n                onClose={() => manager.close(notification.id)}\n              />\n            ))}\n          </div>\n        )\n      })}\n    </>\n  )\n}\n\ninterface NotificationItemProps {\n  notification: NotificationItem\n  onClose: () => void\n}\n\nfunction NotificationItem({ notification, onClose }: NotificationItemProps) {\n  const isCompact = notification.variant === 'compact'\n\n  const alertTypeClasses: Record<NotificationType, string> = {\n    success: dAlertSuccess,\n    error: dAlertError,\n    info: dAlertInfo,\n    warning: dAlertWarning,\n  }\n\n  const typeIcons: Record<NotificationType, React.ReactNode> = {\n    success: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clipRule=\"evenodd\" /></svg>,\n    error: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z\" clipRule=\"evenodd\" /></svg>,\n    info: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z\" clipRule=\"evenodd\" /></svg>,\n    warning: <svg xmlns=\"http://www.w3.org/2000/svg\" className=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\"><path fillRule=\"evenodd\" d=\"M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z\" clipRule=\"evenodd\" /></svg>,\n  }\n\n  const handleClick = () => {\n    if (notification.onClick) {\n      notification.onClick()\n    }\n  }\n\n  const icon = notification.icon ?? typeIcons[notification.type!]\n\n  if (isCompact) {\n    return (\n      <div\n        className={`${dAlert} ${alertTypeClasses[notification.type!]} shadow-md py-2 px-4 cursor-pointer${notification.className ? ` ${notification.className}` : ''}`}\n        style={notification.style}\n        data-testid={notification['data-testid']}\n        onClick={handleClick}\n        role=\"alert\"\n      >\n        <div className=\"flex items-center gap-2\">\n          <span aria-hidden=\"true\">{icon}</span>\n          <span>{notification.message}</span>\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div\n      className={`${dAlert} ${alertTypeClasses[notification.type!]} shadow-lg cursor-pointer min-w-[300px] max-w-[400px] relative${notification.className ? ` ${notification.className}` : ''}`}\n      style={notification.style}\n      data-testid={notification['data-testid']}\n      onClick={handleClick}\n      role=\"alert\"\n    >\n      <div className={notification.closable ? 'pr-8' : ''}>\n        {notification.message && <div className=\"font-bold\">{notification.message}</div>}\n        {notification.description && <div className=\"text-sm\">{notification.description}</div>}\n      </div>\n      {notification.closable && (\n        <button\n          type=\"button\"\n          className={`${dBtn} ${dBtnXs} ${dBtnGhost} ${dBtnCircle} absolute top-2 right-2`}\n          onClick={(e) => {\n            e.stopPropagation()\n            onClose()\n          }}\n          aria-label=\"Close notification\"\n        >\n          ✕\n        </button>\n      )}\n    </div>\n  )\n}\n\nexport const notification = new NotificationManager()\n"],"names":["dToast","dToastTop","dToastBottom","dToastStart","dToastEnd","dToastCenter","dAlert","dAlertSuccess","dAlertError","dAlertInfo","dAlertWarning","dBtn","dBtnXs","dBtnGhost","dBtnCircle","NotificationManager","listener","l","ReactDOM","jsx","NotificationContainer","config","id","isCompact","notificationItem","existingIndex","n","notification","manager","forceUpdate","useState","useEffect","notifications","grouped","placementClasses","Fragment","placement","items","NotificationItem","onClose","alertTypeClasses","typeIcons","handleClick","icon","jsxs","e"],"mappings":"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"}