@softium/calendar 0.1.0

package/dist/index.js

@@ -0,0 +1,3275 @@
+"use client";
+import { Check, MoreVertical, Pencil, Trash2, ChevronDown, Plus, X, Minus, Repeat, ChevronLeft, ChevronRight, Undo2, Redo2, Search } from 'lucide-react';
+import { useState, useRef, useEffect, useMemo, useCallback } from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+// src/Calendar.tsx
+
+// src/i18n.ts
+function pick(language, ko, en) {
+  return language === "ko" ? ko : en;
+}
+
+// src/utils/color.ts
+var COLOR_PRESETS = [
+  "#E30000",
+  "#FF9500",
+  "#FFCC00",
+  "#34C759",
+  "#30B0C7",
+  "#007AFF",
+  "#5856D6",
+  "#AF52DE",
+  "#FF3B30",
+  "#A2845E"
+];
+var DEFAULT_COLOR = "#E30000";
+function findClosestPresetColor(hex) {
+  const parse = (h) => {
+    const c = h.replace("#", "");
+    return [
+      Number.parseInt(c.substring(0, 2), 16),
+      Number.parseInt(c.substring(2, 4), 16),
+      Number.parseInt(c.substring(4, 6), 16)
+    ];
+  };
+  try {
+    const [r, g, b] = parse(hex);
+    let minDist = Number.POSITIVE_INFINITY;
+    let closest = COLOR_PRESETS[0];
+    for (const preset of COLOR_PRESETS) {
+      const [pr, pg, pb] = parse(preset);
+      const dist = (r - pr) ** 2 + (g - pg) ** 2 + (b - pb) ** 2;
+      if (dist < minDist) {
+        minDist = dist;
+        closest = preset;
+      }
+    }
+    return closest;
+  } catch {
+    return DEFAULT_COLOR;
+  }
+}
+function withAlpha(color, alpha) {
+  const hex = (color ?? DEFAULT_COLOR).replace("#", "");
+  const r = Number.parseInt(hex.substring(0, 2), 16);
+  const g = Number.parseInt(hex.substring(2, 4), 16);
+  const b = Number.parseInt(hex.substring(4, 6), 16);
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+}
+function CategoryItem({
+  cat,
+  index,
+  checked,
+  language,
+  colorPalette,
+  editing,
+  onToggle,
+  onEditStart,
+  onEditCommit,
+  onEditCancel,
+  onDelete,
+  onDragStartRow,
+  onDragEnterRow,
+  onDropRow
+}) {
+  const [menuOpen, setMenuOpen] = useState(false);
+  const [editName, setEditName] = useState(cat.name);
+  const [editColor, setEditColor] = useState(cat.color);
+  const [colorOpen, setColorOpen] = useState(false);
+  const rootRef = useRef(null);
+  useEffect(() => {
+    if (editing) {
+      setEditName(cat.name);
+      setEditColor(cat.color);
+      setColorOpen(false);
+    }
+  }, [editing, cat.name, cat.color]);
+  useEffect(() => {
+    if (!menuOpen) return;
+    const onDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) setMenuOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [menuOpen]);
+  if (editing) {
+    return /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow sft-cal-catrow--editing", ref: rootRef, children: [
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow__colorwrap", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-catrow__swatch",
+            style: { background: editColor, borderColor: editColor },
+            onClick: () => setColorOpen((v) => !v),
+            "aria-label": "pick color"
+          }
+        ),
+        colorOpen && /* @__PURE__ */ jsx("div", { className: "sft-cal-colorgrid", children: colorPalette.map((c) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-colorgrid__swatch",
+            "data-active": editColor === c || void 0,
+            style: { background: c },
+            onClick: () => {
+              setEditColor(c);
+              setColorOpen(false);
+            },
+            "aria-label": c
+          },
+          c
+        )) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "sft-cal-catrow__name-input",
+          value: editName,
+          autoFocus: true,
+          onChange: (e) => setEditName(e.target.value),
+          onKeyDown: (e) => {
+            if (e.key === "Enter" && editName.trim())
+              onEditCommit(cat.id, { name: editName.trim(), color: editColor });
+            else if (e.key === "Escape") onEditCancel();
+          }
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "sft-cal-btn sft-cal-btn--primary sft-cal-btn--sm",
+          disabled: !editName.trim(),
+          onClick: () => onEditCommit(cat.id, { name: editName.trim(), color: editColor }),
+          children: pick(language, "\uC800\uC7A5", "Save")
+        }
+      )
+    ] });
+  }
+  const onDragStart = (e) => {
+    e.dataTransfer.effectAllowed = "move";
+    onDragStartRow(index);
+  };
+  const onDragEnter = () => onDragEnterRow(index);
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "sft-cal-catrow",
+      ref: rootRef,
+      draggable: true,
+      onDragStart,
+      onDragEnter,
+      onDragOver: (e) => e.preventDefault(),
+      onDrop: onDropRow,
+      onDragEnd: onDropRow,
+      children: [
+        /* @__PURE__ */ jsxs("button", { type: "button", className: "sft-cal-catrow__main", onClick: () => onToggle(cat.id), children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "sft-cal-catrow__dot",
+              "data-checked": checked || void 0,
+              style: { background: cat.color, borderColor: cat.color },
+              children: checked && /* @__PURE__ */ jsx(Check, { size: 12, strokeWidth: 3 })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sft-cal-catrow__name", children: cat.name })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow__menu", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal-catrow__menu-trigger",
+              "aria-label": "category menu",
+              onClick: (e) => {
+                e.stopPropagation();
+                setMenuOpen((v) => !v);
+              },
+              children: /* @__PURE__ */ jsx(MoreVertical, { size: 16 })
+            }
+          ),
+          menuOpen && /* @__PURE__ */ jsxs("div", { className: "sft-cal-menu", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "sft-cal-menu__item",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setMenuOpen(false);
+                  onEditStart(cat);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Pencil, { size: 14 }),
+                  pick(language, "\uD3B8\uC9D1", "Edit")
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: "sft-cal-menu__item sft-cal-menu__item--danger",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  setMenuOpen(false);
+                  onDelete(cat.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(Trash2, { size: 14 }),
+                  pick(language, "\uC0AD\uC81C", "Delete")
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function CategoryFilter({
+  categories,
+  selectedCategoryIds,
+  language,
+  onToggle,
+  onAdd,
+  onUpdate,
+  onDelete,
+  onReorder
+}) {
+  const [open, setOpen] = useState(false);
+  const [editingId, setEditingId] = useState(null);
+  const [showAdd, setShowAdd] = useState(false);
+  const [name, setName] = useState("");
+  const [color, setColor] = useState(COLOR_PRESETS[0]);
+  const [colorOpen, setColorOpen] = useState(false);
+  const rootRef = useRef(null);
+  const dragIndexRef = useRef(null);
+  useEffect(() => {
+    if (!open) return;
+    const onDown = (e) => {
+      if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", onDown);
+    return () => document.removeEventListener("mousedown", onDown);
+  }, [open]);
+  const allSelected = selectedCategoryIds.length === categories.length;
+  const label = allSelected ? pick(language, "\uC804\uCCB4 \uCE74\uD14C\uACE0\uB9AC", "All categories") : pick(
+    language,
+    `${selectedCategoryIds.length}\uAC1C \uC120\uD0DD\uB428`,
+    `${selectedCategoryIds.length} selected`
+  );
+  const usedColors = new Set(categories.map((c) => c.color));
+  const nextColor = COLOR_PRESETS.find((c) => !usedColors.has(c)) ?? COLOR_PRESETS[0];
+  const commitAdd = () => {
+    if (!name.trim()) return;
+    onAdd({ name: name.trim(), color });
+    setShowAdd(false);
+    setName("");
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "sft-cal-catfilter", ref: rootRef, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "sft-cal-catfilter__trigger",
+        "aria-haspopup": "true",
+        "aria-expanded": open,
+        onClick: () => setOpen((v) => !v),
+        children: [
+          /* @__PURE__ */ jsx("span", { children: label }),
+          /* @__PURE__ */ jsx(ChevronDown, { size: 16 })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsxs("div", { className: "sft-cal-catfilter__popover", children: [
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-catfilter__list", children: categories.map((cat, index) => /* @__PURE__ */ jsx(
+        CategoryItem,
+        {
+          cat,
+          index,
+          checked: selectedCategoryIds.includes(cat.id),
+          language,
+          colorPalette: COLOR_PRESETS,
+          editing: editingId === cat.id,
+          onToggle,
+          onEditStart: (c) => setEditingId(c.id),
+          onEditCommit: (id, data) => {
+            onUpdate(id, data);
+            setEditingId(null);
+          },
+          onEditCancel: () => setEditingId(null),
+          onDelete,
+          onDragStartRow: (i) => {
+            dragIndexRef.current = i;
+          },
+          onDragEnterRow: (i) => {
+            const from = dragIndexRef.current;
+            if (from != null && from !== i) {
+              onReorder(from, i);
+              dragIndexRef.current = i;
+            }
+          },
+          onDropRow: () => {
+            dragIndexRef.current = null;
+          }
+        },
+        cat.id
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-modal__divider" }),
+      showAdd ? /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow sft-cal-catrow--editing", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow__colorwrap", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal-catrow__swatch",
+              style: { background: color, borderColor: color },
+              onClick: () => setColorOpen((v) => !v),
+              "aria-label": "pick color"
+            }
+          ),
+          colorOpen && /* @__PURE__ */ jsx("div", { className: "sft-cal-colorgrid", children: COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal-colorgrid__swatch",
+              "data-active": color === c || void 0,
+              style: { background: c },
+              onClick: () => {
+                setColor(c);
+                setColorOpen(false);
+              },
+              "aria-label": c
+            },
+            c
+          )) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "sft-cal-catrow__name-input",
+            autoFocus: true,
+            placeholder: pick(language, "\uCE74\uD14C\uACE0\uB9AC \uC774\uB984", "Category name"),
+            value: name,
+            onChange: (e) => setName(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") commitAdd();
+              else if (e.key === "Escape") setShowAdd(false);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-btn sft-cal-btn--primary sft-cal-btn--sm",
+            disabled: !name.trim(),
+            onClick: commitAdd,
+            children: pick(language, "\uC800\uC7A5", "Save")
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "sft-cal-modal__ghostrow",
+          onClick: () => {
+            setColor(nextColor);
+            setName("");
+            setShowAdd(true);
+          },
+          children: [
+            /* @__PURE__ */ jsx(Plus, { size: 14 }),
+            pick(language, "\uC0C8 \uCE74\uD14C\uACE0\uB9AC", "New category")
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/utils/date.ts
+var monthNames = {
+  ko: ["1\uC6D4", "2\uC6D4", "3\uC6D4", "4\uC6D4", "5\uC6D4", "6\uC6D4", "7\uC6D4", "8\uC6D4", "9\uC6D4", "10\uC6D4", "11\uC6D4", "12\uC6D4"],
+  en: [
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
+  ]
+};
+var dayNames = {
+  ko: ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
+  en: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"]
+};
+function getDaysInMonth(date) {
+  const year = date.getFullYear();
+  const month = date.getMonth();
+  const firstDay = new Date(year, month, 1);
+  const lastDay = new Date(year, month + 1, 0);
+  const daysInMonth = lastDay.getDate();
+  const startingDayOfWeek = firstDay.getDay();
+  const days = [];
+  for (let i = 0; i < startingDayOfWeek; i++) {
+    days.push(new Date(year, month, -startingDayOfWeek + i + 1));
+  }
+  for (let i = 1; i <= daysInMonth; i++) {
+    days.push(new Date(year, month, i));
+  }
+  const weeksNeeded = Math.ceil(days.length / 7);
+  const remainingCells = weeksNeeded * 7 - days.length;
+  for (let i = 1; i <= remainingCells; i++) {
+    days.push(new Date(year, month + 1, i));
+  }
+  return { days, rows: weeksNeeded };
+}
+function getWeekDays(date) {
+  const day = date.getDay();
+  const sunday = new Date(date);
+  sunday.setDate(date.getDate() - day);
+  const days = [];
+  for (let i = 0; i < 7; i++) {
+    const weekDay = new Date(sunday);
+    weekDay.setDate(sunday.getDate() + i);
+    days.push(weekDay);
+  }
+  return days;
+}
+function isSameDay(a, b) {
+  if (!a || !b) return false;
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function isToday(date) {
+  return isSameDay(date, /* @__PURE__ */ new Date());
+}
+function isCurrentMonth(date, currentDate) {
+  if (!date) return false;
+  return date.getMonth() === currentDate.getMonth();
+}
+function getPreviousPeriodDate(currentDate, viewType) {
+  const d = new Date(currentDate);
+  if (viewType === "day") d.setDate(currentDate.getDate() - 1);
+  else if (viewType === "week") d.setDate(currentDate.getDate() - 7);
+  else if (viewType === "year") return new Date(currentDate.getFullYear() - 1, 0, 1);
+  else return new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1);
+  return d;
+}
+function getNextPeriodDate(currentDate, viewType) {
+  const d = new Date(currentDate);
+  if (viewType === "day") d.setDate(currentDate.getDate() + 1);
+  else if (viewType === "week") d.setDate(currentDate.getDate() + 7);
+  else if (viewType === "year") return new Date(currentDate.getFullYear() + 1, 0, 1);
+  else return new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1);
+  return d;
+}
+function formatDate(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+function minutesFromY(clientY, rect) {
+  const ratio = (clientY - rect.top) / rect.height;
+  return Math.max(0, Math.min(24 * 60, ratio * 24 * 60));
+}
+function snapMinutes(minutes, step = 15) {
+  return Math.round(minutes / step) * step;
+}
+function minutesToHHMM(minutes) {
+  const m = Math.max(0, Math.min(23 * 60 + 59, Math.round(minutes)));
+  const h = Math.floor(m / 60);
+  const mm = m % 60;
+  return `${String(h).padStart(2, "0")}:${String(mm).padStart(2, "0")}`;
+}
+function hhmmToMinutes(hhmm) {
+  if (!hhmm) return 0;
+  const [h, m] = hhmm.split(":").map((n) => Number(n));
+  return (h || 0) * 60 + (m || 0);
+}
+var OPTIONS = [
+  { value: "this", ko: "\uC774 \uC77C\uC815\uB9CC", en: "This event only" },
+  { value: "following", ko: "\uC774\uD6C4 \uBAA8\uB4E0 \uC77C\uC815", en: "This and following events" },
+  { value: "all", ko: "\uBAA8\uB4E0 \uBC18\uBCF5 \uC77C\uC815", en: "All recurring events" }
+];
+function DeleteOptionsDialog({
+  language,
+  selectedDeleteType,
+  setSelectedDeleteType,
+  onCancel,
+  onDelete
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "sft-cal-overlay", onMouseDown: onCancel, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "sft-cal-confirm",
+      role: "dialog",
+      "aria-modal": "true",
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-confirm__title", children: pick(language, "\uBC18\uBCF5 \uC77C\uC815 \uC0AD\uC81C", "Delete recurring event") }),
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-confirm__options", children: OPTIONS.map((o) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-delopt",
+            "data-active": selectedDeleteType === o.value || void 0,
+            onClick: () => setSelectedDeleteType(o.value),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sft-cal-delopt__radio", "aria-hidden": "true" }),
+              pick(language, o.ko, o.en)
+            ]
+          },
+          o.value
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-confirm__actions", children: [
+          /* @__PURE__ */ jsx("button", { type: "button", className: "sft-cal-btn sft-cal-btn--outline", onClick: onCancel, children: pick(language, "\uCDE8\uC18C", "Cancel") }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "sft-cal-btn sft-cal-btn--danger", onClick: onDelete, children: pick(language, "\uC0AD\uC81C", "Delete") })
+        ] })
+      ]
+    }
+  ) });
+}
+function SegmentTabs({
+  value,
+  onValueChange,
+  options,
+  block,
+  className
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `sft-cal-seg${block ? " sft-cal-seg--block" : ""}${className ? ` ${className}` : ""}`,
+      children: options.map((option) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "sft-cal-seg__btn",
+          "data-active": value === option.value || void 0,
+          onClick: () => onValueChange(option.value),
+          children: option.label
+        },
+        option.value
+      ))
+    }
+  );
+}
+var WEEKDAYS = [
+  { value: 0, ko: "\uC6D4", en: "M" },
+  { value: 1, ko: "\uD654", en: "T" },
+  { value: 2, ko: "\uC218", en: "W" },
+  { value: 3, ko: "\uBAA9", en: "T" },
+  { value: 4, ko: "\uAE08", en: "F" },
+  { value: 5, ko: "\uD1A0", en: "S" },
+  { value: 6, ko: "\uC77C", en: "S" }
+];
+function RecurrenceSection({
+  language,
+  recurrenceFreq,
+  setRecurrenceFreq,
+  selectedWeekdays,
+  setSelectedWeekdays,
+  recurrenceEndType,
+  setRecurrenceEndType,
+  recurrenceCount,
+  setRecurrenceCount,
+  setRecurrenceEndDate,
+  internalStartDate
+}) {
+  const toggleWeekday = (value) => {
+    if (selectedWeekdays.includes(value)) {
+      setSelectedWeekdays(selectedWeekdays.filter((d) => d !== value));
+    } else {
+      setSelectedWeekdays([...selectedWeekdays, value].sort((a, b) => a - b));
+    }
+  };
+  const onEndTypeChange = (type) => {
+    setRecurrenceEndType(type);
+    if (type === "date" && internalStartDate) {
+      const oneYearLater = new Date(internalStartDate);
+      oneYearLater.setFullYear(oneYearLater.getFullYear() + 1);
+      setRecurrenceEndDate(oneYearLater);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "sft-cal-recur", children: [
+    /* @__PURE__ */ jsx(
+      SegmentTabs,
+      {
+        block: true,
+        value: recurrenceFreq,
+        onValueChange: (v) => setRecurrenceFreq(v),
+        options: [
+          { value: "DAILY", label: pick(language, "\uB9E4\uC77C", "Daily") },
+          { value: "WEEKLY", label: pick(language, "\uB9E4\uC8FC", "Weekly") },
+          { value: "MONTHLY", label: pick(language, "\uB9E4\uC6D4", "Monthly") },
+          { value: "YEARLY", label: pick(language, "\uB9E4\uB144", "Yearly") }
+        ]
+      }
+    ),
+    recurrenceFreq === "WEEKLY" && /* @__PURE__ */ jsxs("div", { className: "sft-cal-recur__block", children: [
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uBC18\uBCF5 \uC694\uC77C", "Repeat on") }),
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-recur__weekdays", children: WEEKDAYS.map((d) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "sft-cal-recur__weekday",
+          "data-active": selectedWeekdays.includes(d.value) || void 0,
+          onClick: () => toggleWeekday(d.value),
+          children: pick(language, d.ko, d.en)
+        },
+        d.value
+      )) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "sft-cal-recur__block", children: [
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uC885\uB8CC", "Ends") }),
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-recur__end", children: [
+        /* @__PURE__ */ jsx(
+          SegmentTabs,
+          {
+            block: true,
+            value: recurrenceEndType,
+            onValueChange: (v) => onEndTypeChange(v),
+            options: [
+              { value: "never", label: pick(language, "\uC5C6\uC74C", "Never") },
+              { value: "date", label: pick(language, "\uB0A0\uC9DC", "Date") },
+              { value: "count", label: pick(language, "\uD69F\uC218", "Count") }
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-recur__count", children: recurrenceEndType === "count" && /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "sft-cal-input sft-cal-recur__count-input",
+              type: "text",
+              inputMode: "numeric",
+              value: String(recurrenceCount),
+              onChange: (e) => {
+                const v = e.target.value;
+                if (v === "") setRecurrenceCount("");
+                else if (/^[1-9]\d*$/.test(v)) setRecurrenceCount(Number.parseInt(v, 10));
+              },
+              onBlur: () => {
+                const n = Number(recurrenceCount);
+                if (recurrenceCount === "" || n < 1) setRecurrenceCount(1);
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sft-cal-recur__count-unit", children: pick(language, "\uD68C", "times") })
+        ] }) })
+      ] })
+    ] })
+  ] });
+}
+var toDateInput = (d) => d ? formatDate(d) : "";
+var fromDateInput = (v) => {
+  if (!v) return void 0;
+  const parts = v.split("-").map(Number);
+  return new Date(parts[0] ?? 1970, (parts[1] ?? 1) - 1, parts[2] ?? 1);
+};
+var timeToMinutes = (t) => {
+  const parts = t.split(":");
+  const h = Number(parts[0] ?? 0);
+  const m = Number(parts[1] ?? 0);
+  return h * 60 + m;
+};
+var minutesToTime = (mins) => {
+  const clamped = Math.max(0, Math.min(23 * 60 + 59, mins));
+  const h = Math.floor(clamped / 60);
+  const m = clamped % 60;
+  return `${String(h).padStart(2, "0")}:${String(m).padStart(2, "0")}`;
+};
+var weekdayOf = (d) => (d.getDay() + 6) % 7;
+function EventModal({
+  open,
+  onOpenChange,
+  event,
+  selectedDate,
+  selectedEndDate,
+  defaultStartTime = "09:00",
+  defaultEndTime = "10:00",
+  categories,
+  selectedCategoryIds,
+  language,
+  onSave,
+  onDelete,
+  onChange,
+  onToggleCategory,
+  onAddCategory,
+  onUpdateCategory,
+  onDeleteCategory,
+  onReorderCategories
+}) {
+  const [title, setTitle] = useState("");
+  const [startTime, setStartTime] = useState(defaultStartTime);
+  const [endTime, setEndTime] = useState(defaultEndTime);
+  const [description, setDescription] = useState("");
+  const [categoryId, setCategoryId] = useState(categories[0]?.id ?? "");
+  const [startDate, setStartDate] = useState(void 0);
+  const [endDate, setEndDate] = useState(void 0);
+  const [titleFocused, setTitleFocused] = useState(false);
+  const [showDescription, setShowDescription] = useState(false);
+  const [isRecurring, setIsRecurring] = useState(false);
+  const [recurrenceFreq, setRecurrenceFreq] = useState("WEEKLY");
+  const [selectedWeekdays, setSelectedWeekdays] = useState([]);
+  const [recurrenceEndType, setRecurrenceEndType] = useState("never");
+  const [recurrenceEndDate, setRecurrenceEndDate] = useState(void 0);
+  const [recurrenceCount, setRecurrenceCount] = useState(10);
+  const [showAddCategory, setShowAddCategory] = useState(false);
+  const [newCategoryName, setNewCategoryName] = useState("");
+  const [newCategoryColor, setNewCategoryColor] = useState(COLOR_PRESETS[0]);
+  const [addColorOpen, setAddColorOpen] = useState(false);
+  const [editingCategoryId, setEditingCategoryId] = useState(null);
+  const [showDeleteOptions, setShowDeleteOptions] = useState(false);
+  const [deleteType, setDeleteType] = useState("this");
+  const dragIndexRef = useRef(null);
+  const prevStartRef = useRef(startTime);
+  const isEdit = !!event;
+  const isPeriod = useMemo(
+    () => !!startDate && !!endDate && !isSameDay(startDate, endDate),
+    [startDate, endDate]
+  );
+  useEffect(() => {
+    if (!open) return;
+    setShowDeleteOptions(false);
+    setShowAddCategory(false);
+    setEditingCategoryId(null);
+    if (event) {
+      setTitle(event.title ?? "");
+      setStartTime(event.startTime ?? defaultStartTime);
+      setEndTime(event.endTime ?? defaultEndTime);
+      setDescription(event.description ?? "");
+      setCategoryId(event.categoryId ?? categories[0]?.id ?? "");
+      setStartDate(event.date);
+      setEndDate(event.endDate ?? event.date);
+      setShowDescription(!!event.description);
+      const rec = event.recurrence;
+      setIsRecurring(!!rec);
+      if (rec) {
+        setRecurrenceFreq(rec.freq);
+        setSelectedWeekdays(rec.byweekday ?? []);
+        setRecurrenceEndType(rec.until ? "date" : rec.count ? "count" : "never");
+        setRecurrenceEndDate(rec.until);
+        setRecurrenceCount(rec.count ?? 10);
+      } else {
+        setSelectedWeekdays([]);
+        setRecurrenceEndType("never");
+      }
+    } else {
+      const s = selectedDate ?? /* @__PURE__ */ new Date();
+      setTitle("");
+      setStartTime(defaultStartTime);
+      setEndTime(defaultEndTime);
+      setDescription("");
+      setCategoryId(categories[0]?.id ?? "");
+      setStartDate(s);
+      setEndDate(selectedEndDate ?? s);
+      setShowDescription(false);
+      setIsRecurring(false);
+      setSelectedWeekdays([]);
+      setRecurrenceEndType("never");
+      setRecurrenceCount(10);
+    }
+    prevStartRef.current = event?.startTime ?? defaultStartTime;
+  }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") onOpenChange(false);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [open, onOpenChange]);
+  const buildRecurrence = () => {
+    if (!isRecurring) return void 0;
+    const rec = { freq: recurrenceFreq, interval: 1 };
+    if (recurrenceFreq === "WEEKLY" && selectedWeekdays.length > 0)
+      rec.byweekday = selectedWeekdays;
+    if (recurrenceEndType === "date" && recurrenceEndDate) rec.until = recurrenceEndDate;
+    if (recurrenceEndType === "count") rec.count = Number(recurrenceCount) || 1;
+    return rec;
+  };
+  useEffect(() => {
+    if (!open || !onChange || !startDate) return;
+    onChange({
+      title,
+      startTime,
+      endTime,
+      description,
+      categoryId,
+      startDate,
+      endDate: isPeriod ? endDate : void 0,
+      recurrence: buildRecurrence()
+    });
+  }, [
+    open,
+    title,
+    startTime,
+    endTime,
+    description,
+    categoryId,
+    startDate,
+    endDate,
+    isPeriod,
+    isRecurring,
+    recurrenceFreq,
+    selectedWeekdays,
+    recurrenceEndType,
+    recurrenceEndDate,
+    recurrenceCount
+  ]);
+  const canSave = title.trim().length > 0 && !!startDate;
+  const handleSave = () => {
+    if (!canSave || !startDate) return;
+    onSave({
+      title: title.trim(),
+      startTime,
+      endTime,
+      description,
+      categoryId,
+      startDate,
+      endDate: isPeriod ? endDate : void 0,
+      recurrence: buildRecurrence()
+    });
+    onOpenChange(false);
+  };
+  const handleStartTimeChange = (v) => {
+    const duration = timeToMinutes(endTime) - timeToMinutes(prevStartRef.current);
+    setStartTime(v);
+    if (duration > 0) {
+      const nextEnd = minutesToTime(timeToMinutes(v) + duration);
+      if (timeToMinutes(nextEnd) >= timeToMinutes(v)) setEndTime(nextEnd);
+    }
+    prevStartRef.current = v;
+  };
+  const handleEndTimeChange = (v) => {
+    if (timeToMinutes(v) < timeToMinutes(startTime)) return;
+    setEndTime(v);
+  };
+  const toggleRecurring = (on) => {
+    setIsRecurring(on);
+    if (on && recurrenceFreq === "WEEKLY" && selectedWeekdays.length === 0 && startDate) {
+      setSelectedWeekdays([weekdayOf(startDate)]);
+    }
+  };
+  const handleDelete = () => {
+    if (event?.recurrence) setShowDeleteOptions(true);
+    else onDelete?.("all");
+  };
+  const usedColors = new Set(categories.map((c) => c.color));
+  const nextColor = COLOR_PRESETS.find((c) => !usedColors.has(c)) ?? COLOR_PRESETS[0];
+  if (!open) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "sft-cal-overlay", onMouseDown: (e) => e.stopPropagation(), children: [
+    /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal", role: "dialog", "aria-modal": "true", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal__titlewrap", children: [
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            className: "sft-cal-modal__title",
+            value: title,
+            placeholder: pick(language, "\uC0C8 \uC77C\uC815", "New event"),
+            onFocus: () => setTitleFocused(true),
+            onBlur: () => setTitleFocused(false),
+            onChange: (e) => setTitle(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" && !e.shiftKey) handleSave();
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-modal__close",
+            "aria-label": "close",
+            onClick: () => onOpenChange(false),
+            children: /* @__PURE__ */ jsx(X, { size: 18 })
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sft-cal-modal__underline", "data-active": titleFocused || void 0 })
+      ] }),
+      /* @__PURE__ */ jsxs("label", { className: "sft-cal-modal__repeat", children: [
+        /* @__PURE__ */ jsx("span", { children: pick(language, "\uBC18\uBCF5", "Repeat") }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            className: "sft-cal-switch",
+            checked: isRecurring,
+            onChange: (e) => toggleRecurring(e.target.checked)
+          }
+        )
+      ] }),
+      isRecurring && /* @__PURE__ */ jsx(
+        RecurrenceSection,
+        {
+          language,
+          recurrenceFreq,
+          setRecurrenceFreq,
+          selectedWeekdays,
+          setSelectedWeekdays,
+          recurrenceEndType,
+          setRecurrenceEndType,
+          recurrenceCount,
+          setRecurrenceCount,
+          recurrenceEndDate,
+          setRecurrenceEndDate,
+          internalStartDate: startDate
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal__grid2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-field", children: [
+          /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uC2DC\uC791 \uB0A0\uC9DC", "Start date") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              className: "sft-cal-input",
+              value: toDateInput(startDate),
+              onChange: (e) => {
+                const d = fromDateInput(e.target.value);
+                setStartDate(d);
+                if (d && (!endDate || endDate < d)) setEndDate(d);
+              }
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-field", children: [
+          /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uC885\uB8CC \uB0A0\uC9DC", "End date") }),
+          isRecurring && recurrenceEndType !== "date" ? /* @__PURE__ */ jsx("div", { className: "sft-cal-input sft-cal-input--static", children: pick(language, "\uC885\uB8CC\uC77C \uC5C6\uC74C", "No end date") }) : isRecurring && recurrenceEndType === "date" ? /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              className: "sft-cal-input",
+              value: toDateInput(recurrenceEndDate),
+              min: toDateInput(startDate),
+              onChange: (e) => setRecurrenceEndDate(fromDateInput(e.target.value))
+            }
+          ) : /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "date",
+              className: "sft-cal-input",
+              value: toDateInput(endDate),
+              min: toDateInput(startDate),
+              onChange: (e) => setEndDate(fromDateInput(e.target.value))
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal__grid2", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-field", children: [
+          /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uC2DC\uC791 \uC2DC\uAC04", "Start time") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "time",
+              className: "sft-cal-input",
+              value: startTime,
+              onChange: (e) => handleStartTimeChange(e.target.value)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-field", children: [
+          /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uC885\uB8CC \uC2DC\uAC04", "End time") }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "time",
+              className: "sft-cal-input",
+              value: endTime,
+              onChange: (e) => handleEndTimeChange(e.target.value)
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal__category", children: [
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-modal__cathead", children: /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uCE74\uD14C\uACE0\uB9AC", "Category") }) }),
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-modal__catlist", children: categories.map((cat, index) => /* @__PURE__ */ jsx(
+          CategoryItem,
+          {
+            cat,
+            index,
+            checked: cat.id === categoryId,
+            language,
+            colorPalette: COLOR_PRESETS,
+            editing: editingCategoryId === cat.id,
+            onToggle: (id) => setCategoryId(id),
+            onEditStart: (c) => setEditingCategoryId(c.id),
+            onEditCommit: (id, data) => {
+              onUpdateCategory(id, data);
+              setEditingCategoryId(null);
+            },
+            onEditCancel: () => setEditingCategoryId(null),
+            onDelete: (id) => {
+              onDeleteCategory(id);
+              if (categoryId === id)
+                setCategoryId(categories.find((c) => c.id !== id)?.id ?? "");
+            },
+            onDragStartRow: (i) => {
+              dragIndexRef.current = i;
+            },
+            onDragEnterRow: (i) => {
+              const from = dragIndexRef.current;
+              if (from != null && from !== i) {
+                onReorderCategories(from, i);
+                dragIndexRef.current = i;
+              }
+            },
+            onDropRow: () => {
+              dragIndexRef.current = null;
+            }
+          },
+          cat.id
+        )) }),
+        showAddCategory ? /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow sft-cal-catrow--editing", children: [
+          /* @__PURE__ */ jsxs("div", { className: "sft-cal-catrow__colorwrap", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "sft-cal-catrow__swatch",
+                style: { background: newCategoryColor, borderColor: newCategoryColor },
+                onClick: () => setAddColorOpen((v) => !v),
+                "aria-label": "pick color"
+              }
+            ),
+            addColorOpen && /* @__PURE__ */ jsx("div", { className: "sft-cal-colorgrid", children: COLOR_PRESETS.map((c) => /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "sft-cal-colorgrid__swatch",
+                "data-active": newCategoryColor === c || void 0,
+                style: { background: c },
+                onClick: () => {
+                  setNewCategoryColor(c);
+                  setAddColorOpen(false);
+                },
+                "aria-label": c
+              },
+              c
+            )) })
+          ] }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              className: "sft-cal-catrow__name-input",
+              autoFocus: true,
+              placeholder: pick(language, "\uCE74\uD14C\uACE0\uB9AC \uC774\uB984", "Category name"),
+              value: newCategoryName,
+              onChange: (e) => setNewCategoryName(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Enter" && newCategoryName.trim()) {
+                  const id = onAddCategory({
+                    name: newCategoryName.trim(),
+                    color: newCategoryColor
+                  });
+                  setCategoryId(id);
+                  setShowAddCategory(false);
+                  setNewCategoryName("");
+                } else if (e.key === "Escape") {
+                  setShowAddCategory(false);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal-btn sft-cal-btn--primary sft-cal-btn--sm",
+              disabled: !newCategoryName.trim(),
+              onClick: () => {
+                const id = onAddCategory({
+                  name: newCategoryName.trim(),
+                  color: newCategoryColor
+                });
+                setCategoryId(id);
+                setShowAddCategory(false);
+                setNewCategoryName("");
+              },
+              children: pick(language, "\uC800\uC7A5", "Save")
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-modal__ghostrow",
+            onClick: () => {
+              setNewCategoryColor(nextColor);
+              setNewCategoryName("");
+              setShowAddCategory(true);
+            },
+            children: [
+              /* @__PURE__ */ jsx(Plus, { size: 14 }),
+              pick(language, "\uC0C8 \uCE74\uD14C\uACE0\uB9AC", "New category")
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-modal__divider" }),
+      showDescription ? /* @__PURE__ */ jsxs("div", { className: "sft-cal-field", children: [
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal__cathead", children: [
+          /* @__PURE__ */ jsx("div", { className: "sft-cal-label", children: pick(language, "\uC124\uBA85", "Description") }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal-modal__collapse",
+              onClick: () => {
+                setShowDescription(false);
+                setDescription("");
+              },
+              children: [
+                /* @__PURE__ */ jsx(Minus, { size: 14 }),
+                pick(language, "\uC811\uAE30", "Collapse")
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            className: "sft-cal-textarea",
+            rows: 2,
+            autoFocus: true,
+            value: description,
+            onChange: (e) => setDescription(e.target.value)
+          }
+        )
+      ] }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: "sft-cal-modal__ghostrow",
+          onClick: () => setShowDescription(true),
+          children: [
+            /* @__PURE__ */ jsx(Plus, { size: 14 }),
+            pick(language, "\uC124\uBA85 \uCD94\uAC00", "Add description")
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-modal__actions", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-btn sft-cal-btn--outline sft-cal-btn--block",
+            onClick: () => onOpenChange(false),
+            children: pick(language, "\uCDE8\uC18C", "Cancel")
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-btn sft-cal-btn--primary sft-cal-btn--block",
+            disabled: !canSave,
+            onClick: handleSave,
+            children: isEdit ? pick(language, "\uC218\uC815", "Update") : pick(language, "\uCD94\uAC00", "Add")
+          }
+        ),
+        isEdit && onDelete && /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-btn sft-cal-btn--outline sft-cal-btn--icon",
+            "aria-label": pick(language, "\uC0AD\uC81C", "Delete"),
+            onClick: handleDelete,
+            children: /* @__PURE__ */ jsx(Trash2, { size: 16 })
+          }
+        )
+      ] })
+    ] }),
+    showDeleteOptions && /* @__PURE__ */ jsx(
+      DeleteOptionsDialog,
+      {
+        language,
+        selectedDeleteType: deleteType,
+        setSelectedDeleteType: setDeleteType,
+        onCancel: () => setShowDeleteOptions(false),
+        onDelete: () => {
+          onDelete?.(deleteType);
+          setShowDeleteOptions(false);
+          onOpenChange(false);
+        }
+      }
+    )
+  ] });
+}
+var OPTIONS2 = [
+  { value: "this", ko: "\uC774 \uC77C\uC815\uB9CC", en: "This event only" },
+  { value: "following", ko: "\uC774\uD6C4 \uBAA8\uB4E0 \uC77C\uC815", en: "This and following events" },
+  { value: "all", ko: "\uBAA8\uB4E0 \uBC18\uBCF5 \uC77C\uC815", en: "All recurring events" }
+];
+function RecurrenceScopeDialog({
+  language,
+  selectedScope,
+  setSelectedScope,
+  onCancel,
+  onConfirm
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "sft-cal-overlay", onMouseDown: onCancel, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "sft-cal-confirm",
+      role: "dialog",
+      "aria-modal": "true",
+      onMouseDown: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-confirm__title", children: pick(language, "\uBC18\uBCF5 \uC77C\uC815 \uC774\uB3D9", "Move recurring event") }),
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-confirm__options", children: OPTIONS2.map((o) => /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-delopt sft-cal-delopt--accent",
+            "data-active": selectedScope === o.value || void 0,
+            onClick: () => setSelectedScope(o.value),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: "sft-cal-delopt__radio", "aria-hidden": "true" }),
+              pick(language, o.ko, o.en)
+            ]
+          },
+          o.value
+        )) }),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal-confirm__actions", children: [
+          /* @__PURE__ */ jsx("button", { type: "button", className: "sft-cal-btn sft-cal-btn--outline", onClick: onCancel, children: pick(language, "\uCDE8\uC18C", "Cancel") }),
+          /* @__PURE__ */ jsx("button", { type: "button", className: "sft-cal-btn sft-cal-btn--primary", onClick: onConfirm, children: pick(language, "\uC774\uB3D9", "Move") })
+        ] })
+      ]
+    }
+  ) });
+}
+var idSeq = 0;
+var uid = (prefix) => `${prefix}-${Date.now().toString(36)}-${(idSeq++).toString(36)}`;
+var DEFAULT_CATEGORIES = [
+  { id: "personal", name: "\uAC1C\uC778", color: "#E30000" },
+  { id: "work", name: "\uC5C5\uBB34", color: "#007AFF" },
+  { id: "holiday", name: "\uD734\uAC00", color: "#34C759" }
+];
+function useCalendar(options = {}) {
+  const [events, setEventsRaw] = useState(options.initialEvents ?? []);
+  const [categories, setCategories] = useState(
+    options.initialCategories ?? DEFAULT_CATEGORIES
+  );
+  const [selectedCategoryIds, setSelectedCategoryIds] = useState(
+    () => (options.initialCategories ?? DEFAULT_CATEGORIES).map((c) => c.id)
+  );
+  const [past, setPast] = useState([]);
+  const [future, setFuture] = useState([]);
+  const eventsRef = useRef(events);
+  eventsRef.current = events;
+  const setEvents = useCallback((updater) => {
+    setPast((p) => [...p, eventsRef.current]);
+    setFuture([]);
+    setEventsRaw(updater);
+  }, []);
+  const undo = useCallback(() => {
+    setPast((p) => {
+      if (!p.length) return p;
+      const prev = p[p.length - 1];
+      setFuture((f) => [...f, eventsRef.current]);
+      setEventsRaw(prev);
+      return p.slice(0, -1);
+    });
+  }, []);
+  const redo = useCallback(() => {
+    setFuture((f) => {
+      if (!f.length) return f;
+      const next = f[f.length - 1];
+      setPast((p) => [...p, eventsRef.current]);
+      setEventsRaw(next);
+      return f.slice(0, -1);
+    });
+  }, []);
+  const addEvent = useCallback(
+    (data) => {
+      const event = { ...data, id: uid("evt") };
+      setEvents((prev) => [...prev, event]);
+      return event;
+    },
+    [setEvents]
+  );
+  const updateEvent = useCallback(
+    (id, data) => {
+      setEvents((prev) => prev.map((e) => e.id === id ? { ...e, ...data } : e));
+    },
+    [setEvents]
+  );
+  const deleteEvent = useCallback(
+    (id) => {
+      setEvents((prev) => prev.filter((e) => e.id !== id));
+    },
+    [setEvents]
+  );
+  const addCategory = useCallback((data) => {
+    const id = uid("cat");
+    setCategories((prev) => [...prev, { id, name: data.name, color: data.color }]);
+    setSelectedCategoryIds((prev) => [...prev, id]);
+    return id;
+  }, []);
+  const updateCategory = useCallback((id, data) => {
+    setCategories((prev) => prev.map((c) => c.id === id ? { ...c, ...data } : c));
+  }, []);
+  const deleteCategory = useCallback(
+    (id) => {
+      setCategories((prev) => prev.length <= 1 ? prev : prev.filter((c) => c.id !== id));
+      setSelectedCategoryIds((prev) => prev.filter((c) => c !== id));
+      setEvents((prev) => prev.filter((e) => e.categoryId !== id));
+    },
+    [setEvents]
+  );
+  const reorderCategories = useCallback((from, to) => {
+    setCategories((prev) => {
+      if (from === to || from < 0 || to < 0 || from >= prev.length || to >= prev.length)
+        return prev;
+      const next = [...prev];
+      const [moved] = next.splice(from, 1);
+      if (!moved) return prev;
+      next.splice(to, 0, moved);
+      return next;
+    });
+  }, []);
+  const toggleCategory = useCallback((id) => {
+    setSelectedCategoryIds(
+      (prev) => prev.includes(id) ? prev.filter((c) => c !== id) : [...prev, id]
+    );
+  }, []);
+  return {
+    events,
+    setEvents,
+    addEvent,
+    updateEvent,
+    deleteEvent,
+    canUndo: past.length > 0,
+    canRedo: future.length > 0,
+    undo,
+    redo,
+    categories,
+    setCategories,
+    addCategory,
+    updateCategory,
+    deleteCategory,
+    reorderCategories,
+    selectedCategoryIds,
+    toggleCategory,
+    setSelectedCategoryIds
+  };
+}
+
+// src/utils/events.ts
+var toJsDay = (editorIndex) => (editorIndex + 1) % 7;
+var startOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+function occurrencesInRange(base, rec, from, to) {
+  const interval = Math.max(1, rec.interval || 1);
+  const out = [];
+  const until = rec.until ? startOfDay(rec.until) : null;
+  const maxCount = rec.count ?? Number.POSITIVE_INFINITY;
+  const windowFrom = startOfDay(from);
+  const windowTo = startOfDay(to);
+  const GUARD = 5e3;
+  let produced = 0;
+  const consider = (d) => {
+    const day = startOfDay(d);
+    if (until && day > until) return false;
+    if (produced >= maxCount) return false;
+    produced += 1;
+    if (day >= windowFrom && day <= windowTo) out.push(day);
+    return true;
+  };
+  if (rec.freq === "WEEKLY" && rec.byweekday && rec.byweekday.length > 0) {
+    const weekdays = [...rec.byweekday].map(toJsDay).sort((a, b) => a - b);
+    const weekStart = startOfDay(base);
+    weekStart.setDate(weekStart.getDate() - weekStart.getDay());
+    for (let w = 0; w < GUARD; w++) {
+      const wkStart = new Date(weekStart);
+      wkStart.setDate(weekStart.getDate() + w * 7 * interval);
+      if (wkStart > windowTo && produced > 0) break;
+      let stop = false;
+      for (const jsDay of weekdays) {
+        const d = new Date(wkStart);
+        d.setDate(wkStart.getDate() + jsDay);
+        if (startOfDay(d) < startOfDay(base)) continue;
+        if (!consider(d)) {
+          stop = true;
+          break;
+        }
+      }
+      if (stop) break;
+      if (produced >= maxCount) break;
+      if (wkStart > windowTo) break;
+    }
+    return out;
+  }
+  for (let i = 0; i < GUARD; i++) {
+    const d = new Date(base);
+    if (rec.freq === "DAILY") d.setDate(base.getDate() + i * interval);
+    else if (rec.freq === "WEEKLY") d.setDate(base.getDate() + i * 7 * interval);
+    else if (rec.freq === "MONTHLY") d.setMonth(base.getMonth() + i * interval);
+    else d.setFullYear(base.getFullYear() + i * interval);
+    if (!consider(d)) break;
+    if (startOfDay(d) > windowTo && produced > 0 && maxCount === Number.POSITIVE_INFINITY) break;
+  }
+  return out;
+}
+function expandRecurringEvents(events, startDate, endDate) {
+  const expanded = [];
+  for (const event of events) {
+    if (!event.recurrence) {
+      expanded.push(event);
+      continue;
+    }
+    const occurrences = occurrencesInRange(event.date, event.recurrence, startDate, endDate);
+    for (const occ of occurrences) {
+      const excluded = event.exdate?.some((ex) => isSameDay(ex, occ));
+      if (excluded) continue;
+      const date = new Date(
+        occ.getFullYear(),
+        occ.getMonth(),
+        occ.getDate(),
+        event.date.getHours(),
+        event.date.getMinutes()
+      );
+      expanded.push({
+        ...event,
+        id: `${event.id}-recur-${date.getTime()}`,
+        date,
+        isRecurringInstance: true,
+        recurringEventId: event.id
+      });
+    }
+  }
+  return expanded;
+}
+function eventCoversDate(event, date) {
+  if (isSameDay(event.date, date)) return true;
+  if (!event.endDate) return false;
+  const check = startOfDay(date).getTime();
+  return check >= startOfDay(event.date).getTime() && check <= startOfDay(event.endDate).getTime();
+}
+function getEventsForDate(date, events, selectedCategoryIds) {
+  if (!date) return [];
+  return events.filter((event) => {
+    if (!eventCoversDate(event, date)) return false;
+    if (event.categoryId && !selectedCategoryIds.includes(event.categoryId)) return false;
+    return true;
+  }).sort((a, b) => {
+    if (!a.startTime && !b.startTime) return 0;
+    if (!a.startTime) return 1;
+    if (!b.startTime) return -1;
+    const ap = a.startTime.split(":");
+    const bp = b.startTime.split(":");
+    const aMin = Number(ap[0] ?? 0) * 60 + Number(ap[1] ?? 0);
+    const bMin = Number(bp[0] ?? 0) * 60 + Number(bp[1] ?? 0);
+    return aMin - bMin;
+  });
+}
+function getNextAvailableTime(date, events) {
+  if (!date) return "09:00";
+  const dayEvents = events.filter((e) => isSameDay(e.date, date));
+  for (let hour = 9; hour < 24; hour++) {
+    const timeStr = `${hour.toString().padStart(2, "0")}:00`;
+    if (!dayEvents.some((e) => e.startTime === timeStr)) return timeStr;
+  }
+  return "09:00";
+}
+var HOURS = Array.from({ length: 24 }, (_, i) => i);
+var MIN_EVENT_MINUTES = 15;
+function DayView({
+  currentDate,
+  events,
+  selectedCategoryIds,
+  categories,
+  language,
+  selectedEvent,
+  previewEvent,
+  onEventClick,
+  onAddEventClick,
+  onTimeRangeSelect,
+  onEventTimeChange
+}) {
+  const dayStart = new Date(currentDate);
+  dayStart.setHours(0, 0, 0, 0);
+  const dayEnd = new Date(currentDate);
+  dayEnd.setHours(23, 59, 59, 999);
+  const expanded = expandRecurringEvents(events, dayStart, dayEnd);
+  const dayEvents = expanded.filter((event) => {
+    const startMatch = event.date.getDate() === currentDate.getDate() && event.date.getMonth() === currentDate.getMonth() && event.date.getFullYear() === currentDate.getFullYear();
+    let inRange = startMatch;
+    if (!inRange && event.endDate) {
+      const check = new Date(
+        currentDate.getFullYear(),
+        currentDate.getMonth(),
+        currentDate.getDate()
+      ).getTime();
+      const s = new Date(
+        event.date.getFullYear(),
+        event.date.getMonth(),
+        event.date.getDate()
+      ).getTime();
+      const e = new Date(
+        event.endDate.getFullYear(),
+        event.endDate.getMonth(),
+        event.endDate.getDate()
+      ).getTime();
+      inRange = check >= s && check <= e;
+    }
+    return inRange;
+  }).filter((event) => !event.categoryId || selectedCategoryIds.includes(event.categoryId));
+  const dow = currentDate.getDay();
+  const dayCls = dow === 0 ? "sft-cal-sun" : dow === 6 ? "sft-cal-sat" : void 0;
+  const colRef = useRef(null);
+  const createRef = useRef(null);
+  const [createPreview, setCreatePreview] = useState(
+    null
+  );
+  const moveRef = useRef(null);
+  const justMovedRef = useRef(false);
+  const [livePreview, setLivePreview] = useState(null);
+  const createPreviewRef = useRef(null);
+  const livePreviewRef = useRef(null);
+  const [interacting, setInteracting] = useState(false);
+  useEffect(() => {
+    if (!interacting) return;
+    function onMove(e) {
+      const rect = colRef.current?.getBoundingClientRect();
+      if (!rect || rect.height <= 0) return;
+      if (createRef.current) {
+        const m = snapMinutes(minutesFromY(e.clientY, rect));
+        const next = { startMin: createRef.current.startMin, endMin: m };
+        createPreviewRef.current = next;
+        setCreatePreview(next);
+        return;
+      }
+      const mv = moveRef.current;
+      if (mv) {
+        if (!mv.moved && Math.abs(e.clientY - mv.startY) > 4) mv.moved = true;
+        if (!mv.moved) return;
+        const deltaMin = snapMinutes((e.clientY - mv.startY) / rect.height * 24 * 60);
+        let newStart = mv.origStart;
+        let newEnd = mv.origEnd;
+        if (mv.mode === "move") {
+          newStart = mv.origStart + deltaMin;
+          newEnd = mv.origEnd + deltaMin;
+          if (newStart < 0) {
+            newEnd -= newStart;
+            newStart = 0;
+          }
+          if (newEnd > 24 * 60) {
+            newStart -= newEnd - 24 * 60;
+            newEnd = 24 * 60;
+          }
+        } else if (mv.mode === "resize-start") {
+          newStart = Math.max(0, Math.min(mv.origEnd - MIN_EVENT_MINUTES, mv.origStart + deltaMin));
+        } else {
+          newEnd = Math.min(
+            24 * 60,
+            Math.max(mv.origStart + MIN_EVENT_MINUTES, mv.origEnd + deltaMin)
+          );
+        }
+        const next = { id: mv.event.id, startMin: newStart, endMin: newEnd };
+        livePreviewRef.current = next;
+        setLivePreview(next);
+      }
+    }
+    function onUp() {
+      if (createRef.current) {
+        const p = createPreviewRef.current;
+        if (p && Number.isFinite(p.startMin) && Number.isFinite(p.endMin)) {
+          const s = Math.min(p.startMin, p.endMin);
+          const e = Math.max(p.startMin, p.endMin);
+          if (e - s >= MIN_EVENT_MINUTES) onTimeRangeSelect(currentDate, s, e);
+        }
+        createRef.current = null;
+        createPreviewRef.current = null;
+        setCreatePreview(null);
+      }
+      if (moveRef.current?.moved) {
+        const mv = moveRef.current;
+        const p = livePreviewRef.current;
+        if (p && Number.isFinite(p.startMin) && Number.isFinite(p.endMin)) {
+          justMovedRef.current = true;
+          onEventTimeChange(mv.event, p.startMin, p.endMin);
+        }
+      }
+      moveRef.current = null;
+      livePreviewRef.current = null;
+      setLivePreview(null);
+      setInteracting(false);
+    }
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+    };
+  }, [interacting, currentDate, onTimeRangeSelect, onEventTimeChange]);
+  const beginCreate = (e) => {
+    if (e.target.closest('[data-event="true"]')) return;
+    if (e.pointerType === "touch") return;
+    const rect = colRef.current?.getBoundingClientRect();
+    if (!rect) return;
+    const m = snapMinutes(minutesFromY(e.clientY, rect));
+    createRef.current = { startMin: m };
+    setCreatePreview({ startMin: m, endMin: m });
+    setInteracting(true);
+  };
+  const beginMove = (e, event, mode) => {
+    if ((event.recurrence || event.isRecurringInstance) && mode !== "move") return;
+    e.stopPropagation();
+    e.preventDefault();
+    const origStart = hhmmToMinutes(event.startTime);
+    const origEnd = event.endTime ? hhmmToMinutes(event.endTime) : origStart + 60;
+    moveRef.current = { event, mode, startY: e.clientY, origStart, origEnd, moved: false };
+    setInteracting(true);
+  };
+  const handleEventItemClick = (e, event) => {
+    e.stopPropagation();
+    if (justMovedRef.current) {
+      justMovedRef.current = false;
+      return;
+    }
+    onEventClick(event, e.currentTarget);
+  };
+  const [focusedHour, setFocusedHour] = useState(null);
+  const slotRefs = useRef([]);
+  useEffect(() => {
+    if (focusedHour == null) return;
+    slotRefs.current[focusedHour]?.focus();
+  }, [focusedHour]);
+  return /* @__PURE__ */ jsxs("div", { className: "sft-cal-timegrid sft-cal-timegrid--day", children: [
+    /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__corner" }),
+    /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__colhead", children: /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: dayCls ? `sft-cal-timegrid__daylabel ${dayCls}` : "sft-cal-timegrid__daylabel",
+        children: [
+          (dayNames[language] ?? dayNames.en ?? [])[dow],
+          " (",
+          currentDate.getDate(),
+          ")"
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__hours", children: HOURS.map((hour) => /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__hour", children: /* @__PURE__ */ jsxs("span", { className: "sft-cal-timegrid__hourlabel", children: [
+      hour.toString().padStart(2, "0"),
+      ":00"
+    ] }) }, hour)) }),
+    /* @__PURE__ */ jsxs("div", { className: "sft-cal-timegrid__col", ref: colRef, onPointerDown: beginCreate, children: [
+      HOURS.map((hour) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: (el) => {
+            slotRefs.current[hour] = el;
+          },
+          type: "button",
+          className: "sft-cal-timegrid__slot",
+          tabIndex: (focusedHour ?? 9) === hour ? 0 : -1,
+          "aria-label": `${hour.toString().padStart(2, "0")}:00`,
+          onFocus: () => setFocusedHour(hour),
+          onKeyDown: (e) => {
+            if (e.key === "ArrowDown") {
+              e.preventDefault();
+              setFocusedHour(Math.min(23, hour + 1));
+            } else if (e.key === "ArrowUp") {
+              e.preventDefault();
+              setFocusedHour(Math.max(0, hour - 1));
+            }
+          },
+          onClick: (e) => {
+            if (e.target.closest('[data-event="true"]')) return;
+            onAddEventClick(currentDate, hour, e.clientX, e.clientY);
+          }
+        },
+        hour
+      )),
+      dayEvents.map((event) => {
+        const isEditing = selectedEvent?.id === event.id && previewEvent;
+        const live = livePreview?.id === event.id ? livePreview : null;
+        const data = isEditing ? {
+          title: previewEvent.title,
+          startTime: previewEvent.startTime,
+          endTime: previewEvent.endTime,
+          categoryId: previewEvent.categoryId
+        } : event;
+        const color = categories.find((c) => c.id === data.categoryId)?.color || "#E30000";
+        const startMin = live ? live.startMin : hhmmToMinutes(data.startTime);
+        const endMin = live ? live.endMin : data.endTime ? hhmmToMinutes(data.endTime) : startMin + 60;
+        const top = startMin / (24 * 60) * 100;
+        const height = (endMin - startMin) / (24 * 60) * 100;
+        const resizable = !event.recurrence && !event.isRecurringInstance;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            "data-event": "true",
+            "data-movable": "true",
+            className: "sft-cal-timeevent",
+            "data-editing": isEditing || void 0,
+            role: "button",
+            tabIndex: 0,
+            "aria-label": data.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)"),
+            style: {
+              top: `${top}%`,
+              height: `${height}%`,
+              left: "8px",
+              width: "calc(100% - 16px)",
+              background: withAlpha(color, 0.12),
+              borderLeft: `3px solid ${color}`
+            },
+            onPointerDown: (e) => beginMove(e, event, "move"),
+            onClick: (e) => handleEventItemClick(e, event),
+            onKeyDown: (e) => {
+              if (e.key === "Enter" || e.key === " ") {
+                e.preventDefault();
+                e.stopPropagation();
+                onEventClick(event, e.currentTarget);
+              }
+            },
+            children: [
+              resizable && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "sft-cal-timeevent__resize sft-cal-timeevent__resize--top",
+                  onPointerDown: (e) => beginMove(e, event, "resize-start")
+                }
+              ),
+              /* @__PURE__ */ jsxs("div", { className: "sft-cal-timeevent__label", style: { color }, children: [
+                event.recurrence && /* @__PURE__ */ jsx(Repeat, { size: 12 }),
+                /* @__PURE__ */ jsx("span", { className: "sft-cal-timeevent__title", children: data.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)") })
+              ] }),
+              resizable && /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "sft-cal-timeevent__resize sft-cal-timeevent__resize--bottom",
+                  onPointerDown: (e) => beginMove(e, event, "resize-end")
+                }
+              )
+            ]
+          },
+          event.id
+        );
+      }),
+      createPreview && (() => {
+        const s = Math.min(createPreview.startMin, createPreview.endMin);
+        const e = Math.max(createPreview.startMin, createPreview.endMin);
+        const top = s / (24 * 60) * 100;
+        const height = (e - s) / (24 * 60) * 100;
+        return /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "sft-cal-timeevent sft-cal-timeevent--draft",
+            style: {
+              top: `${top}%`,
+              height: `${height}%`,
+              left: "8px",
+              width: "calc(100% - 16px)"
+            },
+            children: /* @__PURE__ */ jsx("div", { className: "sft-cal-timeevent__label", children: /* @__PURE__ */ jsxs("span", { className: "sft-cal-timeevent__title", children: [
+              minutesToHHMM(s),
+              "\u2013",
+              minutesToHHMM(e)
+            ] }) })
+          }
+        );
+      })()
+    ] })
+  ] });
+}
+var startOfDay2 = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+var EVENT_H = 22;
+var ROW = EVENT_H + 1;
+function assignLayers(spanning) {
+  const layers = /* @__PURE__ */ new Map();
+  const laneEnds = [];
+  const sorted = [...spanning].sort((a, b) => a.start.getTime() - b.start.getTime());
+  for (const ev of sorted) {
+    let lane = 0;
+    while (lane < laneEnds.length && laneEnds[lane] >= startOfDay2(ev.start)) lane++;
+    laneEnds[lane] = startOfDay2(ev.end);
+    layers.set(ev.id, lane);
+  }
+  return layers;
+}
+function formatTime(time, language) {
+  const h = Number(time.split(":")[0]) || 0;
+  const period = h < 12 ? pick(language, "\uC624\uC804", "AM") : pick(language, "\uC624\uD6C4", "PM");
+  const display = h % 12 === 0 ? 12 : h % 12;
+  return pick(language, `${period} ${display}\uC2DC`, `${display} ${period}`);
+}
+function MonthView({
+  currentDate,
+  events,
+  selectedCategoryIds,
+  categories,
+  language,
+  holidays = [],
+  selectedEvent,
+  previewEvent,
+  expandedRows,
+  setExpandedRows,
+  onEventClick,
+  onAddEventClick,
+  onRangeSelect,
+  onEventMove,
+  onEventResize
+}) {
+  const { days, rows } = getDaysInMonth(currentDate);
+  const maxEventsToShow = rows === 4 ? 8 : rows === 5 ? 6 : 5;
+  const rangeStart = startOfDay2(days[0]);
+  const rangeEnd = startOfDay2(days[days.length - 1]);
+  const expanded = expandRecurringEvents(events, rangeStart, rangeEnd).filter(
+    (e) => !e.categoryId || selectedCategoryIds.includes(e.categoryId)
+  );
+  const [dragStart, setDragStart] = useState(null);
+  const [dragEnd, setDragEnd] = useState(null);
+  const [dragging, setDragging] = useState(false);
+  const dragXY = useRef({ x: 0, y: 0 });
+  useEffect(() => {
+    if (!dragging) return;
+    const onUp = () => {
+      setDragging(false);
+      if (dragStart && dragEnd && !isSameDay(dragStart, dragEnd)) {
+        const [s, e] = dragStart <= dragEnd ? [dragStart, dragEnd] : [dragEnd, dragStart];
+        onRangeSelect(s, e, dragXY.current.x, dragXY.current.y);
+      }
+      setDragStart(null);
+      setDragEnd(null);
+    };
+    window.addEventListener("pointerup", onUp);
+    return () => window.removeEventListener("pointerup", onUp);
+  }, [dragging, dragStart, dragEnd, onRangeSelect]);
+  const moveRef = useRef(null);
+  const justMovedRef = useRef(false);
+  const [moveTargetDate, setMoveTargetDate] = useState(null);
+  const moveTargetDateRef = useRef(null);
+  useEffect(() => {
+    function onMove(e) {
+      const m = moveRef.current;
+      if (!m || m.moved) return;
+      if (Math.abs(e.clientX - m.startX) > 4 || Math.abs(e.clientY - m.startY) > 4) m.moved = true;
+    }
+    function onUp() {
+      const m = moveRef.current;
+      if (m?.moved) {
+        const target = moveTargetDateRef.current;
+        if (target) {
+          justMovedRef.current = true;
+          if (m.mode === "move") onEventMove(m.event, target);
+          else onEventResize(m.event, m.mode === "resize-start" ? "start" : "end", target);
+        }
+      }
+      moveRef.current = null;
+      moveTargetDateRef.current = null;
+      setMoveTargetDate(null);
+    }
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+    };
+  }, [onEventMove, onEventResize]);
+  const startEventMove = (e, event, mode = "move") => {
+    if (e.pointerType === "touch") return;
+    if ((event.recurrence || event.isRecurringInstance) && mode !== "move") return;
+    e.stopPropagation();
+    moveRef.current = { event, mode, startX: e.clientX, startY: e.clientY, moved: false };
+  };
+  const handleEventItemClick = (e, event) => {
+    e.stopPropagation();
+    if (justMovedRef.current) {
+      justMovedRef.current = false;
+      return;
+    }
+    onEventClick(event, e.currentTarget);
+  };
+  const [focusedIndex, setFocusedIndex] = useState(null);
+  const cellRefs = useRef([]);
+  useEffect(() => {
+    if (focusedIndex == null) return;
+    cellRefs.current[focusedIndex]?.focus();
+  }, [focusedIndex]);
+  const handleGridKeyDown = (e) => {
+    const base = focusedIndex ?? days.findIndex((d) => isToday(d)) ?? 0;
+    let next = base;
+    if (e.key === "ArrowRight") next = base + 1;
+    else if (e.key === "ArrowLeft") next = base - 1;
+    else if (e.key === "ArrowDown") next = base + 7;
+    else if (e.key === "ArrowUp") next = base - 7;
+    else if (e.key === "Enter" || e.key === " ") {
+      const d = days[base];
+      if (d) onAddEventClick(d);
+      e.preventDefault();
+      return;
+    } else return;
+    e.preventDefault();
+    setFocusedIndex(Math.max(0, Math.min(days.length - 1, next)));
+  };
+  const dragPreview = dragging && dragStart && dragEnd && !isSameDay(dragStart, dragEnd) ? dragStart <= dragEnd ? { start: dragStart, end: dragEnd } : { start: dragEnd, end: dragStart } : null;
+  const inRange = (date, s, e) => {
+    const t = startOfDay2(date).getTime();
+    return t >= startOfDay2(s).getTime() && t <= startOfDay2(e).getTime();
+  };
+  const spanning = expanded.filter((e) => e.endDate).map((e) => ({ id: e.id, start: e.date, end: e.endDate }));
+  if (previewEvent?.isPeriod && previewEvent.startDate && previewEvent.endDate) {
+    spanning.push({ id: "preview-temp", start: previewEvent.startDate, end: previewEvent.endDate });
+  }
+  if (dragPreview) {
+    spanning.push({ id: "drag-temp", start: dragPreview.start, end: dragPreview.end });
+  }
+  const layers = assignLayers(spanning);
+  const maxLayer = layers.size ? Math.max(...layers.values()) : -1;
+  const periodEventsHeight = (maxLayer + 1) * ROW;
+  return /* @__PURE__ */ jsxs("div", { className: "sft-cal-month", children: [
+    /* @__PURE__ */ jsx("div", { className: "sft-cal-month__weekdays", children: (dayNames[language] ?? dayNames.en ?? []).map((label, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: `sft-cal-month__weekday${i === 0 ? " sft-cal-sun" : i === 6 ? " sft-cal-sat" : ""}`,
+        children: label
+      },
+      label
+    )) }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "sft-cal-month__grid",
+        style: { gridTemplateRows: `repeat(${rows}, 1fr)` },
+        role: "grid",
+        "aria-label": pick(language, "\uC6D4\uAC04 \uCE98\uB9B0\uB354", "Month calendar"),
+        onKeyDown: handleGridKeyDown,
+        children: days.map((date, index) => {
+          const rowIndex = Math.floor(index / 7);
+          const isWeekend = index % 7 === 0 || index % 7 === 6;
+          const dow = date.getDay();
+          const dayEvents = expanded.filter((e) => {
+            const t = startOfDay2(date).getTime();
+            const s = startOfDay2(e.date).getTime();
+            const en = e.endDate ? startOfDay2(e.endDate).getTime() : s;
+            return t >= s && t <= en;
+          });
+          const singles = dayEvents.filter((e) => !e.endDate);
+          const periodsForDay = dayEvents.filter((e) => e.endDate);
+          const rowExpanded = expandedRows.has(rowIndex);
+          const effectiveMax = rowExpanded ? dayEvents.length : maxEventsToShow;
+          const maxSingles = Math.max(0, effectiveMax - periodsForDay.length);
+          let displaySingles = singles.slice(0, maxSingles);
+          let remaining = singles.length - displaySingles.length;
+          if (!rowExpanded && remaining > 0 && maxSingles > 0) {
+            displaySingles = singles.slice(0, maxSingles - 1);
+            remaining = singles.length - displaySingles.length;
+          }
+          const holiday = holidays.find((h) => isSameDay(h.date, date));
+          const dateNumCls = !isCurrentMonth(date, currentDate) ? "sft-cal-month__num sft-cal-month__num--dim" : isToday(date) ? "sft-cal-month__num sft-cal-month__num--today" : dow === 0 || holiday ? "sft-cal-month__num sft-cal-sun" : dow === 6 ? "sft-cal-month__num sft-cal-sat" : "sft-cal-month__num";
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: (el) => {
+                cellRefs.current[index] = el;
+              },
+              className: "sft-cal-month__cell",
+              "data-weekend": isWeekend || void 0,
+              "data-lastrow": index >= days.length - 7 || void 0,
+              "data-lastcol": index % 7 === 6 || void 0,
+              "data-movetarget": moveTargetDate && isSameDay(moveTargetDate, date) || void 0,
+              role: "gridcell",
+              tabIndex: (focusedIndex ?? days.findIndex((d) => isToday(d)) ?? 0) === index ? 0 : -1,
+              "aria-label": `${date.getFullYear()}-${date.getMonth() + 1}-${date.getDate()}${holiday ? ` ${holiday.name}` : ""}`,
+              "aria-current": isToday(date) ? "date" : void 0,
+              onFocus: () => setFocusedIndex(index),
+              onPointerDown: (e) => {
+                if (e.target.closest('[data-event="true"],button')) return;
+                if (e.pointerType === "touch") return;
+                dragXY.current = { x: e.clientX, y: e.clientY };
+                setDragging(true);
+                setDragStart(date);
+                setDragEnd(date);
+              },
+              onMouseEnter: () => {
+                if (dragging) setDragEnd(date);
+                if (moveRef.current) {
+                  moveTargetDateRef.current = date;
+                  setMoveTargetDate(date);
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "sft-cal-month__cellhead", children: [
+                  holiday && /* @__PURE__ */ jsx("span", { className: "sft-cal-month__holiday", children: holiday.name }),
+                  /* @__PURE__ */ jsx("span", { className: dateNumCls, children: date.getDate() })
+                ] }),
+                /* @__PURE__ */ jsxs("div", { className: "sft-cal-month__events", children: [
+                  periodsForDay.map((event) => {
+                    const layer = layers.get(event.id) ?? 0;
+                    const color = categories.find((c) => c.id === event.categoryId)?.color || "#E30000";
+                    const isStart = isSameDay(event.date, date);
+                    const isEnd = event.endDate ? isSameDay(event.endDate, date) : true;
+                    const firstOfWeek = index % 7 === 0;
+                    const lastOfWeek = index % 7 === 6;
+                    const roundLeft = isStart || firstOfWeek;
+                    const roundRight = isEnd || lastOfWeek;
+                    const resizable = !event.recurrence && !event.isRecurringInstance;
+                    return /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-event": "true",
+                        className: "sft-cal-month__bar",
+                        "data-movable": "true",
+                        role: "button",
+                        tabIndex: isStart || firstOfWeek ? 0 : -1,
+                        "aria-label": event.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)"),
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            onEventClick(event, e.currentTarget);
+                          }
+                        },
+                        style: {
+                          top: `${layer * ROW}px`,
+                          background: withAlpha(color, 0.1),
+                          borderTopLeftRadius: roundLeft ? 4 : 0,
+                          borderBottomLeftRadius: roundLeft ? 4 : 0,
+                          borderTopRightRadius: roundRight ? 4 : 0,
+                          borderBottomRightRadius: roundRight ? 4 : 0,
+                          paddingLeft: roundLeft ? 8 : 4,
+                          paddingRight: roundRight ? 8 : 4
+                        },
+                        onPointerDown: (e) => startEventMove(e, event),
+                        onClick: (e) => handleEventItemClick(e, event),
+                        children: [
+                          resizable && isStart && /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: "sft-cal-month__bar-resize sft-cal-month__bar-resize--left",
+                              onPointerDown: (e) => startEventMove(e, event, "resize-start")
+                            }
+                          ),
+                          (isStart || firstOfWeek) && /* @__PURE__ */ jsxs("span", { className: "sft-cal-month__bar-title", style: { color }, children: [
+                            event.recurrence && /* @__PURE__ */ jsx(Repeat, { size: 11 }),
+                            event.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)")
+                          ] }),
+                          resizable && isEnd && /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              className: "sft-cal-month__bar-resize sft-cal-month__bar-resize--right",
+                              onPointerDown: (e) => startEventMove(e, event, "resize-end")
+                            }
+                          )
+                        ]
+                      },
+                      event.id
+                    );
+                  }),
+                  dragPreview && inRange(date, dragPreview.start, dragPreview.end) && (() => {
+                    const layer = layers.get("drag-temp") ?? 0;
+                    const isStart = isSameDay(dragPreview.start, date);
+                    const isEnd = isSameDay(dragPreview.end, date);
+                    const firstOfWeek = index % 7 === 0;
+                    const lastOfWeek = index % 7 === 6;
+                    const roundLeft = isStart || firstOfWeek;
+                    const roundRight = isEnd || lastOfWeek;
+                    return /* @__PURE__ */ jsx(
+                      "div",
+                      {
+                        className: "sft-cal-month__bar sft-cal-month__bar--drag",
+                        style: {
+                          top: `${layer * ROW}px`,
+                          borderTopLeftRadius: roundLeft ? 4 : 0,
+                          borderBottomLeftRadius: roundLeft ? 4 : 0,
+                          borderTopRightRadius: roundRight ? 4 : 0,
+                          borderBottomRightRadius: roundRight ? 4 : 0,
+                          paddingLeft: roundLeft ? 8 : 4,
+                          paddingRight: roundRight ? 8 : 4
+                        },
+                        children: (isStart || firstOfWeek) && /* @__PURE__ */ jsxs("span", { className: "sft-cal-month__bar-title", children: [
+                          /* @__PURE__ */ jsx(Plus, { size: 12 }),
+                          pick(language, "\uC0C8 \uC77C\uC815", "New event")
+                        ] })
+                      }
+                    );
+                  })(),
+                  displaySingles.map((event, i) => {
+                    const color = categories.find((c) => c.id === event.categoryId)?.color || "#E30000";
+                    return /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        "data-event": "true",
+                        className: "sft-cal-month__chip",
+                        "data-movable": "true",
+                        role: "button",
+                        tabIndex: 0,
+                        "aria-label": event.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)"),
+                        style: { marginTop: i === 0 ? periodEventsHeight : 1 },
+                        onPointerDown: (e) => startEventMove(e, event),
+                        onClick: (e) => handleEventItemClick(e, event),
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter" || e.key === " ") {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            onEventClick(event, e.currentTarget);
+                          }
+                        },
+                        children: [
+                          /* @__PURE__ */ jsx("span", { className: "sft-cal-month__chip-bar", style: { background: color } }),
+                          /* @__PURE__ */ jsx("span", { className: "sft-cal-month__chip-title", children: event.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)") }),
+                          event.recurrence && /* @__PURE__ */ jsx(Repeat, { className: "sft-cal-month__chip-icon", size: 12 }),
+                          event.startTime && /* @__PURE__ */ jsx("span", { className: "sft-cal-month__chip-time", children: formatTime(event.startTime, language) })
+                        ]
+                      },
+                      event.id
+                    );
+                  }),
+                  remaining > 0 && /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      className: "sft-cal-month__more",
+                      style: { marginTop: displaySingles.length ? 1 : periodEventsHeight },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setExpandedRows((prev) => {
+                          const next = new Set(prev);
+                          if (next.has(rowIndex)) next.delete(rowIndex);
+                          else next.add(rowIndex);
+                          return next;
+                        });
+                      },
+                      children: pick(language, `+${remaining}\uAC1C`, `+${remaining} more`)
+                    }
+                  ),
+                  previewEvent && !previewEvent.isPeriod && isSameDay(previewEvent.startDate ?? currentDate, date) && /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "sft-cal-month__chip sft-cal-month__chip--preview",
+                      style: { marginTop: singles.length === 0 ? periodEventsHeight : 1 },
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "span",
+                          {
+                            className: "sft-cal-month__chip-bar",
+                            style: {
+                              background: categories.find((c) => c.id === previewEvent.categoryId)?.color || "#000"
+                            }
+                          }
+                        ),
+                        /* @__PURE__ */ jsx("span", { className: "sft-cal-month__chip-title", children: previewEvent.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)") }),
+                        previewEvent.startTime && /* @__PURE__ */ jsx("span", { className: "sft-cal-month__chip-time", children: formatTime(previewEvent.startTime, language) })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "sft-cal-month__add",
+                      style: { marginTop: singles.length === 0 ? periodEventsHeight : 1 },
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        onAddEventClick(date, e.clientX, e.clientY);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx(Plus, { size: 14 }),
+                        pick(language, "\uC0C8 \uC77C\uC815", "New event")
+                      ]
+                    }
+                  )
+                ] })
+              ]
+            },
+            date.toISOString()
+          );
+        })
+      }
+    )
+  ] });
+}
+var HOURS2 = Array.from({ length: 24 }, (_, i) => i);
+var MIN_EVENT_MINUTES2 = 15;
+function dayColorClass(dayOfWeek) {
+  if (dayOfWeek === 0) return "sft-cal-sun";
+  if (dayOfWeek === 6) return "sft-cal-sat";
+  return void 0;
+}
+function WeekView({
+  currentDate,
+  events,
+  selectedCategoryIds,
+  categories,
+  language,
+  selectedEvent,
+  previewEvent,
+  onEventClick,
+  onAddEventClick,
+  onTimeRangeSelect,
+  onEventTimeChange
+}) {
+  const weekDays = getWeekDays(currentDate);
+  const weekStart = weekDays[0];
+  const weekEnd = weekDays[weekDays.length - 1];
+  const expanded = expandRecurringEvents(events, weekStart, weekEnd);
+  const eventsForDay = (date) => expanded.filter((event) => {
+    const startMatch = event.date.getDate() === date.getDate() && event.date.getMonth() === date.getMonth() && event.date.getFullYear() === date.getFullYear();
+    let inRange = startMatch;
+    if (!inRange && event.endDate) {
+      const check = new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime();
+      const s = new Date(
+        event.date.getFullYear(),
+        event.date.getMonth(),
+        event.date.getDate()
+      ).getTime();
+      const e = new Date(
+        event.endDate.getFullYear(),
+        event.endDate.getMonth(),
+        event.endDate.getDate()
+      ).getTime();
+      inRange = check >= s && check <= e;
+    }
+    return inRange;
+  }).filter((event) => !event.categoryId || selectedCategoryIds.includes(event.categoryId));
+  const colRefs = useRef([]);
+  const createRef = useRef(null);
+  const [createPreview, setCreatePreview] = useState(null);
+  const moveRef = useRef(null);
+  const justMovedRef = useRef(false);
+  const [livePreview, setLivePreview] = useState(null);
+  const createPreviewRef = useRef(
+    null
+  );
+  const livePreviewRef = useRef(null);
+  const [moveDayIndex, setMoveDayIndex] = useState(null);
+  const [interacting, setInteracting] = useState(false);
+  const findColIndexAtX = (x) => {
+    for (let i = 0; i < colRefs.current.length; i++) {
+      const el = colRefs.current[i];
+      if (!el) continue;
+      const r = el.getBoundingClientRect();
+      if (x >= r.left && x <= r.right) return i;
+    }
+    return null;
+  };
+  useEffect(() => {
+    if (!interacting) return;
+    function onMove(e) {
+      if (createRef.current) {
+        const rect = colRefs.current[createRef.current.dayIndex]?.getBoundingClientRect();
+        if (!rect || rect.height <= 0) return;
+        const m = snapMinutes(minutesFromY(e.clientY, rect));
+        const next = {
+          dayIndex: createRef.current.dayIndex,
+          startMin: createRef.current.startMin,
+          endMin: m
+        };
+        createPreviewRef.current = next;
+        setCreatePreview(next);
+        return;
+      }
+      const mv = moveRef.current;
+      if (mv) {
+        if (mv.mode === "move") {
+          const hoverIdx = findColIndexAtX(e.clientX);
+          if (hoverIdx != null && hoverIdx !== mv.dayIndex) {
+            mv.dayIndex = hoverIdx;
+            setMoveDayIndex(hoverIdx);
+          }
+        }
+        const rect = colRefs.current[mv.dayIndex]?.getBoundingClientRect();
+        if (!rect || rect.height <= 0) return;
+        if (!mv.moved && Math.abs(e.clientY - mv.startY) > 4) mv.moved = true;
+        if (!mv.moved) return;
+        const deltaMin = snapMinutes((e.clientY - mv.startY) / rect.height * 24 * 60);
+        let newStart = mv.origStart;
+        let newEnd = mv.origEnd;
+        if (mv.mode === "move") {
+          newStart = mv.origStart + deltaMin;
+          newEnd = mv.origEnd + deltaMin;
+          if (newStart < 0) {
+            newEnd -= newStart;
+            newStart = 0;
+          }
+          if (newEnd > 24 * 60) {
+            newStart -= newEnd - 24 * 60;
+            newEnd = 24 * 60;
+          }
+        } else if (mv.mode === "resize-start") {
+          newStart = Math.max(0, Math.min(mv.origEnd - MIN_EVENT_MINUTES2, mv.origStart + deltaMin));
+        } else {
+          newEnd = Math.min(
+            24 * 60,
+            Math.max(mv.origStart + MIN_EVENT_MINUTES2, mv.origEnd + deltaMin)
+          );
+        }
+        const next = { id: mv.event.id, startMin: newStart, endMin: newEnd };
+        livePreviewRef.current = next;
+        setLivePreview(next);
+      }
+    }
+    function onUp() {
+      if (createRef.current) {
+        const dayIndex = createRef.current.dayIndex;
+        const day = weekDays[dayIndex];
+        const p = createPreviewRef.current;
+        if (p && day && Number.isFinite(p.startMin) && Number.isFinite(p.endMin)) {
+          const s = Math.min(p.startMin, p.endMin);
+          const e = Math.max(p.startMin, p.endMin);
+          if (e - s >= MIN_EVENT_MINUTES2) onTimeRangeSelect(day, s, e);
+        }
+        createRef.current = null;
+        createPreviewRef.current = null;
+        setCreatePreview(null);
+      }
+      if (moveRef.current?.moved) {
+        const mv = moveRef.current;
+        const p = livePreviewRef.current;
+        if (p && Number.isFinite(p.startMin) && Number.isFinite(p.endMin)) {
+          justMovedRef.current = true;
+          const newDay = weekDays[mv.dayIndex];
+          const dayChanged = newDay && !isSameDay(newDay, mv.event.date);
+          onEventTimeChange(mv.event, p.startMin, p.endMin, dayChanged ? newDay : void 0);
+        }
+      }
+      moveRef.current = null;
+      livePreviewRef.current = null;
+      setLivePreview(null);
+      setMoveDayIndex(null);
+      setInteracting(false);
+    }
+    window.addEventListener("pointermove", onMove);
+    window.addEventListener("pointerup", onUp);
+    return () => {
+      window.removeEventListener("pointermove", onMove);
+      window.removeEventListener("pointerup", onUp);
+    };
+  }, [interacting, onTimeRangeSelect, onEventTimeChange]);
+  const beginCreate = (e, dayIndex) => {
+    if (e.target.closest('[data-event="true"]')) return;
+    if (e.pointerType === "touch") return;
+    const rect = colRefs.current[dayIndex]?.getBoundingClientRect();
+    if (!rect) return;
+    const m = snapMinutes(minutesFromY(e.clientY, rect));
+    createRef.current = { dayIndex, startMin: m };
+    setCreatePreview({ dayIndex, startMin: m, endMin: m });
+    setInteracting(true);
+  };
+  const beginMove = (e, event, dayIndex, mode) => {
+    if ((event.recurrence || event.isRecurringInstance) && mode !== "move") return;
+    e.stopPropagation();
+    e.preventDefault();
+    const origStart = hhmmToMinutes(event.startTime);
+    const origEnd = event.endTime ? hhmmToMinutes(event.endTime) : origStart + 60;
+    moveRef.current = {
+      event,
+      dayIndex,
+      mode,
+      startY: e.clientY,
+      origStart,
+      origEnd,
+      moved: false
+    };
+    setInteracting(true);
+  };
+  const handleEventItemClick = (e, event) => {
+    e.stopPropagation();
+    if (justMovedRef.current) {
+      justMovedRef.current = false;
+      return;
+    }
+    onEventClick(event, e.currentTarget);
+  };
+  const [focusedCell, setFocusedCell] = useState(null);
+  const slotRefs = useRef({});
+  useEffect(() => {
+    if (!focusedCell) return;
+    slotRefs.current[`${focusedCell.dayIndex}-${focusedCell.hour}`]?.focus();
+  }, [focusedCell]);
+  const defaultCell = { dayIndex: Math.max(0, weekDays.findIndex((d) => isToday(d))), hour: 9 };
+  const activeCell = focusedCell ?? defaultCell;
+  return /* @__PURE__ */ jsxs("div", { className: "sft-cal-timegrid sft-cal-timegrid--week", children: [
+    /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__corner" }),
+    weekDays.map((day, dayIndex) => {
+      const cls = dayColorClass(day.getDay());
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "sft-cal-timegrid__colhead",
+          "data-movetarget": moveDayIndex === dayIndex || void 0,
+          children: /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: cls ? `sft-cal-timegrid__daylabel ${cls}` : "sft-cal-timegrid__daylabel",
+              "data-today": isToday(day) || void 0,
+              children: [
+                (dayNames[language] ?? dayNames.en ?? [])[day.getDay()],
+                " (",
+                day.getDate(),
+                ")"
+              ]
+            }
+          )
+        },
+        day.toISOString()
+      );
+    }),
+    /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__hours", children: HOURS2.map((hour) => /* @__PURE__ */ jsx("div", { className: "sft-cal-timegrid__hour", children: /* @__PURE__ */ jsxs("span", { className: "sft-cal-timegrid__hourlabel", children: [
+      hour.toString().padStart(2, "0"),
+      ":00"
+    ] }) }, hour)) }),
+    weekDays.map((day, dayIndex) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "sft-cal-timegrid__col",
+        ref: (el) => {
+          colRefs.current[dayIndex] = el;
+        },
+        onPointerDown: (e) => beginCreate(e, dayIndex),
+        children: [
+          HOURS2.map((hour) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              ref: (el) => {
+                slotRefs.current[`${dayIndex}-${hour}`] = el;
+              },
+              type: "button",
+              className: "sft-cal-timegrid__slot",
+              tabIndex: activeCell.dayIndex === dayIndex && activeCell.hour === hour ? 0 : -1,
+              "aria-label": `${(dayNames[language] ?? dayNames.en ?? [])[day.getDay()]} ${day.getDate()}, ${hour.toString().padStart(2, "0")}:00`,
+              onFocus: () => setFocusedCell({ dayIndex, hour }),
+              onKeyDown: (e) => {
+                let nd = dayIndex;
+                let nh = hour;
+                if (e.key === "ArrowDown") nh = Math.min(23, hour + 1);
+                else if (e.key === "ArrowUp") nh = Math.max(0, hour - 1);
+                else if (e.key === "ArrowRight") nd = Math.min(weekDays.length - 1, dayIndex + 1);
+                else if (e.key === "ArrowLeft") nd = Math.max(0, dayIndex - 1);
+                else return;
+                e.preventDefault();
+                setFocusedCell({ dayIndex: nd, hour: nh });
+              },
+              onClick: (e) => {
+                if (e.target.closest('[data-event="true"]')) return;
+                onAddEventClick(day, hour, e.clientX, e.clientY);
+              }
+            },
+            hour
+          )),
+          eventsForDay(day).map((event) => {
+            if (moveRef.current?.event.id === event.id && moveRef.current.mode === "move" && moveDayIndex != null && moveDayIndex !== dayIndex) {
+              return null;
+            }
+            const isEditing = selectedEvent?.id === event.id && previewEvent;
+            const live = livePreview?.id === event.id ? livePreview : null;
+            const data = isEditing ? {
+              title: previewEvent.title,
+              startTime: previewEvent.startTime,
+              endTime: previewEvent.endTime,
+              categoryId: previewEvent.categoryId
+            } : event;
+            const color = categories.find((c) => c.id === data.categoryId)?.color || "#E30000";
+            const startMin = live ? live.startMin : hhmmToMinutes(data.startTime);
+            const endMin = live ? live.endMin : data.endTime ? hhmmToMinutes(data.endTime) : startMin + 60;
+            const top = startMin / (24 * 60) * 100;
+            const height = (endMin - startMin) / (24 * 60) * 100;
+            const resizable = !event.recurrence && !event.isRecurringInstance;
+            return /* @__PURE__ */ jsxs(
+              "div",
+              {
+                "data-event": "true",
+                "data-movable": "true",
+                className: "sft-cal-timeevent",
+                "data-editing": isEditing || void 0,
+                role: "button",
+                tabIndex: 0,
+                "aria-label": data.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)"),
+                style: {
+                  top: `${top}%`,
+                  height: `${height}%`,
+                  left: "4px",
+                  width: "calc(100% - 8px)",
+                  background: withAlpha(color, 0.12),
+                  borderLeft: `3px solid ${color}`
+                },
+                onPointerDown: (e) => beginMove(e, event, dayIndex, "move"),
+                onClick: (e) => handleEventItemClick(e, event),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    onEventClick(event, e.currentTarget);
+                  }
+                },
+                children: [
+                  resizable && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "sft-cal-timeevent__resize sft-cal-timeevent__resize--top",
+                      onPointerDown: (e) => beginMove(e, event, dayIndex, "resize-start")
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs("div", { className: "sft-cal-timeevent__label", style: { color }, children: [
+                    event.recurrence && /* @__PURE__ */ jsx(Repeat, { size: 12 }),
+                    /* @__PURE__ */ jsx("span", { className: "sft-cal-timeevent__title", children: data.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)") })
+                  ] }),
+                  resizable && /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: "sft-cal-timeevent__resize sft-cal-timeevent__resize--bottom",
+                      onPointerDown: (e) => beginMove(e, event, dayIndex, "resize-end")
+                    }
+                  )
+                ]
+              },
+              event.id
+            );
+          }),
+          createPreview && createPreview.dayIndex === dayIndex && (() => {
+            const s = Math.min(createPreview.startMin, createPreview.endMin);
+            const e = Math.max(createPreview.startMin, createPreview.endMin);
+            const top = s / (24 * 60) * 100;
+            const height = (e - s) / (24 * 60) * 100;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "sft-cal-timeevent sft-cal-timeevent--draft",
+                style: {
+                  top: `${top}%`,
+                  height: `${height}%`,
+                  left: "4px",
+                  width: "calc(100% - 8px)"
+                },
+                children: /* @__PURE__ */ jsx("div", { className: "sft-cal-timeevent__label", children: /* @__PURE__ */ jsxs("span", { className: "sft-cal-timeevent__title", children: [
+                  minutesToHHMM(s),
+                  "\u2013",
+                  minutesToHHMM(e)
+                ] }) })
+              }
+            );
+          })(),
+          moveDayIndex === dayIndex && livePreview && (() => {
+            const mv = moveRef.current;
+            if (!mv || mv.mode !== "move") return null;
+            const originalDayIndex = weekDays.findIndex((d) => isSameDay(d, mv.event.date));
+            if (originalDayIndex === dayIndex) return null;
+            const color = categories.find((c) => c.id === mv.event.categoryId)?.color || "#E30000";
+            const top = livePreview.startMin / (24 * 60) * 100;
+            const height = (livePreview.endMin - livePreview.startMin) / (24 * 60) * 100;
+            return /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "sft-cal-timeevent",
+                style: {
+                  top: `${top}%`,
+                  height: `${height}%`,
+                  left: "4px",
+                  width: "calc(100% - 8px)",
+                  background: withAlpha(color, 0.12),
+                  borderLeft: `3px solid ${color}`,
+                  pointerEvents: "none"
+                },
+                children: /* @__PURE__ */ jsxs("div", { className: "sft-cal-timeevent__label", style: { color }, children: [
+                  mv.event.recurrence && /* @__PURE__ */ jsx(Repeat, { size: 12 }),
+                  /* @__PURE__ */ jsx("span", { className: "sft-cal-timeevent__title", children: mv.event.title || pick(language, "(\uC81C\uBAA9 \uC5C6\uC74C)", "(No title)") })
+                ] })
+              }
+            );
+          })()
+        ]
+      },
+      `col-${day.toISOString()}`
+    ))
+  ] });
+}
+var MINI_DAY_LABELS = {
+  ko: ["\uC77C", "\uC6D4", "\uD654", "\uC218", "\uBAA9", "\uAE08", "\uD1A0"],
+  en: ["S", "M", "T", "W", "T", "F", "S"]
+};
+function YearView({
+  currentDate,
+  events,
+  selectedCategoryIds,
+  categories,
+  language,
+  onDateClick,
+  onViewChange
+}) {
+  const year = currentDate.getFullYear();
+  const months = Array.from({ length: 12 }, (_, i) => i);
+  const containerRef = useRef(null);
+  const handleDayKeyDown = (e, date) => {
+    let delta = 0;
+    if (e.key === "ArrowRight") delta = 1;
+    else if (e.key === "ArrowLeft") delta = -1;
+    else if (e.key === "ArrowDown") delta = 7;
+    else if (e.key === "ArrowUp") delta = -7;
+    else return;
+    e.preventDefault();
+    const next = new Date(date.getFullYear(), date.getMonth(), date.getDate() + delta);
+    if (next.getFullYear() !== year) return;
+    const target = containerRef.current?.querySelector(
+      `[data-daykey="${formatDate(next)}"]`
+    );
+    target?.focus();
+  };
+  const expanded = expandRecurringEvents(
+    events,
+    new Date(year, 0, 1),
+    new Date(year, 11, 31)
+  ).filter((e) => !e.categoryId || selectedCategoryIds.includes(e.categoryId));
+  const countForMonth = (monthIndex) => {
+    const start = new Date(year, monthIndex, 1);
+    const end = new Date(year, monthIndex + 1, 0);
+    return expanded.filter((e) => {
+      const s = e.date;
+      const en = e.endDate ?? e.date;
+      return s >= start && s <= end || en >= start && en <= end || s < start && en > end;
+    }).length;
+  };
+  const renderMini = (monthIndex) => {
+    const firstDay = new Date(year, monthIndex, 1).getDay();
+    const daysInMonth = new Date(year, monthIndex + 1, 0).getDate();
+    const cells = [
+      ...Array(firstDay).fill(null),
+      ...Array.from({ length: daysInMonth }, (_, i) => i + 1)
+    ];
+    const labels = MINI_DAY_LABELS[language] ?? MINI_DAY_LABELS.en ?? [];
+    return /* @__PURE__ */ jsxs("div", { className: "sft-cal-mini", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal-mini__head", children: [
+        /* @__PURE__ */ jsx("h3", { className: "sft-cal-mini__title", children: pick(
+          language,
+          `${monthIndex + 1}\uC6D4`,
+          new Date(year, monthIndex).toLocaleDateString("en-US", { month: "long" })
+        ) }),
+        /* @__PURE__ */ jsxs("span", { className: "sft-cal-mini__count", children: [
+          countForMonth(monthIndex),
+          " ",
+          pick(language, "\uAC1C \uC77C\uC815", "events")
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-mini__weekdays", children: labels.map((d, i) => (
+        // biome-ignore lint/suspicious/noArrayIndexKey: fixed 7-item header
+        /* @__PURE__ */ jsx("div", { className: "sft-cal-mini__weekday", children: d }, i)
+      )) }),
+      /* @__PURE__ */ jsx("div", { className: "sft-cal-mini__grid", children: cells.map((day, index) => {
+        const date = day ? new Date(year, monthIndex, day) : null;
+        const today = date ? isToday(date) : false;
+        const dayEvents = date ? expanded.filter((e) => {
+          const norm = new Date(
+            date.getFullYear(),
+            date.getMonth(),
+            date.getDate()
+          ).getTime();
+          const s = new Date(
+            e.date.getFullYear(),
+            e.date.getMonth(),
+            e.date.getDate()
+          ).getTime();
+          const en = e.endDate ? new Date(
+            e.endDate.getFullYear(),
+            e.endDate.getMonth(),
+            e.endDate.getDate()
+          ).getTime() : s;
+          return norm >= s && norm <= en;
+        }) : [];
+        return /* @__PURE__ */ jsxs(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-mini__day",
+            "data-today": today || void 0,
+            "data-empty": !day || void 0,
+            "data-daykey": date ? formatDate(date) : void 0,
+            disabled: !day,
+            "aria-label": date ? `${year}-${monthIndex + 1}-${day}` : void 0,
+            onKeyDown: (e) => date && handleDayKeyDown(e, date),
+            onClick: () => {
+              if (day) {
+                onDateClick(new Date(year, monthIndex, 1));
+                onViewChange("month");
+              }
+            },
+            children: [
+              day,
+              dayEvents.length > 0 && !today && /* @__PURE__ */ jsx("span", { className: "sft-cal-mini__dots", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: "sft-cal-mini__dot",
+                  style: {
+                    background: categories.find((c) => c.id === e.categoryId)?.color || "#E30000"
+                  }
+                },
+                i
+              )) })
+            ]
+          },
+          day ? `d${day}` : `empty-${index}`
+        );
+      }) })
+    ] });
+  };
+  return /* @__PURE__ */ jsx("div", { className: "sft-cal-year", ref: containerRef, children: /* @__PURE__ */ jsx("div", { className: "sft-cal-year__grid", children: months.map((m) => /* @__PURE__ */ jsx("div", { className: "sft-cal-year__cell", children: renderMini(m) }, m)) }) });
+}
+var startOfDay3 = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
+function Calendar({
+  language = "ko",
+  controller,
+  initialEvents,
+  initialCategories,
+  initialDate,
+  initialView = "month",
+  holidays = [],
+  className
+}) {
+  const internal = useCalendar({ initialEvents, initialCategories });
+  const ctrl = controller ?? internal;
+  const {
+    events,
+    addEvent,
+    updateEvent,
+    deleteEvent,
+    setEvents,
+    canUndo,
+    canRedo,
+    undo,
+    redo,
+    categories,
+    selectedCategoryIds,
+    toggleCategory,
+    addCategory,
+    updateCategory,
+    deleteCategory,
+    reorderCategories
+  } = ctrl;
+  const [currentDate, setCurrentDate] = useState(initialDate ?? /* @__PURE__ */ new Date());
+  const [viewType, setViewType] = useState(initialView);
+  const [modalOpen, setModalOpen] = useState(false);
+  const [selectedEvent, setSelectedEvent] = useState(null);
+  const [selectedDate, setSelectedDate] = useState(null);
+  const [selectedEndDate, setSelectedEndDate] = useState(null);
+  const [previewEvent, setPreviewEvent] = useState(null);
+  const [expandedRows, setExpandedRows] = useState(/* @__PURE__ */ new Set());
+  const [showSearch, setShowSearch] = useState(false);
+  const [searchQuery, setSearchQuery] = useState("");
+  const [defaultStart, setDefaultStart] = useState("09:00");
+  const [defaultEnd, setDefaultEnd] = useState("10:00");
+  const instanceDateRef = useRef(null);
+  const searchRef = useRef(null);
+  const [pendingMove, setPendingMove] = useState(null);
+  const [moveScope, setMoveScope] = useState("this");
+  const filteredEvents = useMemo(() => {
+    const q = searchQuery.trim().toLowerCase();
+    if (!q) return events;
+    return events.filter(
+      (e) => e.title.toLowerCase().includes(q) || (e.description ?? "").toLowerCase().includes(q)
+    );
+  }, [events, searchQuery]);
+  const previousPeriod = () => setCurrentDate(getPreviousPeriodDate(currentDate, viewType));
+  const nextPeriod = () => setCurrentDate(getNextPeriodDate(currentDate, viewType));
+  const goToToday = () => setCurrentDate(/* @__PURE__ */ new Date());
+  const headerTitle = useMemo(() => {
+    const y = currentDate.getFullYear();
+    const mn = monthNames[language] ?? monthNames.en;
+    const mon = (d) => mn[d.getMonth()] ?? "";
+    if (viewType === "year") return `${y}`;
+    if (viewType === "day") {
+      return pick(
+        language,
+        `${y}\uB144 ${mon(currentDate)} ${currentDate.getDate()}\uC77C`,
+        `${mon(currentDate)} ${currentDate.getDate()}, ${y}`
+      );
+    }
+    if (viewType === "week") {
+      const wd = getWeekDays(currentDate);
+      const s = wd[0] ?? currentDate;
+      const e = wd[6] ?? currentDate;
+      return pick(
+        language,
+        `${mon(s)} ${s.getDate()}\uC77C - ${mon(e)} ${e.getDate()}\uC77C`,
+        `${mon(s)} ${s.getDate()} - ${mon(e)} ${e.getDate()}, ${y}`
+      );
+    }
+    return pick(language, `${y}\uB144 ${mon(currentDate)}`, `${mon(currentDate)} ${y}`);
+  }, [currentDate, viewType, language]);
+  useEffect(() => {
+    function onKeyDown(e) {
+      const target = e.target;
+      const typing = !!target && /^(input|textarea)$/i.test(target.tagName);
+      if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "z") {
+        if (typing) return;
+        e.preventDefault();
+        if (e.shiftKey) redo();
+        else undo();
+        return;
+      }
+      if (typing || e.metaKey || e.ctrlKey || e.altKey || modalOpen) return;
+      switch (e.key.toLowerCase()) {
+        case "t":
+          goToToday();
+          break;
+        case "m":
+          setViewType("month");
+          break;
+        case "w":
+          setViewType("week");
+          break;
+        case "d":
+          setViewType("day");
+          break;
+        case "y":
+          setViewType("year");
+          break;
+        default:
+          return;
+      }
+      e.preventDefault();
+    }
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [undo, redo, modalOpen, goToToday, setViewType]);
+  const handleEventMove = (event, newDate) => {
+    const deltaDays = Math.round(
+      (startOfDay3(newDate).getTime() - startOfDay3(event.date).getTime()) / 864e5
+    );
+    if (deltaDays === 0) return;
+    const shift = (d) => new Date(
+      d.getFullYear(),
+      d.getMonth(),
+      d.getDate() + deltaDays,
+      d.getHours(),
+      d.getMinutes()
+    );
+    if (event.recurrence || event.isRecurringInstance) {
+      const master = event.isRecurringInstance ? events.find((e) => e.id === event.recurringEventId) ?? event : event;
+      setMoveScope("this");
+      setPendingMove({ master, instanceDate: event.date, newDate: shift(event.date) });
+      return;
+    }
+    updateEvent(event.id, {
+      date: shift(event.date),
+      endDate: event.endDate ? shift(event.endDate) : void 0
+    });
+  };
+  const handleEventResize = (event, edge, newDate) => {
+    const onDay = (base, day) => new Date(
+      day.getFullYear(),
+      day.getMonth(),
+      day.getDate(),
+      base.getHours(),
+      base.getMinutes()
+    );
+    if (edge === "start") {
+      const end = event.endDate ?? event.date;
+      if (startOfDay3(newDate) > startOfDay3(end)) return;
+      updateEvent(event.id, { date: onDay(event.date, newDate) });
+    } else {
+      if (startOfDay3(newDate) < startOfDay3(event.date)) return;
+      updateEvent(event.id, { endDate: onDay(event.endDate ?? event.date, newDate) });
+    }
+  };
+  const openCreate = (date, endDate, hour) => {
+    setSelectedEvent(null);
+    instanceDateRef.current = null;
+    setSelectedDate(date);
+    setSelectedEndDate(endDate);
+    if (hour != null) {
+      setDefaultStart(`${String(hour).padStart(2, "0")}:00`);
+      setDefaultEnd(`${String(Math.min(23, hour + 1)).padStart(2, "0")}:00`);
+    } else {
+      const s = getNextAvailableTime(date, events);
+      const sh = Number.parseInt(s.split(":")[0] ?? "9", 10);
+      setDefaultStart(s);
+      setDefaultEnd(`${String(Math.min(23, sh + 1)).padStart(2, "0")}:00`);
+    }
+    setModalOpen(true);
+  };
+  const handleEventClick = (event) => {
+    const master = event.isRecurringInstance ? events.find((e) => e.id === event.recurringEventId) ?? event : event;
+    instanceDateRef.current = event.date;
+    setSelectedEvent(master);
+    setSelectedDate(master.date);
+    setSelectedEndDate(master.endDate ?? null);
+    setModalOpen(true);
+  };
+  const handleAddEventClick = (date, hour) => openCreate(date, null, hour);
+  const handleRangeSelect = (start, end) => openCreate(start, end);
+  const handleTimeRangeSelect = (date, startMin, endMin) => {
+    setSelectedEvent(null);
+    instanceDateRef.current = null;
+    setSelectedDate(date);
+    setSelectedEndDate(null);
+    setDefaultStart(minutesToHHMM(startMin));
+    setDefaultEnd(minutesToHHMM(endMin));
+    setModalOpen(true);
+  };
+  const handleEventTimeChange = (event, startMin, endMin, newDate) => {
+    if (event.recurrence || event.isRecurringInstance) {
+      const master = event.isRecurringInstance ? events.find((e) => e.id === event.recurringEventId) ?? event : event;
+      const resolvedDate = newDate ? new Date(newDate.getFullYear(), newDate.getMonth(), newDate.getDate()) : startOfDay3(event.date);
+      setMoveScope("this");
+      setPendingMove({
+        master,
+        instanceDate: event.date,
+        newDate: resolvedDate,
+        newStartTime: minutesToHHMM(startMin),
+        newEndTime: minutesToHHMM(endMin)
+      });
+      return;
+    }
+    const patch = {
+      startTime: minutesToHHMM(startMin),
+      endTime: minutesToHHMM(endMin)
+    };
+    if (newDate)
+      patch.date = new Date(newDate.getFullYear(), newDate.getMonth(), newDate.getDate());
+    updateEvent(event.id, patch);
+  };
+  const handleSave = (data) => {
+    const base = {
+      title: data.title,
+      date: data.startDate,
+      endDate: data.endDate,
+      startTime: data.startTime,
+      endTime: data.endTime,
+      description: data.description,
+      categoryId: data.categoryId,
+      recurrence: data.recurrence
+    };
+    if (selectedEvent) updateEvent(selectedEvent.id, base);
+    else addEvent(base);
+    setPreviewEvent(null);
+  };
+  const handleDelete = (deleteType) => {
+    if (!selectedEvent) return;
+    const master = selectedEvent;
+    const instanceDate = instanceDateRef.current;
+    if (!master.recurrence || deleteType === "all") {
+      deleteEvent(master.id);
+    } else if (deleteType === "this" && instanceDate) {
+      setEvents(
+        (prev) => prev.map(
+          (e) => e.id === master.id ? { ...e, exdate: [...e.exdate ?? [], instanceDate] } : e
+        )
+      );
+    } else if (deleteType === "following" && instanceDate) {
+      const until = startOfDay3(instanceDate);
+      until.setDate(until.getDate() - 1);
+      setEvents(
+        (prev) => prev.map(
+          (e) => e.id === master.id && e.recurrence ? { ...e, recurrence: { ...e.recurrence, until } } : e
+        )
+      );
+    }
+    setPreviewEvent(null);
+  };
+  const handleRecurrenceScopeConfirm = () => {
+    if (!pendingMove) return;
+    const { master, instanceDate, newDate, newStartTime, newEndTime } = pendingMove;
+    if (moveScope === "all" || !master.recurrence) {
+      const deltaDays = Math.round(
+        (startOfDay3(newDate).getTime() - startOfDay3(instanceDate).getTime()) / 864e5
+      );
+      const shift = (d) => new Date(
+        d.getFullYear(),
+        d.getMonth(),
+        d.getDate() + deltaDays,
+        d.getHours(),
+        d.getMinutes()
+      );
+      updateEvent(master.id, {
+        date: shift(master.date),
+        endDate: master.endDate ? shift(master.endDate) : void 0,
+        startTime: newStartTime ?? master.startTime,
+        endTime: newEndTime ?? master.endTime
+      });
+    } else if (moveScope === "this") {
+      setEvents((prev) => [
+        ...prev.map(
+          (e) => e.id === master.id ? { ...e, exdate: [...e.exdate ?? [], instanceDate] } : e
+        ),
+        {
+          id: `${master.id}-moved-${instanceDate.getTime()}`,
+          title: master.title,
+          date: newDate,
+          startTime: newStartTime ?? master.startTime,
+          endTime: newEndTime ?? master.endTime,
+          description: master.description,
+          categoryId: master.categoryId
+        }
+      ]);
+    } else if (moveScope === "following" && master.recurrence) {
+      const recurrence = master.recurrence;
+      const until = startOfDay3(instanceDate);
+      until.setDate(until.getDate() - 1);
+      const elapsed = occurrencesInRange(master.date, recurrence, master.date, until).length;
+      const remainingCount = recurrence.count != null ? Math.max(1, recurrence.count - elapsed) : void 0;
+      setEvents((prev) => [
+        ...prev.map(
+          (e) => e.id === master.id && e.recurrence ? { ...e, recurrence: { ...e.recurrence, until } } : e
+        ),
+        {
+          id: `${master.id}-split-${instanceDate.getTime()}`,
+          title: master.title,
+          date: newDate,
+          startTime: newStartTime ?? master.startTime,
+          endTime: newEndTime ?? master.endTime,
+          description: master.description,
+          categoryId: master.categoryId,
+          recurrence: { ...recurrence, count: remainingCount }
+        }
+      ]);
+    }
+    setPendingMove(null);
+  };
+  const handleRecurrenceScopeCancel = () => setPendingMove(null);
+  const viewOptions = [
+    { value: "day", label: pick(language, "\uC77C\uAC04", "Day") },
+    { value: "week", label: pick(language, "\uC8FC\uAC04", "Week") },
+    { value: "month", label: pick(language, "\uC6D4\uAC04", "Month") },
+    { value: "year", label: pick(language, "\uC5F0\uAC04", "Year") }
+  ];
+  return /* @__PURE__ */ jsxs("div", { className: className ? `sft-cal ${className}` : "sft-cal", children: [
+    /* @__PURE__ */ jsxs("div", { className: "sft-cal__toolbar", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal__toolbar-left", children: [
+        /* @__PURE__ */ jsx("h2", { className: "sft-cal__title", children: headerTitle }),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal__nav", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal__navbtn",
+              "aria-label": "previous",
+              onClick: previousPeriod,
+              children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal__navbtn",
+              "aria-label": "next",
+              onClick: nextPeriod,
+              children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal-btn sft-cal-btn--outline sft-cal-btn--sm",
+            onClick: goToToday,
+            children: pick(language, "\uC624\uB298", "Today")
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "sft-cal__nav", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal__navbtn",
+              "aria-label": pick(language, "\uC2E4\uD589 \uCDE8\uC18C", "Undo"),
+              title: pick(language, "\uC2E4\uD589 \uCDE8\uC18C (\u2318Z)", "Undo (\u2318Z)"),
+              disabled: !canUndo,
+              onClick: undo,
+              children: /* @__PURE__ */ jsx(Undo2, { size: 16 })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal__navbtn",
+              "aria-label": pick(language, "\uB2E4\uC2DC \uC2E4\uD589", "Redo"),
+              title: pick(language, "\uB2E4\uC2DC \uC2E4\uD589 (\u2318\u21E7Z)", "Redo (\u2318\u21E7Z)"),
+              disabled: !canRedo,
+              onClick: redo,
+              children: /* @__PURE__ */ jsx(Redo2, { size: 16 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: "sft-cal__search", children: showSearch ? /* @__PURE__ */ jsxs("div", { className: "sft-cal__searchbox", children: [
+          /* @__PURE__ */ jsx(Search, { size: 14, className: "sft-cal__searchicon" }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: searchRef,
+              className: "sft-cal__searchinput",
+              placeholder: pick(language, "\uC77C\uC815 \uAC80\uC0C9...", "Search events..."),
+              value: searchQuery,
+              onChange: (e) => setSearchQuery(e.target.value),
+              onKeyDown: (e) => {
+                if (e.key === "Escape") {
+                  setSearchQuery("");
+                  setShowSearch(false);
+                }
+              }
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "sft-cal__searchclose",
+              "aria-label": "close search",
+              onClick: () => {
+                setSearchQuery("");
+                setShowSearch(false);
+              },
+              children: /* @__PURE__ */ jsx(X, { size: 14 })
+            }
+          )
+        ] }) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "sft-cal__navbtn",
+            "aria-label": "search",
+            onClick: () => {
+              setShowSearch(true);
+              setTimeout(() => searchRef.current?.focus(), 30);
+            },
+            children: /* @__PURE__ */ jsx(Search, { size: 16 })
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "sft-cal__toolbar-right", children: [
+        /* @__PURE__ */ jsx(
+          CategoryFilter,
+          {
+            categories,
+            selectedCategoryIds,
+            language,
+            onToggle: toggleCategory,
+            onAdd: addCategory,
+            onUpdate: updateCategory,
+            onDelete: deleteCategory,
+            onReorder: reorderCategories
+          }
+        ),
+        /* @__PURE__ */ jsx(SegmentTabs, { value: viewType, onValueChange: setViewType, options: viewOptions })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "sft-cal__view", children: [
+      viewType === "month" && /* @__PURE__ */ jsx(
+        MonthView,
+        {
+          currentDate,
+          events: filteredEvents,
+          selectedCategoryIds,
+          categories,
+          language,
+          holidays,
+          selectedEvent,
+          previewEvent: modalOpen ? previewEvent : null,
+          expandedRows,
+          setExpandedRows,
+          onEventClick: handleEventClick,
+          onAddEventClick: handleAddEventClick,
+          onRangeSelect: handleRangeSelect,
+          onEventMove: handleEventMove,
+          onEventResize: handleEventResize
+        }
+      ),
+      viewType === "week" && /* @__PURE__ */ jsx(
+        WeekView,
+        {
+          currentDate,
+          events: filteredEvents,
+          selectedCategoryIds,
+          categories,
+          language,
+          selectedEvent,
+          previewEvent: modalOpen ? previewEvent : null,
+          onEventClick: handleEventClick,
+          onAddEventClick: handleAddEventClick,
+          onTimeRangeSelect: handleTimeRangeSelect,
+          onEventTimeChange: handleEventTimeChange
+        }
+      ),
+      viewType === "day" && /* @__PURE__ */ jsx(
+        DayView,
+        {
+          currentDate,
+          events: filteredEvents,
+          selectedCategoryIds,
+          categories,
+          language,
+          selectedEvent,
+          previewEvent: modalOpen ? previewEvent : null,
+          onEventClick: handleEventClick,
+          onAddEventClick: handleAddEventClick,
+          onTimeRangeSelect: handleTimeRangeSelect,
+          onEventTimeChange: handleEventTimeChange
+        }
+      ),
+      viewType === "year" && /* @__PURE__ */ jsx(
+        YearView,
+        {
+          currentDate,
+          events: filteredEvents,
+          selectedCategoryIds,
+          categories,
+          language,
+          onDateClick: setCurrentDate,
+          onViewChange: setViewType
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      EventModal,
+      {
+        open: modalOpen,
+        onOpenChange: (o) => {
+          setModalOpen(o);
+          if (!o) {
+            setSelectedEvent(null);
+            setPreviewEvent(null);
+          }
+        },
+        event: selectedEvent,
+        selectedDate,
+        selectedEndDate,
+        defaultStartTime: defaultStart,
+        defaultEndTime: defaultEnd,
+        categories,
+        selectedCategoryIds,
+        language,
+        onSave: handleSave,
+        onDelete: selectedEvent ? handleDelete : void 0,
+        onChange: setPreviewEvent,
+        onToggleCategory: toggleCategory,
+        onAddCategory: addCategory,
+        onUpdateCategory: updateCategory,
+        onDeleteCategory: deleteCategory,
+        onReorderCategories: reorderCategories
+      }
+    ),
+    pendingMove && /* @__PURE__ */ jsx(
+      RecurrenceScopeDialog,
+      {
+        language,
+        selectedScope: moveScope,
+        setSelectedScope: setMoveScope,
+        onCancel: handleRecurrenceScopeCancel,
+        onConfirm: handleRecurrenceScopeConfirm
+      }
+    )
+  ] });
+}
+
+// src/index.ts
+var VERSION = "0.0.0";
+
+export { COLOR_PRESETS, Calendar, CategoryFilter, CategoryItem, DayView, DeleteOptionsDialog, EventModal, MonthView, RecurrenceScopeDialog, RecurrenceSection, SegmentTabs, VERSION, WeekView, YearView, dayNames, eventCoversDate, expandRecurringEvents, findClosestPresetColor, formatDate, getDaysInMonth, getEventsForDate, getNextAvailableTime, getNextPeriodDate, getPreviousPeriodDate, getWeekDays, hhmmToMinutes, isCurrentMonth, isSameDay, isToday, minutesFromY, minutesToHHMM, monthNames, occurrencesInRange, snapMinutes, useCalendar, withAlpha };
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map