@particle-academy/react-fancy 5.12.0 → 5.14.0

package/dist/chunk-T6YELZPJ.cjs

@@ -0,0 +1,90 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/use-pan-zoom.ts
+function usePanZoom({
+  viewport,
+  setViewport,
+  minZoom,
+  maxZoom,
+  pannable,
+  zoomable,
+  containerRef
+}) {
+  const isPanningRef = react.useRef(false);
+  const startRef = react.useRef({ x: 0, y: 0, panX: 0, panY: 0 });
+  const viewportRef = react.useRef(viewport);
+  viewportRef.current = viewport;
+  const setViewportRef = react.useRef(setViewport);
+  setViewportRef.current = setViewport;
+  const zoomableRef = react.useRef(zoomable);
+  zoomableRef.current = zoomable;
+  const minZoomRef = react.useRef(minZoom);
+  minZoomRef.current = minZoom;
+  const maxZoomRef = react.useRef(maxZoom);
+  maxZoomRef.current = maxZoom;
+  react.useEffect(() => {
+    const container = containerRef.current;
+    if (!container) return;
+    function handleWheel(e) {
+      if (!zoomableRef.current) return;
+      if (!e.ctrlKey && !e.metaKey) return;
+      e.preventDefault();
+      const rect = container.getBoundingClientRect();
+      const mouseX = e.clientX - rect.left;
+      const mouseY = e.clientY - rect.top;
+      setViewportRef.current((prev) => {
+        const factor = 1 - e.deltaY * 1e-3;
+        const newZoom = Math.min(maxZoomRef.current, Math.max(minZoomRef.current, prev.zoom * factor));
+        const ratio = newZoom / prev.zoom;
+        return {
+          zoom: newZoom,
+          panX: mouseX - (mouseX - prev.panX) * ratio,
+          panY: mouseY - (mouseY - prev.panY) * ratio
+        };
+      });
+    }
+    container.addEventListener("wheel", handleWheel, { passive: false });
+    return () => {
+      container.removeEventListener("wheel", handleWheel);
+    };
+  }, [containerRef]);
+  const onPointerDown = react.useCallback(
+    (e) => {
+      if (!pannable) return;
+      if (e.button !== 0) return;
+      const target = e.target;
+      if (target !== containerRef.current && !target.hasAttribute("data-canvas-bg")) return;
+      isPanningRef.current = true;
+      startRef.current = { x: e.clientX, y: e.clientY, panX: viewport.panX, panY: viewport.panY };
+      e.target.setPointerCapture(e.pointerId);
+      e.preventDefault();
+    },
+    [pannable, viewport.panX, viewport.panY, containerRef]
+  );
+  const onPointerMove = react.useCallback(
+    (e) => {
+      if (!isPanningRef.current) return;
+      const dx = e.clientX - startRef.current.x;
+      const dy = e.clientY - startRef.current.y;
+      setViewport((prev) => ({
+        ...prev,
+        panX: startRef.current.panX + dx,
+        panY: startRef.current.panY + dy
+      }));
+    },
+    [setViewport]
+  );
+  const onPointerUp = react.useCallback(() => {
+    isPanningRef.current = false;
+  }, []);
+  return {
+    containerProps: { onPointerDown, onPointerMove, onPointerUp },
+    isPanning: isPanningRef.current
+  };
+}
+
+exports.usePanZoom = usePanZoom;
+//# sourceMappingURL=chunk-T6YELZPJ.cjs.map
+//# sourceMappingURL=chunk-T6YELZPJ.cjs.map

