asterui 0.12.62 → 0.12.64

package/dist/components/Watermark.js

@@ -1,121 +1,124 @@
-import { jsxs as R, jsx as Y } from "react/jsx-runtime";
-import { useState as D, useMemo as A, useEffect as M } from "react";
-import { useTheme as U } from "../hooks/useTheme.js";
-const B = "asterui", X = 0.22;
-function _(r, l) {
-  const n = Math.round(l * 255).toString(16).padStart(2, "0");
+import { jsxs as D, jsx as M } from "react/jsx-runtime";
+import { useState as U, useMemo as F, useEffect as B } from "react";
+import { useTheme as X } from "../hooks/useTheme.js";
+const _ = "asterui", K = 0.22;
+function q(r, c) {
+  const n = Math.round(c * 255).toString(16).padStart(2, "0");
   return r + n;
 }
-const K = (r, l) => {
+const G = (r, c) => {
   const n = r?.fontSize ?? 16;
   return {
-    color: l,
+    color: c,
     fontSize: n,
     fontWeight: r?.fontWeight ?? 600,
     fontStyle: r?.fontStyle ?? "normal",
     fontFamily: r?.fontFamily ?? "sans-serif",
     lineHeight: r?.lineHeight ?? n * 1.2
   };
-}, q = ({
+}, J = ({
   children: r,
-  className: l = "",
+  className: c = "",
   style: n,
-  content: c,
-  image: v,
-  width: a = 120,
+  content: d,
+  image: x,
+  width: s = 120,
   height: i = 64,
-  gap: E,
+  gap: $,
   offset: k,
-  rotate: F = -22,
-  zIndex: I = 1e3,
+  rotate: b = -22,
+  zIndex: H = 1e3,
   font: y,
-  ...b
+  "data-testid": h,
+  ...I
 }) => {
-  const [m, L] = D(null), d = E?.[0] ?? 120, f = E?.[1] ?? 120, H = k?.[0] ?? d / 2, N = k?.[1] ?? f / 2, { colors: P } = U(), h = A(
-    () => typeof c == "string" ? [c] : Array.isArray(c) ? c : [B],
-    [c]
-  ), W = y?.color ?? _(P.foreground, X), s = A(
-    () => K(y, W),
-    [y, W]
-  ), S = Math.PI / 180 * F, j = h.join("|");
-  M(() => {
+  const [u, L] = U(null), f = $?.[0] ?? 120, m = $?.[1] ?? 120, N = k?.[0] ?? f / 2, P = k?.[1] ?? m / 2, { colors: j } = X(), S = F(
+    () => typeof d == "string" ? [d] : Array.isArray(d) ? d : [_],
+    [d]
+  ), T = y?.color ?? q(j.foreground, K), a = F(
+    () => G(y, T),
+    [y, T]
+  ), E = Math.PI / 180 * b, z = S.join("|");
+  B(() => {
     if (typeof window > "u") return;
-    let u = !1;
-    const o = window.devicePixelRatio || 1, $ = a + d, T = i + f, g = document.createElement("canvas");
-    g.width = $ * o, g.height = T * o;
-    const e = g.getContext("2d");
-    if (!e) return;
-    const w = () => {
-      const t = g.toDataURL();
-      u || L({ url: t, width: $, height: T });
-    }, C = () => {
-      e.save(), e.translate((d / 2 + a / 2) * o, (f / 2 + i / 2) * o), e.rotate(S), e.fillStyle = s.color, e.textAlign = "center", e.textBaseline = "middle", e.font = `${s.fontStyle} normal ${s.fontWeight} ${s.fontSize * o}px ${s.fontFamily}`;
-      const t = s.lineHeight * o, p = -((h.length - 1) * t) / 2;
-      h.forEach((x, O) => {
-        e.fillText(x, 0, p + O * t);
-      }), e.restore();
+    let l = !1;
+    const o = window.devicePixelRatio || 1, W = s + f, w = i + m, g = document.createElement("canvas");
+    g.width = W * o, g.height = w * o;
+    const t = g.getContext("2d");
+    if (!t) return;
+    const A = () => {
+      const e = g.toDataURL();
+      l || L({ url: e, width: W, height: w });
+    }, R = () => {
+      t.save(), t.translate((f / 2 + s / 2) * o, (m / 2 + i / 2) * o), t.rotate(E), t.fillStyle = a.color, t.textAlign = "center", t.textBaseline = "middle", t.font = `${a.fontStyle} normal ${a.fontWeight} ${a.fontSize * o}px ${a.fontFamily}`;
+      const e = a.lineHeight * o, p = -((S.length - 1) * e) / 2;
+      S.forEach((v, Y) => {
+        t.fillText(v, 0, p + Y * e);
+      }), t.restore();
     };
-    if (v) {
-      const t = new Image();
-      t.crossOrigin = "anonymous", t.referrerPolicy = "no-referrer";
+    if (x) {
+      const e = new Image();
+      e.crossOrigin = "anonymous", e.referrerPolicy = "no-referrer";
       const p = () => {
-        e.save(), e.translate((d / 2 + a / 2) * o, (f / 2 + i / 2) * o), e.rotate(S), e.drawImage(
-          t,
-          -a / 2 * o,
+        t.save(), t.translate((f / 2 + s / 2) * o, (m / 2 + i / 2) * o), t.rotate(E), t.drawImage(
+          e,
+          -s / 2 * o,
           -i / 2 * o,
-          a * o,
+          s * o,
           i * o
-        ), e.restore(), w();
-      }, x = () => {
-        u || L(null);
+        ), t.restore(), A();
+      }, v = () => {
+        l || L(null);
       };
-      return t.addEventListener("load", p), t.addEventListener("error", x), t.src = v, () => {
-        u = !0, t.removeEventListener("load", p), t.removeEventListener("error", x);
+      return e.addEventListener("load", p), e.addEventListener("error", v), e.src = x, () => {
+        l = !0, e.removeEventListener("load", p), e.removeEventListener("error", v);
       };
     } else
-      C(), w();
+      R(), A();
     return () => {
-      u = !0;
+      l = !0;
     };
   }, [
-    s,
-    d,
+    a,
     f,
+    m,
     i,
-    v,
-    S,
-    j,
-    a
+    x,
+    E,
+    z,
+    s
   ]);
-  const z = ["relative", l].filter(Boolean).join(" ");
-  return /* @__PURE__ */ R(
+  const C = ["relative", c].filter(Boolean).join(" "), O = (l) => h ? `${h}-${l}` : void 0;
+  return /* @__PURE__ */ D(
     "div",
     {
-      className: z,
+      className: C,
       style: { position: n?.position ?? "relative", ...n },
-      ...b,
+      "data-testid": h,
+      ...I,
       children: [
         r,
-        m && /* @__PURE__ */ Y(
+        u && /* @__PURE__ */ M(
           "div",
           {
             "aria-hidden": !0,
             className: "pointer-events-none absolute inset-0",
             style: {
-              zIndex: I,
-              backgroundImage: `url(${m.url})`,
+              zIndex: H,
+              backgroundImage: `url(${u.url})`,
               backgroundRepeat: "repeat",
-              backgroundSize: `${m.width}px ${m.height}px`,
-              backgroundPosition: `${H}px ${N}px`
-            }
+              backgroundSize: `${u.width}px ${u.height}px`,
+              backgroundPosition: `${N}px ${P}px`
+            },
+            "data-testid": O("overlay")
           }
         )
       ]
     }
   );
 };
-q.displayName = "Watermark";
+J.displayName = "Watermark";
 export {
-  q as Watermark
+  J as Watermark
 };
 //# sourceMappingURL=Watermark.js.map

package/dist/components/Watermark.js.map

@@ -1 +1 @@
-{"version":3,"file":"Watermark.js","sources":["../../src/components/Watermark.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport { useTheme } from '../hooks/useTheme'\n\nexport type WatermarkGap = [number, number]\nexport type WatermarkOffset = [number, number]\n\nexport interface WatermarkFontOptions {\n  /** Text color for watermark content */\n  color?: string\n  /** Font size in pixels */\n  fontSize?: number\n  /** Font weight for watermark text */\n  fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter'\n  /** Font style for watermark text */\n  fontStyle?: 'normal' | 'italic' | 'oblique'\n  /** Font family for watermark text */\n  fontFamily?: string\n  /** Line height in pixels for multi-line content */\n  lineHeight?: number\n}\n\nexport interface WatermarkProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {\n  /** Text to render inside the watermark; falls back to \"asterui\" */\n  content?: string | string[]\n  /** Image source (URL or base64) to render instead of text */\n  image?: string\n  /** Width of a single watermark tile in pixels */\n  width?: number\n  /** Height of a single watermark tile in pixels */\n  height?: number\n  /** Horizontal/vertical gap between watermarks in pixels */\n  gap?: WatermarkGap\n  /** Offset for the first watermark tile from the top-left corner */\n  offset?: WatermarkOffset\n  /** Rotation angle in degrees */\n  rotate?: number\n  /** z-index for the overlay layer */\n  zIndex?: number\n  /** Font settings for text watermarks */\n  font?: WatermarkFontOptions\n  /** Content to protect with the watermark */\n  children?: React.ReactNode\n}\n\ntype WatermarkImage = {\n  url: string\n  width: number\n  height: number\n}\n\nconst DEFAULT_CONTENT = 'asterui'\nconst DEFAULT_OPACITY = 0.22\n\n// Add opacity to a hex color (returns #rrggbbaa format)\nfunction hexWithOpacity(hex: string, opacity: number): string {\n  const alpha = Math.round(opacity * 255).toString(16).padStart(2, '0')\n  return hex + alpha\n}\n\nconst getFontSettings = (font: WatermarkFontOptions | undefined, resolvedColor: string) => {\n  const fontSize = font?.fontSize ?? 16\n\n  return {\n    color: resolvedColor,\n    fontSize,\n    fontWeight: font?.fontWeight ?? 600,\n    fontStyle: font?.fontStyle ?? 'normal',\n    fontFamily: font?.fontFamily ?? 'sans-serif',\n    lineHeight: font?.lineHeight ?? fontSize * 1.2,\n  }\n}\n\nexport const Watermark: React.FC<WatermarkProps> = ({\n  children,\n  className = '',\n  style,\n  content,\n  image,\n  width = 120,\n  height = 64,\n  gap,\n  offset,\n  rotate = -22,\n  zIndex = 1000,\n  font,\n  ...rest\n}) => {\n  const [watermark, setWatermark] = useState<WatermarkImage | null>(null)\n\n  const gapX = gap?.[0] ?? 120\n  const gapY = gap?.[1] ?? 120\n  const offsetX = offset?.[0] ?? gapX / 2\n  const offsetY = offset?.[1] ?? gapY / 2\n  const { colors } = useTheme()\n  const textLines = useMemo(\n    () =>\n      typeof content === 'string'\n        ? [content]\n        : Array.isArray(content)\n          ? content\n          : [DEFAULT_CONTENT],\n    [content]\n  )\n  // Use provided color or theme foreground with opacity\n  const resolvedColor = font?.color ?? hexWithOpacity(colors.foreground, DEFAULT_OPACITY)\n  const fontSettings = useMemo(\n    () => getFontSettings(font, resolvedColor),\n    [font, resolvedColor]\n  )\n  const rotationInRadians = (Math.PI / 180) * rotate\n  const textKey = textLines.join('|')\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let cancelled = false\n    const ratio = window.devicePixelRatio || 1\n    const tileWidth = width + gapX\n    const tileHeight = height + gapY\n    const canvas = document.createElement('canvas')\n    canvas.width = tileWidth * ratio\n    canvas.height = tileHeight * ratio\n    const ctx = canvas.getContext('2d')\n\n    if (!ctx) return\n\n    const commitWatermark = () => {\n      const url = canvas.toDataURL()\n      if (!cancelled) {\n        setWatermark({ url, width: tileWidth, height: tileHeight })\n      }\n    }\n\n    const drawText = () => {\n      ctx.save()\n      ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n      ctx.rotate(rotationInRadians)\n      ctx.fillStyle = fontSettings.color\n      ctx.textAlign = 'center'\n      ctx.textBaseline = 'middle'\n      ctx.font = `${fontSettings.fontStyle} normal ${fontSettings.fontWeight} ${fontSettings.fontSize * ratio}px ${fontSettings.fontFamily}`\n\n      const lineHeight = fontSettings.lineHeight * ratio\n      const startY = -((textLines.length - 1) * lineHeight) / 2\n\n      textLines.forEach((line, index) => {\n        ctx.fillText(line, 0, startY + index * lineHeight)\n      })\n\n      ctx.restore()\n    }\n\n    if (image) {\n      const img = new Image()\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n\n      const handleLoad = () => {\n        ctx.save()\n        ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n        ctx.rotate(rotationInRadians)\n        ctx.drawImage(\n          img,\n          (-width / 2) * ratio,\n          (-height / 2) * ratio,\n          width * ratio,\n          height * ratio\n        )\n        ctx.restore()\n        commitWatermark()\n      }\n\n      const handleError = () => {\n        if (!cancelled) setWatermark(null)\n      }\n\n      img.addEventListener('load', handleLoad)\n      img.addEventListener('error', handleError)\n      img.src = image\n\n      return () => {\n        cancelled = true\n        img.removeEventListener('load', handleLoad)\n        img.removeEventListener('error', handleError)\n      }\n    } else {\n      drawText()\n      commitWatermark()\n    }\n\n    return () => {\n      cancelled = true\n    }\n  }, [\n    fontSettings,\n    gapX,\n    gapY,\n    height,\n    image,\n    rotationInRadians,\n    textKey,\n    width,\n  ])\n\n  const classes = ['relative', className].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={classes}\n      style={{ position: style?.position ?? 'relative', ...style }}\n      {...rest}\n    >\n      {children}\n      {watermark && (\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0\"\n          style={{\n            zIndex,\n            backgroundImage: `url(${watermark.url})`,\n            backgroundRepeat: 'repeat',\n            backgroundSize: `${watermark.width}px ${watermark.height}px`,\n            backgroundPosition: `${offsetX}px ${offsetY}px`,\n          }}\n        />\n      )}\n    </div>\n  )\n}\n\nWatermark.displayName = 'Watermark'\n"],"names":["DEFAULT_CONTENT","DEFAULT_OPACITY","hexWithOpacity","hex","opacity","alpha","getFontSettings","font","resolvedColor","fontSize","Watermark","children","className","style","content","image","width","height","gap","offset","rotate","zIndex","rest","watermark","setWatermark","useState","gapX","gapY","offsetX","offsetY","colors","useTheme","textLines","useMemo","fontSettings","rotationInRadians","textKey","useEffect","cancelled","ratio","tileWidth","tileHeight","canvas","ctx","commitWatermark","url","drawText","lineHeight","startY","line","index","img","handleLoad","handleError","classes","jsxs","jsx"],"mappings":"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"}
+{"version":3,"file":"Watermark.js","sources":["../../src/components/Watermark.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react'\nimport { useTheme } from '../hooks/useTheme'\n\nexport type WatermarkGap = [number, number]\nexport type WatermarkOffset = [number, number]\n\nexport interface WatermarkFontOptions {\n  /** Text color for watermark content */\n  color?: string\n  /** Font size in pixels */\n  fontSize?: number\n  /** Font weight for watermark text */\n  fontWeight?: number | 'normal' | 'bold' | 'bolder' | 'lighter'\n  /** Font style for watermark text */\n  fontStyle?: 'normal' | 'italic' | 'oblique'\n  /** Font family for watermark text */\n  fontFamily?: string\n  /** Line height in pixels for multi-line content */\n  lineHeight?: number\n}\n\nexport interface WatermarkProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {\n  /** Text to render inside the watermark; falls back to \"asterui\" */\n  content?: string | string[]\n  /** Image source (URL or base64) to render instead of text */\n  image?: string\n  /** Width of a single watermark tile in pixels */\n  width?: number\n  /** Height of a single watermark tile in pixels */\n  height?: number\n  /** Horizontal/vertical gap between watermarks in pixels */\n  gap?: WatermarkGap\n  /** Offset for the first watermark tile from the top-left corner */\n  offset?: WatermarkOffset\n  /** Rotation angle in degrees */\n  rotate?: number\n  /** z-index for the overlay layer */\n  zIndex?: number\n  /** Font settings for text watermarks */\n  font?: WatermarkFontOptions\n  /** Content to protect with the watermark */\n  children?: React.ReactNode\n  'data-testid'?: string\n}\n\ntype WatermarkImage = {\n  url: string\n  width: number\n  height: number\n}\n\nconst DEFAULT_CONTENT = 'asterui'\nconst DEFAULT_OPACITY = 0.22\n\n// Add opacity to a hex color (returns #rrggbbaa format)\nfunction hexWithOpacity(hex: string, opacity: number): string {\n  const alpha = Math.round(opacity * 255).toString(16).padStart(2, '0')\n  return hex + alpha\n}\n\nconst getFontSettings = (font: WatermarkFontOptions | undefined, resolvedColor: string) => {\n  const fontSize = font?.fontSize ?? 16\n\n  return {\n    color: resolvedColor,\n    fontSize,\n    fontWeight: font?.fontWeight ?? 600,\n    fontStyle: font?.fontStyle ?? 'normal',\n    fontFamily: font?.fontFamily ?? 'sans-serif',\n    lineHeight: font?.lineHeight ?? fontSize * 1.2,\n  }\n}\n\nexport const Watermark: React.FC<WatermarkProps> = ({\n  children,\n  className = '',\n  style,\n  content,\n  image,\n  width = 120,\n  height = 64,\n  gap,\n  offset,\n  rotate = -22,\n  zIndex = 1000,\n  font,\n  'data-testid': testId,\n  ...rest\n}) => {\n  const [watermark, setWatermark] = useState<WatermarkImage | null>(null)\n\n  const gapX = gap?.[0] ?? 120\n  const gapY = gap?.[1] ?? 120\n  const offsetX = offset?.[0] ?? gapX / 2\n  const offsetY = offset?.[1] ?? gapY / 2\n  const { colors } = useTheme()\n  const textLines = useMemo(\n    () =>\n      typeof content === 'string'\n        ? [content]\n        : Array.isArray(content)\n          ? content\n          : [DEFAULT_CONTENT],\n    [content]\n  )\n  // Use provided color or theme foreground with opacity\n  const resolvedColor = font?.color ?? hexWithOpacity(colors.foreground, DEFAULT_OPACITY)\n  const fontSettings = useMemo(\n    () => getFontSettings(font, resolvedColor),\n    [font, resolvedColor]\n  )\n  const rotationInRadians = (Math.PI / 180) * rotate\n  const textKey = textLines.join('|')\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return\n\n    let cancelled = false\n    const ratio = window.devicePixelRatio || 1\n    const tileWidth = width + gapX\n    const tileHeight = height + gapY\n    const canvas = document.createElement('canvas')\n    canvas.width = tileWidth * ratio\n    canvas.height = tileHeight * ratio\n    const ctx = canvas.getContext('2d')\n\n    if (!ctx) return\n\n    const commitWatermark = () => {\n      const url = canvas.toDataURL()\n      if (!cancelled) {\n        setWatermark({ url, width: tileWidth, height: tileHeight })\n      }\n    }\n\n    const drawText = () => {\n      ctx.save()\n      ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n      ctx.rotate(rotationInRadians)\n      ctx.fillStyle = fontSettings.color\n      ctx.textAlign = 'center'\n      ctx.textBaseline = 'middle'\n      ctx.font = `${fontSettings.fontStyle} normal ${fontSettings.fontWeight} ${fontSettings.fontSize * ratio}px ${fontSettings.fontFamily}`\n\n      const lineHeight = fontSettings.lineHeight * ratio\n      const startY = -((textLines.length - 1) * lineHeight) / 2\n\n      textLines.forEach((line, index) => {\n        ctx.fillText(line, 0, startY + index * lineHeight)\n      })\n\n      ctx.restore()\n    }\n\n    if (image) {\n      const img = new Image()\n      img.crossOrigin = 'anonymous'\n      img.referrerPolicy = 'no-referrer'\n\n      const handleLoad = () => {\n        ctx.save()\n        ctx.translate((gapX / 2 + width / 2) * ratio, (gapY / 2 + height / 2) * ratio)\n        ctx.rotate(rotationInRadians)\n        ctx.drawImage(\n          img,\n          (-width / 2) * ratio,\n          (-height / 2) * ratio,\n          width * ratio,\n          height * ratio\n        )\n        ctx.restore()\n        commitWatermark()\n      }\n\n      const handleError = () => {\n        if (!cancelled) setWatermark(null)\n      }\n\n      img.addEventListener('load', handleLoad)\n      img.addEventListener('error', handleError)\n      img.src = image\n\n      return () => {\n        cancelled = true\n        img.removeEventListener('load', handleLoad)\n        img.removeEventListener('error', handleError)\n      }\n    } else {\n      drawText()\n      commitWatermark()\n    }\n\n    return () => {\n      cancelled = true\n    }\n  }, [\n    fontSettings,\n    gapX,\n    gapY,\n    height,\n    image,\n    rotationInRadians,\n    textKey,\n    width,\n  ])\n\n  const classes = ['relative', className].filter(Boolean).join(' ')\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <div\n      className={classes}\n      style={{ position: style?.position ?? 'relative', ...style }}\n      data-testid={testId}\n      {...rest}\n    >\n      {children}\n      {watermark && (\n        <div\n          aria-hidden\n          className=\"pointer-events-none absolute inset-0\"\n          style={{\n            zIndex,\n            backgroundImage: `url(${watermark.url})`,\n            backgroundRepeat: 'repeat',\n            backgroundSize: `${watermark.width}px ${watermark.height}px`,\n            backgroundPosition: `${offsetX}px ${offsetY}px`,\n          }}\n          data-testid={getTestId('overlay')}\n        />\n      )}\n    </div>\n  )\n}\n\nWatermark.displayName = 'Watermark'\n"],"names":["DEFAULT_CONTENT","DEFAULT_OPACITY","hexWithOpacity","hex","opacity","alpha","getFontSettings","font","resolvedColor","fontSize","Watermark","children","className","style","content","image","width","height","gap","offset","rotate","zIndex","testId","rest","watermark","setWatermark","useState","gapX","gapY","offsetX","offsetY","colors","useTheme","textLines","useMemo","fontSettings","rotationInRadians","textKey","useEffect","cancelled","ratio","tileWidth","tileHeight","canvas","ctx","commitWatermark","url","drawText","lineHeight","startY","line","index","img","handleLoad","handleError","classes","getTestId","suffix","jsxs","jsx"],"mappings":"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"}

package/dist/components/WeekCalendar.d.ts

@@ -29,6 +29,7 @@ export interface WeekCalendarProps<T extends CalendarEvent = CalendarEvent> exte
     startHour?: number;
     /** End hour for the time grid (0-23) */
     endHour?: number;
+    'data-testid'?: string;
 }
 export declare const WeekCalendar: <T extends CalendarEvent = CalendarEvent>(props: WeekCalendarProps<T> & {
     ref?: React.ForwardedRef<HTMLDivElement>;

package/dist/components/WeekCalendar.js

@@ -1,6 +1,6 @@
-import { jsxs as d, jsx as i } from "react/jsx-runtime";
-import { forwardRef as L, useRef as M, useEffect as R, useMemo as C } from "react";
-const F = {
+import { jsxs as m, jsx as d } from "react/jsx-runtime";
+import { forwardRef as C, useRef as k, useEffect as F, useMemo as _ } from "react";
+const J = {
   locale: "en",
   daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
   monthsLong: [
@@ -22,91 +22,95 @@ const F = {
     const t = s.getHours();
     return `${t === 0 ? 12 : t > 12 ? t - 12 : t}:00 ${t < 12 ? "AM" : "PM"}`.replace(" ", "").toLowerCase().replace(":00", "");
   }
-}, $ = (s) => _(s, /* @__PURE__ */ new Date()), _ = (s, t) => {
-  const n = new Date(s), c = new Date(t);
-  return n.setHours(0, 0, 0, 0), c.setHours(0, 0, 0, 0), c.getTime() === n.getTime();
-}, k = (s) => {
+}, N = (s) => O(s, /* @__PURE__ */ new Date()), O = (s, t) => {
+  const n = new Date(s), i = new Date(t);
+  return n.setHours(0, 0, 0, 0), i.setHours(0, 0, 0, 0), i.getTime() === n.getTime();
+}, T = (s) => {
   const t = /* @__PURE__ */ new Date(), n = new Date(s);
   return t.setHours(0, 0, 0, 0), n.setHours(0, 0, 0, 0), n < t;
-}, J = (s) => {
-  const t = new Date(s), n = t.getDay(), c = t.getDate() - n;
-  return new Date(t.setDate(c));
-}, O = (s, t) => {
+}, P = (s) => {
+  const t = new Date(s), n = t.getDay(), i = t.getDate() - n;
+  return new Date(t.setDate(i));
+}, z = (s, t) => {
   const n = new Date(s);
   return n.setDate(n.getDate() + t), n;
-}, u = (s, t) => {
-  const n = s.getDate(), c = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][s.getDay()];
-  return t === "YYYY-MM-DD" ? s.toISOString().split("T")[0] : t === "ddd" ? c : t === "D" ? n.toString() : s.toISOString();
-}, P = L(
+}, f = (s, t) => {
+  const n = s.getDate(), i = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"][s.getDay()];
+  return t === "YYYY-MM-DD" ? s.toISOString().split("T")[0] : t === "ddd" ? i : t === "D" ? n.toString() : s.toISOString();
+}, q = C(
   ({
     date: s = /* @__PURE__ */ new Date(),
     events: t = [],
-    locale: n = F,
-    onEventClick: c,
-    onDayClick: N,
-    onSelectSlot: x,
-    allowPastInteraction: m = !1,
-    fitContainer: f = !1,
-    startHour: y = 9,
-    endHour: Y = 17,
-    className: T = "",
-    ...S
-  }, E) => {
-    const g = M(null), D = M(null);
-    R(() => {
+    locale: n = J,
+    onEventClick: i,
+    onDayClick: Y,
+    onSelectSlot: w,
+    allowPastInteraction: b = !1,
+    fitContainer: p = !1,
+    startHour: v = 9,
+    endHour: S = 17,
+    className: E = "",
+    "data-testid": D,
+    ...H
+  }, W) => {
+    const x = k(null), y = k(null);
+    F(() => {
       const e = () => {
-        if (g.current && D.current) {
-          const r = g.current, o = D.current, l = r.offsetWidth - r.clientWidth;
-          o.style.paddingRight = `${l}px`;
+        if (x.current && y.current) {
+          const r = x.current, o = y.current, c = r.offsetWidth - r.clientWidth;
+          o.style.paddingRight = `${c}px`;
         }
       };
       return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
     }, []);
-    const H = J(s), w = Array.from({ length: 7 }, (e, r) => O(H, r)), W = C(() => {
+    const A = P(s), $ = Array.from({ length: 7 }, (e, r) => z(A, r)), l = (e) => D ? `${D}-${e}` : void 0, j = _(() => {
       const e = {};
       return t.forEach((r) => {
-        const o = u(r.date, "YYYY-MM-DD");
+        const o = f(r.date, "YYYY-MM-DD");
         e[o] || (e[o] = []), e[o].push(r);
       }), e;
-    }, [t]), v = Array.from({ length: Y - y + 1 }, (e, r) => r + y), A = (e) => n.formatTime ? n.formatTime(new Date(2e3, 0, 1, e, 0)) : `${e === 0 ? 12 : e > 12 ? e - 12 : e}:00 ${e < 12 ? "AM" : "PM"}`, j = (e, r) => (W[e] || []).filter((l) => l.date.getHours() === r);
-    return /* @__PURE__ */ d(
+    }, [t]), M = Array.from({ length: S - v + 1 }, (e, r) => r + v), L = (e) => n.formatTime ? n.formatTime(new Date(2e3, 0, 1, e, 0)) : `${e === 0 ? 12 : e > 12 ? e - 12 : e}:00 ${e < 12 ? "AM" : "PM"}`, R = (e, r) => (j[e] || []).filter((c) => c.date.getHours() === r);
+    return /* @__PURE__ */ m(
       "div",
       {
-        ref: E,
-        className: `flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${T}`,
-        ...S,
+        ref: W,
+        className: `flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${E}`,
+        "data-testid": D,
+        ...H,
         children: [
-          /* @__PURE__ */ d(
+          /* @__PURE__ */ m(
             "div",
             {
-              ref: D,
+              ref: y,
               className: "grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100",
+              "data-testid": l("header"),
               children: [
-                /* @__PURE__ */ i("div", { className: "week-calendar-time-column" }),
-                w.map((e) => {
-                  const r = k(e), o = $(e);
-                  return /* @__PURE__ */ d(
+                /* @__PURE__ */ d("div", { className: "week-calendar-time-column" }),
+                $.map((e) => {
+                  const r = T(e), o = N(e), c = f(e, "YYYY-MM-DD");
+                  return /* @__PURE__ */ m(
                     "div",
                     {
                       className: `
                   cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5
-                  ${r && !m ? "cursor-not-allowed" : ""}
+                  ${r && !b ? "cursor-not-allowed" : ""}
                 `,
+                      "data-testid": l(`header-day-${c}`),
                       onClick: () => {
-                        r && !m || N?.(e);
+                        r && !b || Y?.(e);
                       },
                       children: [
-                        /* @__PURE__ */ i(
+                        /* @__PURE__ */ d(
                           "div",
                           {
                             className: `
                     text-xs font-medium uppercase
                     ${r ? "text-base-content/40" : "text-base-content/60"}
                   `,
-                            children: u(e, "ddd")
+                            children: f(e, "ddd")
                           }
                         ),
-                        /* @__PURE__ */ i(
+                        /* @__PURE__ */ d(
                           "div",
                           {
                             className: `
@@ -114,49 +118,59 @@ const F = {
                     ${o ? "font-bold text-primary" : ""}
                     ${r && !o ? "text-base-content/40" : "text-base-content"}
                   `,
-                            children: u(e, "D")
+                            children: f(e, "D")
                           }
                         )
                       ]
                     },
-                    u(e, "YYYY-MM-DD")
+                    c
                   );
                 })
               ]
             }
           ),
-          /* @__PURE__ */ i(
+          /* @__PURE__ */ d(
             "div",
             {
-              ref: g,
-              className: f ? "grid flex-1" : "flex-1 overflow-y-auto",
-              style: f ? { gridTemplateRows: `repeat(${v.length}, 1fr)` } : void 0,
-              children: v.map((e) => /* @__PURE__ */ d(
+              ref: x,
+              className: p ? "grid flex-1" : "flex-1 overflow-y-auto",
+              style: p ? { gridTemplateRows: `repeat(${M.length}, 1fr)` } : void 0,
+              "data-testid": l("grid"),
+              children: M.map((e) => /* @__PURE__ */ m(
                 "div",
                 {
-                  className: `grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${f ? "min-h-10" : "h-20"}`,
+                  className: `grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${p ? "min-h-10" : "h-20"}`,
+                  "data-testid": l(`row-${e}`),
                   children: [
-                    /* @__PURE__ */ i("div", { className: "flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50", children: A(e) }),
-                    w.map((r) => {
-                      const o = u(r, "YYYY-MM-DD"), l = j(o, e), h = k(r) && !$(r);
-                      return /* @__PURE__ */ i(
+                    /* @__PURE__ */ d(
+                      "div",
+                      {
+                        className: "flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50",
+                        "data-testid": l(`time-${e}`),
+                        children: L(e)
+                      }
+                    ),
+                    $.map((r) => {
+                      const o = f(r, "YYYY-MM-DD"), c = R(o, e), h = T(r) && !N(r);
+                      return /* @__PURE__ */ d(
                         "div",
                         {
                           className: `
                       relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0
                       hover:bg-primary/5
-                      ${f ? "" : "h-20"}
-                      ${h && !m ? "cursor-not-allowed hover:cursor-not-allowed" : ""}
+                      ${p ? "" : "h-20"}
+                      ${h && !b ? "cursor-not-allowed hover:cursor-not-allowed" : ""}
                     `,
+                          "data-testid": l(`cell-${o}-${e}`),
                           onClick: (a) => {
-                            if (!(h && !m) && x && (a.target === a.currentTarget || a.target.classList.contains("week-calendar-time-cell"))) {
-                              const b = new Date(r);
-                              b.setHours(e, 0, 0, 0);
-                              const p = new Date(r);
-                              p.setHours(e + 1, 0, 0, 0), x({ start: b, end: p });
+                            if (!(h && !b) && w && (a.target === a.currentTarget || a.target.classList.contains("week-calendar-time-cell"))) {
+                              const u = new Date(r);
+                              u.setHours(e, 0, 0, 0);
+                              const g = new Date(r);
+                              g.setHours(e + 1, 0, 0, 0), w({ start: u, end: g });
                             }
                           },
-                          children: l.map((a, b) => /* @__PURE__ */ d(
+                          children: c.map((a, u) => /* @__PURE__ */ m(
                             "div",
                             {
                               className: `
@@ -166,21 +180,22 @@ const F = {
                         `,
                               style: a.style,
                               title: a.title,
-                              onClick: (p) => {
-                                p.stopPropagation(), c?.(a);
+                              "data-testid": l(`event-${o}-${e}-${u}`),
+                              onClick: (g) => {
+                                g.stopPropagation(), i?.(a);
                               },
                               children: [
-                                /* @__PURE__ */ i(
+                                /* @__PURE__ */ d(
                                   "div",
                                   {
                                     className: "mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full",
                                     style: { backgroundColor: a.color || "#bfbfbf" }
                                   }
                                 ),
-                                /* @__PURE__ */ i("div", { className: "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: a.title })
+                                /* @__PURE__ */ d("div", { className: "min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap", children: a.title })
                               ]
                             },
-                            b
+                            u
                           ))
                         },
                         `${o}-${e}`
@@ -197,8 +212,8 @@ const F = {
     );
   }
 );
-P.displayName = "WeekCalendar";
+q.displayName = "WeekCalendar";
 export {
-  P as WeekCalendar
+  q as WeekCalendar
 };
 //# sourceMappingURL=WeekCalendar.js.map

package/dist/components/WeekCalendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"WeekCalendar.js","sources":["../../src/components/WeekCalendar.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types (shared with MonthCalendar)\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  formatTime: (date: Date): string => {\n    const hour = date.getHours()\n    const formatted = `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    return formatted.replace(' ', '').toLowerCase().replace(':00', '')\n  },\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 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 getWeekStart = (date: Date): Date => {\n  const d = new Date(date)\n  const day = d.getDay()\n  const diff = d.getDate() - day\n  return new Date(d.setDate(diff))\n}\n\nconst addDays = (date: Date, days: number): Date => {\n  const result = new Date(date)\n  result.setDate(result.getDate() + days)\n  return result\n}\n\nconst formatDate = (date: Date, format: string): string => {\n  const day = date.getDate()\n  const dayName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()]\n\n  if (format === 'YYYY-MM-DD') {\n    return date.toISOString().split('T')[0]\n  }\n  if (format === 'ddd') {\n    return dayName\n  }\n  if (format === 'D') {\n    return day.toString()\n  }\n  return date.toISOString()\n}\n\nexport interface WeekCalendarProps<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  onSelectSlot?: (slotInfo: { start: Date; end: Date }) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  fitContainer?: boolean\n  /** Start hour for the time grid (0-23) */\n  startHour?: number\n  /** End hour for the time grid (0-23) */\n  endHour?: number\n}\n\nexport const WeekCalendar = forwardRef<HTMLDivElement, WeekCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      locale = defaultLocale,\n      onEventClick,\n      onDayClick,\n      onSelectSlot,\n      allowPastInteraction = false,\n      fitContainer = false,\n      startHour = 9,\n      endHour = 17,\n      className = '',\n      ...rest\n    }: WeekCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const bodyRef = useRef<HTMLDivElement>(null)\n    const headerRef = useRef<HTMLDivElement>(null)\n\n    // Adjust header padding to account for scrollbar\n    useEffect(() => {\n      const adjustScrollbar = () => {\n        if (bodyRef.current && headerRef.current) {\n          const bodyElement = bodyRef.current\n          const headerElement = headerRef.current\n          const scrollbarWidth = bodyElement.offsetWidth - bodyElement.clientWidth\n          headerElement.style.paddingRight = `${scrollbarWidth}px`\n        }\n      }\n\n      adjustScrollbar()\n      window.addEventListener('resize', adjustScrollbar)\n      return () => window.removeEventListener('resize', adjustScrollbar)\n    }, [])\n\n\n    const weekStart = getWeekStart(date)\n    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i))\n\n    // Group events by day\n    const eventsByDay = useMemo(() => {\n      const grouped: Record<string, T[]> = {}\n      events.forEach((event) => {\n        const eventDate = formatDate(event.date, 'YYYY-MM-DD')\n        if (!grouped[eventDate]) {\n          grouped[eventDate] = []\n        }\n        grouped[eventDate].push(event as T)\n      })\n      return grouped\n    }, [events])\n\n    // Time slots from startHour to endHour\n    const timeSlots = Array.from({ length: endHour - startHour + 1 }, (_, i) => i + startHour)\n\n    const formatHour = (hour: number) => {\n      if (locale.formatTime) {\n        return locale.formatTime(new Date(2000, 0, 1, hour, 0))\n      }\n      return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    }\n\n    const getEventsForDayAndHour = (dayStr: string, hour: number) => {\n      const dayEvents = eventsByDay[dayStr] || []\n      return dayEvents.filter((event) => {\n        const eventHour = event.date.getHours()\n        return eventHour === hour\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${className}`}\n        {...rest}\n      >\n        {/* Header with days */}\n        <div\n          ref={headerRef}\n          className=\"grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100\"\n        >\n          <div className=\"week-calendar-time-column\" />\n          {weekDays.map((day) => {\n            const isPast = isPastDate(day)\n            const isTodayDate = isToday(day)\n\n            return (\n              <div\n                key={formatDate(day, 'YYYY-MM-DD')}\n                className={`\n                  cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                `}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n                  onDayClick?.(day)\n                }}\n              >\n                <div\n                  className={`\n                    text-xs font-medium uppercase\n                    ${isPast ? 'text-base-content/40' : 'text-base-content/60'}\n                  `}\n                >\n                  {formatDate(day, 'ddd')}\n                </div>\n                <div\n                  className={`\n                    mx-auto flex items-center justify-center text-xs font-medium transition-all\n                    ${isTodayDate ? 'font-bold text-primary' : ''}\n                    ${isPast && !isTodayDate ? 'text-base-content/40' : 'text-base-content'}\n                  `}\n                >\n                  {formatDate(day, 'D')}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Time grid */}\n        <div\n          ref={bodyRef}\n          className={fitContainer ? 'grid flex-1' : 'flex-1 overflow-y-auto'}\n          style={fitContainer ? { gridTemplateRows: `repeat(${timeSlots.length}, 1fr)` } : undefined}\n        >\n          {timeSlots.map((hour) => (\n            <div\n              key={hour}\n              className={`grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${fitContainer ? 'min-h-10' : 'h-20'}`}\n            >\n              {/* Time label */}\n              <div className=\"flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50\">\n                {formatHour(hour)}\n              </div>\n\n              {/* Day cells */}\n              {weekDays.map((day) => {\n                const dayStr = formatDate(day, 'YYYY-MM-DD')\n                const hourEvents = getEventsForDayAndHour(dayStr, hour)\n                const isPast = isPastDate(day) && !isToday(day)\n\n                return (\n                  <div\n                    key={`${dayStr}-${hour}`}\n                    className={`\n                      relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0\n                      hover:bg-primary/5\n                      ${fitContainer ? '' : 'h-20'}\n                      ${isPast && !allowPastInteraction ? 'cursor-not-allowed hover:cursor-not-allowed' : ''}\n                    `}\n                    onClick={(e) => {\n                      if (isPast && !allowPastInteraction) {\n                        return\n                      }\n\n                      if (\n                        onSelectSlot &&\n                        (e.target === e.currentTarget ||\n                          (e.target as HTMLElement).classList.contains('week-calendar-time-cell'))\n                      ) {\n                        const start = new Date(day)\n                        start.setHours(hour, 0, 0, 0)\n\n                        const end = new Date(day)\n                        end.setHours(hour + 1, 0, 0, 0)\n\n                        onSelectSlot({ start, end })\n                      }\n                    }}\n                  >\n                    {hourEvents.map((event, idx) => (\n                      <div\n                        key={idx}\n                        className={`\n                          mb-px flex shrink-0 cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          text-base-content transition-colors hover:bg-base-content/5 last:mb-0\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        title={event.title}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onEventClick?.(event)\n                        }}\n                      >\n                        <div\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color || '#bfbfbf' }}\n                        />\n                        <div className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                          {event.title}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: WeekCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(WeekCalendar as React.FC).displayName = 'WeekCalendar'\n"],"names":["defaultLocale","date","hour","isToday","isEqual","a","b","acopy","bcopy","isPastDate","today","checkDate","getWeekStart","d","day","diff","addDays","days","result","formatDate","format","dayName","WeekCalendar","forwardRef","events","locale","onEventClick","onDayClick","onSelectSlot","allowPastInteraction","fitContainer","startHour","endHour","className","rest","ref","bodyRef","useRef","headerRef","useEffect","adjustScrollbar","bodyElement","headerElement","scrollbarWidth","weekStart","weekDays","_","i","eventsByDay","useMemo","grouped","event","eventDate","timeSlots","formatHour","getEventsForDayAndHour","dayStr","jsxs","jsx","isPast","isTodayDate","hourEvents","e","start","end","idx"],"mappings":"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"}
+{"version":3,"file":"WeekCalendar.js","sources":["../../src/components/WeekCalendar.tsx"],"sourcesContent":["import React, { useMemo, useRef, useEffect, forwardRef } from 'react'\n\n// DaisyUI classes\n// (No DaisyUI classes used in this component)\n\n// Types (shared with MonthCalendar)\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  formatTime: (date: Date): string => {\n    const hour = date.getHours()\n    const formatted = `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    return formatted.replace(' ', '').toLowerCase().replace(':00', '')\n  },\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 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 getWeekStart = (date: Date): Date => {\n  const d = new Date(date)\n  const day = d.getDay()\n  const diff = d.getDate() - day\n  return new Date(d.setDate(diff))\n}\n\nconst addDays = (date: Date, days: number): Date => {\n  const result = new Date(date)\n  result.setDate(result.getDate() + days)\n  return result\n}\n\nconst formatDate = (date: Date, format: string): string => {\n  const day = date.getDate()\n  const dayName = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'][date.getDay()]\n\n  if (format === 'YYYY-MM-DD') {\n    return date.toISOString().split('T')[0]\n  }\n  if (format === 'ddd') {\n    return dayName\n  }\n  if (format === 'D') {\n    return day.toString()\n  }\n  return date.toISOString()\n}\n\nexport interface WeekCalendarProps<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  onSelectSlot?: (slotInfo: { start: Date; end: Date }) => void\n  locale?: CalendarLocale\n  allowPastInteraction?: boolean\n  fitContainer?: boolean\n  /** Start hour for the time grid (0-23) */\n  startHour?: number\n  /** End hour for the time grid (0-23) */\n  endHour?: number\n  'data-testid'?: string\n}\n\nexport const WeekCalendar = forwardRef<HTMLDivElement, WeekCalendarProps>(\n  <T extends CalendarEvent>(\n    {\n      date = new Date(),\n      events = [],\n      locale = defaultLocale,\n      onEventClick,\n      onDayClick,\n      onSelectSlot,\n      allowPastInteraction = false,\n      fitContainer = false,\n      startHour = 9,\n      endHour = 17,\n      className = '',\n      'data-testid': testId,\n      ...rest\n    }: WeekCalendarProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const bodyRef = useRef<HTMLDivElement>(null)\n    const headerRef = useRef<HTMLDivElement>(null)\n\n    // Adjust header padding to account for scrollbar\n    useEffect(() => {\n      const adjustScrollbar = () => {\n        if (bodyRef.current && headerRef.current) {\n          const bodyElement = bodyRef.current\n          const headerElement = headerRef.current\n          const scrollbarWidth = bodyElement.offsetWidth - bodyElement.clientWidth\n          headerElement.style.paddingRight = `${scrollbarWidth}px`\n        }\n      }\n\n      adjustScrollbar()\n      window.addEventListener('resize', adjustScrollbar)\n      return () => window.removeEventListener('resize', adjustScrollbar)\n    }, [])\n\n\n    const weekStart = getWeekStart(date)\n    const weekDays = Array.from({ length: 7 }, (_, i) => addDays(weekStart, i))\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    // Group events by day\n    const eventsByDay = useMemo(() => {\n      const grouped: Record<string, T[]> = {}\n      events.forEach((event) => {\n        const eventDate = formatDate(event.date, 'YYYY-MM-DD')\n        if (!grouped[eventDate]) {\n          grouped[eventDate] = []\n        }\n        grouped[eventDate].push(event as T)\n      })\n      return grouped\n    }, [events])\n\n    // Time slots from startHour to endHour\n    const timeSlots = Array.from({ length: endHour - startHour + 1 }, (_, i) => i + startHour)\n\n    const formatHour = (hour: number) => {\n      if (locale.formatTime) {\n        return locale.formatTime(new Date(2000, 0, 1, hour, 0))\n      }\n      return `${hour === 0 ? 12 : hour > 12 ? hour - 12 : hour}:00 ${hour < 12 ? 'AM' : 'PM'}`\n    }\n\n    const getEventsForDayAndHour = (dayStr: string, hour: number) => {\n      const dayEvents = eventsByDay[dayStr] || []\n      return dayEvents.filter((event) => {\n        const eventHour = event.date.getHours()\n        return eventHour === hour\n      })\n    }\n\n    return (\n      <div\n        ref={ref}\n        className={`flex h-full flex-col overflow-hidden border-b border-base-200 bg-base-100 ${className}`}\n        data-testid={testId}\n        {...rest}\n      >\n        {/* Header with days */}\n        <div\n          ref={headerRef}\n          className=\"grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 bg-base-100\"\n          data-testid={getTestId('header')}\n        >\n          <div className=\"week-calendar-time-column\" />\n          {weekDays.map((day) => {\n            const isPast = isPastDate(day)\n            const isTodayDate = isToday(day)\n            const dayKey = formatDate(day, 'YYYY-MM-DD')\n\n            return (\n              <div\n                key={dayKey}\n                className={`\n                  cursor-pointer px-2 py-0.5 text-center transition-colors hover:bg-primary/5\n                  ${isPast && !allowPastInteraction ? 'cursor-not-allowed' : ''}\n                `}\n                data-testid={getTestId(`header-day-${dayKey}`)}\n                onClick={() => {\n                  if (isPast && !allowPastInteraction) {\n                    return\n                  }\n                  onDayClick?.(day)\n                }}\n              >\n                <div\n                  className={`\n                    text-xs font-medium uppercase\n                    ${isPast ? 'text-base-content/40' : 'text-base-content/60'}\n                  `}\n                >\n                  {formatDate(day, 'ddd')}\n                </div>\n                <div\n                  className={`\n                    mx-auto flex items-center justify-center text-xs font-medium transition-all\n                    ${isTodayDate ? 'font-bold text-primary' : ''}\n                    ${isPast && !isTodayDate ? 'text-base-content/40' : 'text-base-content'}\n                  `}\n                >\n                  {formatDate(day, 'D')}\n                </div>\n              </div>\n            )\n          })}\n        </div>\n\n        {/* Time grid */}\n        <div\n          ref={bodyRef}\n          className={fitContainer ? 'grid flex-1' : 'flex-1 overflow-y-auto'}\n          style={fitContainer ? { gridTemplateRows: `repeat(${timeSlots.length}, 1fr)` } : undefined}\n          data-testid={getTestId('grid')}\n        >\n          {timeSlots.map((hour) => (\n            <div\n              key={hour}\n              className={`grid grid-cols-[80px_repeat(7,1fr)] border-b border-base-200 last:border-b-0 ${fitContainer ? 'min-h-10' : 'h-20'}`}\n              data-testid={getTestId(`row-${hour}`)}\n            >\n              {/* Time label */}\n              <div\n                className=\"flex items-start justify-end border-l border-r border-base-200 bg-base-200/50 p-2 pt-1 text-xs text-base-content/50\"\n                data-testid={getTestId(`time-${hour}`)}\n              >\n                {formatHour(hour)}\n              </div>\n\n              {/* Day cells */}\n              {weekDays.map((day) => {\n                const dayStr = formatDate(day, 'YYYY-MM-DD')\n                const hourEvents = getEventsForDayAndHour(dayStr, hour)\n                const isPast = isPastDate(day) && !isToday(day)\n\n                return (\n                  <div\n                    key={`${dayStr}-${hour}`}\n                    className={`\n                      relative flex cursor-pointer flex-col justify-start overflow-y-auto border-r border-base-200 p-1 last:border-r-0\n                      hover:bg-primary/5\n                      ${fitContainer ? '' : 'h-20'}\n                      ${isPast && !allowPastInteraction ? 'cursor-not-allowed hover:cursor-not-allowed' : ''}\n                    `}\n                    data-testid={getTestId(`cell-${dayStr}-${hour}`)}\n                    onClick={(e) => {\n                      if (isPast && !allowPastInteraction) {\n                        return\n                      }\n\n                      if (\n                        onSelectSlot &&\n                        (e.target === e.currentTarget ||\n                          (e.target as HTMLElement).classList.contains('week-calendar-time-cell'))\n                      ) {\n                        const start = new Date(day)\n                        start.setHours(hour, 0, 0, 0)\n\n                        const end = new Date(day)\n                        end.setHours(hour + 1, 0, 0, 0)\n\n                        onSelectSlot({ start, end })\n                      }\n                    }}\n                  >\n                    {hourEvents.map((event, idx) => (\n                      <div\n                        key={idx}\n                        className={`\n                          mb-px flex shrink-0 cursor-pointer items-center rounded px-1 py-0.5 text-xs leading-none\n                          text-base-content transition-colors hover:bg-base-content/5 last:mb-0\n                          ${event.strikethrough ? 'line-through' : ''}\n                        `}\n                        style={event.style}\n                        title={event.title}\n                        data-testid={getTestId(`event-${dayStr}-${hour}-${idx}`)}\n                        onClick={(e) => {\n                          e.stopPropagation()\n                          onEventClick?.(event)\n                        }}\n                      >\n                        <div\n                          className=\"mr-1.5 inline-block h-2 w-2 shrink-0 rounded-full\"\n                          style={{ backgroundColor: event.color || '#bfbfbf' }}\n                        />\n                        <div className=\"min-w-0 flex-1 overflow-hidden text-ellipsis whitespace-nowrap\">\n                          {event.title}\n                        </div>\n                      </div>\n                    ))}\n                  </div>\n                )\n              })}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  }\n) as <T extends CalendarEvent = CalendarEvent>(\n  props: WeekCalendarProps<T> & { ref?: React.ForwardedRef<HTMLDivElement> }\n) => React.ReactElement\n\n;(WeekCalendar as React.FC).displayName = 'WeekCalendar'\n"],"names":["defaultLocale","date","hour","isToday","isEqual","a","b","acopy","bcopy","isPastDate","today","checkDate","getWeekStart","d","day","diff","addDays","days","result","formatDate","format","dayName","WeekCalendar","forwardRef","events","locale","onEventClick","onDayClick","onSelectSlot","allowPastInteraction","fitContainer","startHour","endHour","className","testId","rest","ref","bodyRef","useRef","headerRef","useEffect","adjustScrollbar","bodyElement","headerElement","scrollbarWidth","weekStart","weekDays","_","i","getTestId","suffix","eventsByDay","useMemo","grouped","event","eventDate","timeSlots","formatHour","getEventsForDayAndHour","dayStr","jsxs","jsx","isPast","isTodayDate","dayKey","hourEvents","e","start","end","idx"],"mappings":"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"}