package/dist/chunk-T6YELZPJ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-pan-zoom.ts"],"names":["useRef","useEffect","useCallback"],"mappings":"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","file":"chunk-T6YELZPJ.cjs","sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\n\nexport interface ViewportState {\n  panX: number;\n  panY: number;\n  zoom: number;\n}\n\ninterface UsePanZoomOptions {\n  viewport: ViewportState;\n  setViewport: (vp: ViewportState | ((prev: ViewportState) => ViewportState)) => void;\n  minZoom: number;\n  maxZoom: number;\n  pannable: boolean;\n  zoomable: boolean;\n  containerRef: React.RefObject<HTMLElement | null>;\n}\n\ninterface UsePanZoomReturn {\n  containerProps: {\n    onPointerDown: (e: React.PointerEvent) => void;\n    onPointerMove: (e: React.PointerEvent) => void;\n    onPointerUp: (e: React.PointerEvent) => void;\n  };\n  isPanning: boolean;\n}\n\nexport function usePanZoom({\n  viewport,\n  setViewport,\n  minZoom,\n  maxZoom,\n  pannable,\n  zoomable,\n  containerRef,\n}: UsePanZoomOptions): UsePanZoomReturn {\n  const isPanningRef = useRef(false);\n  const startRef = useRef({ x: 0, y: 0, panX: 0, panY: 0 });\n\n  // Store latest values in refs so the native wheel listener always sees current state\n  const viewportRef = useRef(viewport);\n  viewportRef.current = viewport;\n  const setViewportRef = useRef(setViewport);\n  setViewportRef.current = setViewport;\n  const zoomableRef = useRef(zoomable);\n  zoomableRef.current = zoomable;\n  const minZoomRef = useRef(minZoom);\n  minZoomRef.current = minZoom;\n  const maxZoomRef = useRef(maxZoom);\n  maxZoomRef.current = maxZoom;\n\n  // Attach a non-passive wheel listener so preventDefault() actually stops page scroll\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n\n    function handleWheel(e: WheelEvent) {\n      if (!zoomableRef.current) return;\n      // Require Ctrl+wheel (or pinch gesture) to zoom — don't hijack normal page scroll\n      if (!e.ctrlKey && !e.metaKey) return;\n      e.preventDefault();\n\n      const rect = container!.getBoundingClientRect();\n      const mouseX = e.clientX - rect.left;\n      const mouseY = e.clientY - rect.top;\n\n      setViewportRef.current((prev) => {\n        const factor = 1 - e.deltaY * 0.001;\n        const newZoom = Math.min(maxZoomRef.current, Math.max(minZoomRef.current, prev.zoom * factor));\n        const ratio = newZoom / prev.zoom;\n\n        return {\n          zoom: newZoom,\n          panX: mouseX - (mouseX - prev.panX) * ratio,\n          panY: mouseY - (mouseY - prev.panY) * ratio,\n        };\n      });\n    }\n\n    container.addEventListener(\"wheel\", handleWheel, { passive: false });\n    return () => {\n      container.removeEventListener(\"wheel\", handleWheel);\n    };\n  }, [containerRef]);\n\n  const onPointerDown = useCallback(\n    (e: React.PointerEvent) => {\n      if (!pannable) return;\n      // Only pan on primary button and when clicking the background\n      if (e.button !== 0) return;\n      const target = e.target as HTMLElement;\n      if (target !== containerRef.current && !target.hasAttribute(\"data-canvas-bg\")) return;\n\n      isPanningRef.current = true;\n      startRef.current = { x: e.clientX, y: e.clientY, panX: viewport.panX, panY: viewport.panY };\n      (e.target as HTMLElement).setPointerCapture(e.pointerId);\n      e.preventDefault();\n    },\n    [pannable, viewport.panX, viewport.panY, containerRef],\n  );\n\n  const onPointerMove = useCallback(\n    (e: React.PointerEvent) => {\n      if (!isPanningRef.current) return;\n      const dx = e.clientX - startRef.current.x;\n      const dy = e.clientY - startRef.current.y;\n      setViewport((prev) => ({\n        ...prev,\n        panX: startRef.current.panX + dx,\n        panY: startRef.current.panY + dy,\n      }));\n    },\n    [setViewport],\n  );\n\n  const onPointerUp = useCallback(() => {\n    isPanningRef.current = false;\n  }, []);\n\n  return {\n    containerProps: { onPointerDown, onPointerMove, onPointerUp },\n    isPanning: isPanningRef.current,\n  };\n}\n"]}

package/dist/chunk-TECFGOV2.js

@@ -0,0 +1,222 @@
+import { cn } from './chunk-DSUHZO6T.js';
+import { forwardRef, useMemo, useState, useCallback } from 'react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DAYS = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"];
+var MONTHS = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function isSameDay(a, b) {
+  return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
+}
+function getDaysInMonth(year, month) {
+  const days = [];
+  const firstDay = new Date(year, month, 1);
+  const startDayOfWeek = firstDay.getDay();
+  for (let i = startDayOfWeek - 1; i >= 0; i--) {
+    days.push(new Date(year, month, -i));
+  }
+  const lastDate = new Date(year, month + 1, 0).getDate();
+  for (let d = 1; d <= lastDate; d++) {
+    days.push(new Date(year, month, d));
+  }
+  while (days.length < 42) {
+    days.push(new Date(year, month + 1, days.length - startDayOfWeek - lastDate + 1));
+  }
+  return days;
+}
+var Calendar = forwardRef(
+  function Calendar2({
+    mode = "single",
+    value,
+    onChange,
+    minDate,
+    maxDate,
+    disabledDates = [],
+    className
+  }, ref) {
+    const today = useMemo(() => /* @__PURE__ */ new Date(), []);
+    const [viewMonth, setViewMonth] = useState(today.getMonth());
+    const [viewYear, setViewYear] = useState(today.getFullYear());
+    const [rangeHover, setRangeHover] = useState(null);
+    const days = useMemo(
+      () => getDaysInMonth(viewYear, viewMonth),
+      [viewYear, viewMonth]
+    );
+    const prevMonth = useCallback(() => {
+      setViewMonth((m) => {
+        if (m === 0) {
+          setViewYear((y) => y - 1);
+          return 11;
+        }
+        return m - 1;
+      });
+    }, []);
+    const nextMonth = useCallback(() => {
+      setViewMonth((m) => {
+        if (m === 11) {
+          setViewYear((y) => y + 1);
+          return 0;
+        }
+        return m + 1;
+      });
+    }, []);
+    const isDisabled = useCallback(
+      (date) => {
+        if (minDate && date < minDate) return true;
+        if (maxDate && date > maxDate) return true;
+        return disabledDates.some((d) => isSameDay(d, date));
+      },
+      [minDate, maxDate, disabledDates]
+    );
+    const isSelected = useCallback(
+      (date) => {
+        if (!value) return false;
+        if (mode === "single" && value instanceof Date) {
+          return isSameDay(date, value);
+        }
+        if (mode === "multiple" && Array.isArray(value)) {
+          return value.some((v) => isSameDay(date, v));
+        }
+        if (mode === "range" && value && typeof value === "object" && "start" in value) {
+          const range = value;
+          if (range.start && isSameDay(date, range.start)) return true;
+          if (range.end && isSameDay(date, range.end)) return true;
+        }
+        return false;
+      },
+      [value, mode]
+    );
+    const isInRange = useCallback(
+      (date) => {
+        if (mode !== "range" || !value || typeof value !== "object" || !("start" in value))
+          return false;
+        const range = value;
+        if (!range.start) return false;
+        const end = range.end ?? rangeHover;
+        if (!end) return false;
+        const [s, e] = range.start <= end ? [range.start, end] : [end, range.start];
+        return date > s && date < e;
+      },
+      [value, mode, rangeHover]
+    );
+    const handleSelect = useCallback(
+      (date) => {
+        if (isDisabled(date)) return;
+        if (mode === "single") {
+          onChange?.(date);
+        } else if (mode === "multiple") {
+          const arr = Array.isArray(value) ? value : [];
+          const exists = arr.findIndex((d) => isSameDay(d, date));
+          if (exists >= 0) {
+            onChange?.(arr.filter((_, i) => i !== exists));
+          } else {
+            onChange?.([...arr, date]);
+          }
+        } else if (mode === "range") {
+          const range = value && typeof value === "object" && "start" in value ? value : { start: null, end: null };
+          if (!range.start || range.end) {
+            onChange?.({ start: date, end: null });
+          } else {
+            const [s, e] = date >= range.start ? [range.start, date] : [date, range.start];
+            onChange?.({ start: s, end: e });
+          }
+        }
+      },
+      [mode, value, onChange, isDisabled]
+    );
+    const btnBase = "flex h-8 w-8 items-center justify-center rounded-lg text-sm transition-colors";
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-react-fancy-calendar": "",
+        ref,
+        className: cn(
+          "inline-block w-72 rounded-xl border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "mb-3 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: prevMonth,
+                className: "rounded-lg p-1 text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800",
+                "aria-label": "Previous month",
+                children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "text-sm font-semibold", children: [
+              MONTHS[viewMonth],
+              " ",
+              viewYear
+            ] }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                onClick: nextMonth,
+                className: "rounded-lg p-1 text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800",
+                "aria-label": "Next month",
+                children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mb-1 grid grid-cols-7 gap-1", children: DAYS.map((d) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "flex h-8 items-center justify-center text-xs font-medium text-zinc-400",
+              children: d
+            },
+            d
+          )) }),
+          /* @__PURE__ */ jsx("div", { className: "grid grid-cols-7 gap-1", children: days.map((date, i) => {
+            const isCurrentMonth = date.getMonth() === viewMonth;
+            const selected = isSelected(date);
+            const inRange = isInRange(date);
+            const disabled = isDisabled(date);
+            const isToday = isSameDay(date, today);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled,
+                onClick: () => handleSelect(date),
+                onMouseEnter: () => mode === "range" && setRangeHover(date),
+                className: cn(
+                  btnBase,
+                  !isCurrentMonth && "text-zinc-300 dark:text-zinc-600",
+                  isCurrentMonth && !selected && !inRange && "text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800",
+                  inRange && "bg-blue-50 text-blue-700 dark:bg-blue-950 dark:text-blue-300",
+                  selected && "bg-zinc-900 text-white dark:bg-white dark:text-zinc-900",
+                  isToday && !selected && "font-bold",
+                  disabled && "cursor-not-allowed opacity-30"
+                ),
+                children: date.getDate()
+              },
+              i
+            );
+          }) })
+        ]
+      }
+    );
+  }
+);
+Calendar.displayName = "Calendar";
+
+export { Calendar };
+//# sourceMappingURL=chunk-TECFGOV2.js.map
+//# sourceMappingURL=chunk-TECFGOV2.js.map

package/dist/chunk-TECFGOV2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Calendar/Calendar.tsx"],"names":["Calendar"],"mappings":"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","file":"chunk-TECFGOV2.js","sourcesContent":["import { forwardRef, useCallback, useMemo, useState } from \"react\";\nimport { ChevronLeft, ChevronRight } from \"lucide-react\";\nimport { cn } from \"../../utils/cn\";\nimport type { CalendarProps, DateRange } from \"./Calendar.types\";\n\nconst DAYS = [\"Su\", \"Mo\", \"Tu\", \"We\", \"Th\", \"Fr\", \"Sa\"];\nconst MONTHS = [\n  \"January\", \"February\", \"March\", \"April\", \"May\", \"June\",\n  \"July\", \"August\", \"September\", \"October\", \"November\", \"December\",\n];\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return (\n    a.getFullYear() === b.getFullYear() &&\n    a.getMonth() === b.getMonth() &&\n    a.getDate() === b.getDate()\n  );\n}\n\nfunction getDaysInMonth(year: number, month: number): Date[] {\n  const days: Date[] = [];\n  const firstDay = new Date(year, month, 1);\n  const startDayOfWeek = firstDay.getDay();\n\n  // Fill leading days from previous month\n  for (let i = startDayOfWeek - 1; i >= 0; i--) {\n    days.push(new Date(year, month, -i));\n  }\n\n  // Fill current month\n  const lastDate = new Date(year, month + 1, 0).getDate();\n  for (let d = 1; d <= lastDate; d++) {\n    days.push(new Date(year, month, d));\n  }\n\n  // Fill trailing days to complete 6 rows\n  while (days.length < 42) {\n    days.push(new Date(year, month + 1, days.length - startDayOfWeek - lastDate + 1));\n  }\n\n  return days;\n}\n\nexport const Calendar = forwardRef<HTMLDivElement, CalendarProps>(\n  function Calendar(\n    {\n      mode = \"single\",\n      value,\n      onChange,\n      minDate,\n      maxDate,\n      disabledDates = [],\n      className,\n    },\n    ref,\n  ) {\n    const today = useMemo(() => new Date(), []);\n    const [viewMonth, setViewMonth] = useState(today.getMonth());\n    const [viewYear, setViewYear] = useState(today.getFullYear());\n    const [rangeHover, setRangeHover] = useState<Date | null>(null);\n\n    const days = useMemo(\n      () => getDaysInMonth(viewYear, viewMonth),\n      [viewYear, viewMonth],\n    );\n\n    const prevMonth = useCallback(() => {\n      setViewMonth((m) => {\n        if (m === 0) {\n          setViewYear((y) => y - 1);\n          return 11;\n        }\n        return m - 1;\n      });\n    }, []);\n\n    const nextMonth = useCallback(() => {\n      setViewMonth((m) => {\n        if (m === 11) {\n          setViewYear((y) => y + 1);\n          return 0;\n        }\n        return m + 1;\n      });\n    }, []);\n\n    const isDisabled = useCallback(\n      (date: Date): boolean => {\n        if (minDate && date < minDate) return true;\n        if (maxDate && date > maxDate) return true;\n        return disabledDates.some((d) => isSameDay(d, date));\n      },\n      [minDate, maxDate, disabledDates],\n    );\n\n    const isSelected = useCallback(\n      (date: Date): boolean => {\n        if (!value) return false;\n        if (mode === \"single\" && value instanceof Date) {\n          return isSameDay(date, value);\n        }\n        if (mode === \"multiple\" && Array.isArray(value)) {\n          return value.some((v) => isSameDay(date, v));\n        }\n        if (mode === \"range\" && value && typeof value === \"object\" && \"start\" in value) {\n          const range = value as DateRange;\n          if (range.start && isSameDay(date, range.start)) return true;\n          if (range.end && isSameDay(date, range.end)) return true;\n        }\n        return false;\n      },\n      [value, mode],\n    );\n\n    const isInRange = useCallback(\n      (date: Date): boolean => {\n        if (mode !== \"range\" || !value || typeof value !== \"object\" || !(\"start\" in value))\n          return false;\n        const range = value as DateRange;\n        if (!range.start) return false;\n        const end = range.end ?? rangeHover;\n        if (!end) return false;\n        const [s, e] = range.start <= end ? [range.start, end] : [end, range.start];\n        return date > s && date < e;\n      },\n      [value, mode, rangeHover],\n    );\n\n    const handleSelect = useCallback(\n      (date: Date) => {\n        if (isDisabled(date)) return;\n\n        if (mode === \"single\") {\n          onChange?.(date);\n        } else if (mode === \"multiple\") {\n          const arr = (Array.isArray(value) ? value : []) as Date[];\n          const exists = arr.findIndex((d) => isSameDay(d, date));\n          if (exists >= 0) {\n            onChange?.(arr.filter((_, i) => i !== exists));\n          } else {\n            onChange?.([...arr, date]);\n          }\n        } else if (mode === \"range\") {\n          const range = (value && typeof value === \"object\" && \"start\" in value\n            ? value\n            : { start: null, end: null }) as DateRange;\n\n          if (!range.start || range.end) {\n            onChange?.({ start: date, end: null });\n          } else {\n            const [s, e] =\n              date >= range.start ? [range.start, date] : [date, range.start];\n            onChange?.({ start: s, end: e });\n          }\n        }\n      },\n      [mode, value, onChange, isDisabled],\n    );\n\n    const btnBase =\n      \"flex h-8 w-8 items-center justify-center rounded-lg text-sm transition-colors\";\n\n    return (\n      <div\n        data-react-fancy-calendar=\"\"\n        ref={ref}\n        className={cn(\n          \"inline-block w-72 rounded-xl border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-900\",\n          className,\n        )}\n      >\n        {/* Header */}\n        <div className=\"mb-3 flex items-center justify-between\">\n          <button\n            type=\"button\"\n            onClick={prevMonth}\n            className=\"rounded-lg p-1 text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800\"\n            aria-label=\"Previous month\"\n          >\n            <ChevronLeft size={16} />\n          </button>\n          <span className=\"text-sm font-semibold\">\n            {MONTHS[viewMonth]} {viewYear}\n          </span>\n          <button\n            type=\"button\"\n            onClick={nextMonth}\n            className=\"rounded-lg p-1 text-zinc-400 hover:bg-zinc-100 dark:hover:bg-zinc-800\"\n            aria-label=\"Next month\"\n          >\n            <ChevronRight size={16} />\n          </button>\n        </div>\n\n        {/* Day headers */}\n        <div className=\"mb-1 grid grid-cols-7 gap-1\">\n          {DAYS.map((d) => (\n            <div\n              key={d}\n              className=\"flex h-8 items-center justify-center text-xs font-medium text-zinc-400\"\n            >\n              {d}\n            </div>\n          ))}\n        </div>\n\n        {/* Day grid */}\n        <div className=\"grid grid-cols-7 gap-1\">\n          {days.map((date, i) => {\n            const isCurrentMonth = date.getMonth() === viewMonth;\n            const selected = isSelected(date);\n            const inRange = isInRange(date);\n            const disabled = isDisabled(date);\n            const isToday = isSameDay(date, today);\n\n            return (\n              <button\n                key={i}\n                type=\"button\"\n                disabled={disabled}\n                onClick={() => handleSelect(date)}\n                onMouseEnter={() =>\n                  mode === \"range\" && setRangeHover(date)\n                }\n                className={cn(\n                  btnBase,\n                  !isCurrentMonth && \"text-zinc-300 dark:text-zinc-600\",\n                  isCurrentMonth &&\n                    !selected &&\n                    !inRange &&\n                    \"text-zinc-700 hover:bg-zinc-100 dark:text-zinc-300 dark:hover:bg-zinc-800\",\n                  inRange &&\n                    \"bg-blue-50 text-blue-700 dark:bg-blue-950 dark:text-blue-300\",\n                  selected &&\n                    \"bg-zinc-900 text-white dark:bg-white dark:text-zinc-900\",\n                  isToday && !selected && \"font-bold\",\n                  disabled && \"cursor-not-allowed opacity-30\",\n                )}\n              >\n                {date.getDate()}\n              </button>\n            );\n          })}\n        </div>\n      </div>\n    );\n  },\n);\n\nCalendar.displayName = \"Calendar\";\n"]}

package/dist/chunk-TJ66S5K6.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-TJ66S5K6.js.map
+//# sourceMappingURL=chunk-TJ66S5K6.js.map

package/dist/chunk-TJ66S5K6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-TJ66S5K6.js"}

package/dist/chunk-TVRCOKJQ.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var chunk3Z6ALUWP_cjs = require('./chunk-3Z6ALUWP.cjs');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var colorClasses = {
+  yellow: "bg-amber-100 text-amber-950 dark:bg-amber-200 dark:text-amber-950",
+  blue: "bg-sky-100 text-sky-950 dark:bg-sky-200 dark:text-sky-950",
+  green: "bg-emerald-100 text-emerald-950 dark:bg-emerald-200 dark:text-emerald-950",
+  pink: "bg-pink-100 text-pink-950 dark:bg-pink-200 dark:text-pink-950",
+  violet: "bg-violet-100 text-violet-950 dark:bg-violet-200 dark:text-violet-950"
+};
+var isPreset = (c) => c in colorClasses;
+var StickyNote = react.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    color = "yellow",
+    rotate = 0,
+    width = 180,
+    height = "auto",
+    selected = false,
+    editable = true,
+    autoFocus = false,
+    id,
+    children,
+    className,
+    style
+  }, ref) => {
+    const isControlled = value !== void 0;
+    const [internal, setInternal] = react.useState(defaultValue ?? "");
+    const text = isControlled ? value : internal;
+    const editRef = react.useRef(null);
+    react.useEffect(() => {
+      const el = editRef.current;
+      if (el && document.activeElement !== el && el.textContent !== text) {
+        el.textContent = text ?? "";
+      }
+    }, [text]);
+    react.useEffect(() => {
+      if (!editable || !autoFocus) return;
+      const el = editRef.current;
+      if (!el) return;
+      el.focus();
+      const range = document.createRange();
+      range.selectNodeContents(el);
+      range.collapse(false);
+      const sel = window.getSelection();
+      sel?.removeAllRanges();
+      sel?.addRange(range);
+    }, [editable, autoFocus]);
+    const commit = () => {
+      const next = editRef.current?.textContent ?? "";
+      if (next === text) return;
+      if (!isControlled) setInternal(next);
+      onChange?.(next);
+    };
+    const preset = isPreset(color);
+    const content = children != null ? children : editable ? /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref: editRef,
+        contentEditable: true,
+        suppressContentEditableWarning: true,
+        spellCheck: false,
+        role: "textbox",
+        "aria-multiline": "true",
+        className: "outline-none whitespace-pre-wrap break-words min-h-[1.4em]",
+        onBlur: commit,
+        onKeyDown: (e) => {
+          if (e.key === "Escape") e.currentTarget.blur();
+        },
+        children: text
+      }
+    ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "whitespace-pre-wrap break-words", children: text });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        id,
+        "data-react-fancy-sticky": "",
+        className: chunk3Z6ALUWP_cjs.cn(
+          "rounded-sm p-3.5 text-sm leading-relaxed shadow-[0_2px_8px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.08)]",
+          preset ? colorClasses[color] : "text-zinc-900",
+          selected && "ring-2 ring-blue-500 ring-offset-1",
+          className
+        ),
+        style: {
+          width,
+          height,
+          transform: rotate ? `rotate(${rotate}deg)` : void 0,
+          ...preset ? null : { background: color },
+          ...style
+        },
+        children: content
+      }
+    );
+  }
+);
+StickyNote.displayName = "StickyNote";
+
+exports.StickyNote = StickyNote;
+//# sourceMappingURL=chunk-TVRCOKJQ.cjs.map
+//# sourceMappingURL=chunk-TVRCOKJQ.cjs.map

package/dist/chunk-TVRCOKJQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/StickyNote/StickyNote.tsx"],"names":["forwardRef","useState","useRef","useEffect","jsx","cn"],"mappings":"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","file":"chunk-TVRCOKJQ.cjs","sourcesContent":["import { forwardRef, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport type { StickyNoteColor, StickyNoteProps } from \"./StickyNote.types\";\n\n// Preset paper colors → bg + text classes. An arbitrary CSS color string\n// falls through to an inline `background` (text stays a dark ink tone).\nconst colorClasses: Record<StickyNoteColor, string> = {\n  yellow: \"bg-amber-100 text-amber-950 dark:bg-amber-200 dark:text-amber-950\",\n  blue: \"bg-sky-100 text-sky-950 dark:bg-sky-200 dark:text-sky-950\",\n  green: \"bg-emerald-100 text-emerald-950 dark:bg-emerald-200 dark:text-emerald-950\",\n  pink: \"bg-pink-100 text-pink-950 dark:bg-pink-200 dark:text-pink-950\",\n  violet: \"bg-violet-100 text-violet-950 dark:bg-violet-200 dark:text-violet-950\",\n};\n\nconst isPreset = (c: string): c is StickyNoteColor => c in colorClasses;\n\n/**\n * A sticky note — paper-styled, with optional inline text editing.\n *\n * Presentational primitive only: it owns the note's look and its editable\n * text. Positioning, dragging, resizing, and z-order are the consumer's job\n * (e.g. `fancy-whiteboard`'s `<Board>` places it in world space;\n * `fancy-artboard`'s `<ArtBoard.Note>` positions it absolutely).\n *\n *   <StickyNote value={text} onChange={setText} color=\"yellow\" rotate={-2} />\n */\nexport const StickyNote = forwardRef<HTMLDivElement, StickyNoteProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      color = \"yellow\",\n      rotate = 0,\n      width = 180,\n      height = \"auto\",\n      selected = false,\n      editable = true,\n      autoFocus = false,\n      id,\n      children,\n      className,\n      style,\n    },\n    ref,\n  ) => {\n    const isControlled = value !== undefined;\n    const [internal, setInternal] = useState(defaultValue ?? \"\");\n    const text = isControlled ? value : internal;\n    const editRef = useRef<HTMLDivElement>(null);\n\n    // Push text into the contentEditable node only when it differs AND the node\n    // isn't focused — editing in place must not yank the caret to the start.\n    useEffect(() => {\n      const el = editRef.current;\n      if (el && document.activeElement !== el && el.textContent !== text) {\n        el.textContent = text ?? \"\";\n      }\n    }, [text]);\n\n    // Focus + caret-to-end when editing turns on (consumer \"enter edit\" gesture).\n    useEffect(() => {\n      if (!editable || !autoFocus) return;\n      const el = editRef.current;\n      if (!el) return;\n      el.focus();\n      const range = document.createRange();\n      range.selectNodeContents(el);\n      range.collapse(false);\n      const sel = window.getSelection();\n      sel?.removeAllRanges();\n      sel?.addRange(range);\n    }, [editable, autoFocus]);\n\n    const commit = () => {\n      const next = editRef.current?.textContent ?? \"\";\n      if (next === text) return;\n      if (!isControlled) setInternal(next);\n      onChange?.(next);\n    };\n\n    const preset = isPreset(color);\n    const content =\n      children != null ? (\n        children\n      ) : editable ? (\n        <div\n          ref={editRef}\n          contentEditable\n          suppressContentEditableWarning\n          spellCheck={false}\n          role=\"textbox\"\n          aria-multiline=\"true\"\n          className=\"outline-none whitespace-pre-wrap break-words min-h-[1.4em]\"\n          onBlur={commit}\n          onKeyDown={(e) => {\n            if (e.key === \"Escape\") e.currentTarget.blur();\n          }}\n        >\n          {text}\n        </div>\n      ) : (\n        <div className=\"whitespace-pre-wrap break-words\">{text}</div>\n      );\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        data-react-fancy-sticky=\"\"\n        className={cn(\n          \"rounded-sm p-3.5 text-sm leading-relaxed shadow-[0_2px_8px_rgba(0,0,0,0.12),0_1px_2px_rgba(0,0,0,0.08)]\",\n          preset ? colorClasses[color] : \"text-zinc-900\",\n          selected && \"ring-2 ring-blue-500 ring-offset-1\",\n          className,\n        )}\n        style={{\n          width,\n          height,\n          transform: rotate ? `rotate(${rotate}deg)` : undefined,\n          ...(preset ? null : { background: color }),\n          ...style,\n        }}\n      >\n        {content}\n      </div>\n    );\n  },\n);\n\nStickyNote.displayName = \"StickyNote\";\n"]}

package/dist/chunk-TXTRTTG7.cjs

@@ -0,0 +1,51 @@
+'use strict';
+
+var react = require('react');
+
+// src/hooks/use-focus-trap.ts
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled])",
+  "textarea:not([disabled])",
+  "select:not([disabled])",
+  "[tabindex]:not([tabindex='-1'])"
+].join(", ");
+function useFocusTrap(ref, enabled = true) {
+  react.useEffect(() => {
+    if (!enabled) return;
+    const el = ref.current;
+    if (!el) return;
+    const previouslyFocused = document.activeElement;
+    const focusables = () => Array.from(el.querySelectorAll(FOCUSABLE_SELECTOR));
+    const first = focusables()[0];
+    first?.focus();
+    const listener = (event) => {
+      if (event.key !== "Tab") return;
+      const items = focusables();
+      if (items.length === 0) return;
+      const firstItem = items[0];
+      const lastItem = items[items.length - 1];
+      if (event.shiftKey) {
+        if (document.activeElement === firstItem) {
+          event.preventDefault();
+          lastItem.focus();
+        }
+      } else {
+        if (document.activeElement === lastItem) {
+          event.preventDefault();
+          firstItem.focus();
+        }
+      }
+    };
+    el.addEventListener("keydown", listener);
+    return () => {
+      el.removeEventListener("keydown", listener);
+      previouslyFocused?.focus();
+    };
+  }, [ref, enabled]);
+}
+
+exports.useFocusTrap = useFocusTrap;
+//# sourceMappingURL=chunk-TXTRTTG7.cjs.map
+//# sourceMappingURL=chunk-TXTRTTG7.cjs.map

package/dist/chunk-TXTRTTG7.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/use-focus-trap.ts"],"names":["useEffect"],"mappings":";;;;;AAEA,IAAM,kBAAA,GAAqB;AAAA,EACzB,SAAA;AAAA,EACA,wBAAA;AAAA,EACA,uBAAA;AAAA,EACA,0BAAA;AAAA,EACA,wBAAA;AAAA,EACA;AACF,CAAA,CAAE,KAAK,IAAI,CAAA;AAEJ,SAAS,YAAA,CACd,GAAA,EACA,OAAA,GAAmB,IAAA,EACb;AACN,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,OAAA,EAAS;AAEd,IAAA,MAAM,KAAK,GAAA,CAAI,OAAA;AACf,IAAA,IAAI,CAAC,EAAA,EAAI;AAET,IAAA,MAAM,oBAAoB,QAAA,CAAS,aAAA;AAEnC,IAAA,MAAM,aAAa,MACjB,KAAA,CAAM,KAAK,EAAA,CAAG,gBAAA,CAA8B,kBAAkB,CAAC,CAAA;AAGjE,IAAA,MAAM,KAAA,GAAQ,UAAA,EAAW,CAAE,CAAC,CAAA;AAC5B,IAAA,KAAA,EAAO,KAAA,EAAM;AAEb,IAAA,MAAM,QAAA,GAAW,CAAC,KAAA,KAAyB;AACzC,MAAA,IAAI,KAAA,CAAM,QAAQ,KAAA,EAAO;AAEzB,MAAA,MAAM,QAAQ,UAAA,EAAW;AACzB,MAAA,IAAI,KAAA,CAAM,WAAW,CAAA,EAAG;AAExB,MAAA,MAAM,SAAA,GAAY,MAAM,CAAC,CAAA;AACzB,MAAA,MAAM,QAAA,GAAW,KAAA,CAAM,KAAA,CAAM,MAAA,GAAS,CAAC,CAAA;AAEvC,MAAA,IAAI,MAAM,QAAA,EAAU;AAClB,QAAA,IAAI,QAAA,CAAS,kBAAkB,SAAA,EAAW;AACxC,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,QAAA,CAAS,KAAA,EAAM;AAAA,QACjB;AAAA,MACF,CAAA,MAAO;AACL,QAAA,IAAI,QAAA,CAAS,kBAAkB,QAAA,EAAU;AACvC,UAAA,KAAA,CAAM,cAAA,EAAe;AACrB,UAAA,SAAA,CAAU,KAAA,EAAM;AAAA,QAClB;AAAA,MACF;AAAA,IACF,CAAA;AAEA,IAAA,EAAA,CAAG,gBAAA,CAAiB,WAAW,QAAQ,CAAA;AAEvC,IAAA,OAAO,MAAM;AACX,MAAA,EAAA,CAAG,mBAAA,CAAoB,WAAW,QAAQ,CAAA;AAC1C,MAAA,iBAAA,EAAmB,KAAA,EAAM;AAAA,IAC3B,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,GAAA,EAAK,OAAO,CAAC,CAAA;AACnB","file":"chunk-TXTRTTG7.cjs","sourcesContent":["import { useEffect, type RefObject } from \"react\";\n\nconst FOCUSABLE_SELECTOR = [\n  \"a[href]\",\n  \"button:not([disabled])\",\n  \"input:not([disabled])\",\n  \"textarea:not([disabled])\",\n  \"select:not([disabled])\",\n  \"[tabindex]:not([tabindex='-1'])\",\n].join(\", \");\n\nexport function useFocusTrap(\n  ref: RefObject<HTMLElement | null>,\n  enabled: boolean = true,\n): void {\n  useEffect(() => {\n    if (!enabled) return;\n\n    const el = ref.current;\n    if (!el) return;\n\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n\n    const focusables = () =>\n      Array.from(el.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n\n    // Focus first focusable element\n    const first = focusables()[0];\n    first?.focus();\n\n    const listener = (event: KeyboardEvent) => {\n      if (event.key !== \"Tab\") return;\n\n      const items = focusables();\n      if (items.length === 0) return;\n\n      const firstItem = items[0];\n      const lastItem = items[items.length - 1];\n\n      if (event.shiftKey) {\n        if (document.activeElement === firstItem) {\n          event.preventDefault();\n          lastItem.focus();\n        }\n      } else {\n        if (document.activeElement === lastItem) {\n          event.preventDefault();\n          firstItem.focus();\n        }\n      }\n    };\n\n    el.addEventListener(\"keydown\", listener);\n\n    return () => {\n      el.removeEventListener(\"keydown\", listener);\n      previouslyFocused?.focus();\n    };\n  }, [ref, enabled]);\n}\n"]}