@iclips/ui 2.0.2 → 3.0.0

package/dist/components/ui/data/editorial-calendar.js

@@ -1,15 +1,15 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { useState as N, useMemo as Y } from "react";
-import { format as u, startOfMonth as oe, endOfMonth as ce, startOfWeek as U, endOfWeek as K, eachDayOfInterval as me, isToday as A, isSameDay as V, isSameMonth as he, setHours as ue, getHours as _, getMinutes as q, addMonths as pe, addDays as O, subMonths as fe, addHours as J, differenceInMinutes as ge } from "date-fns";
-import { PanelLeftOpen as xe, PanelLeftClose as be, Plus as z, ChevronLeft as ve, ChevronRight as we, Calendar as I, Youtube as Ne, Twitter as ye, Facebook as ke, Linkedin as De, Instagram as Ce, GripVertical as Te, Clock as Me } from "lucide-react";
-import { cn as f } from "../utils.js";
+import { useState as N, useMemo as W } from "react";
+import { format as h, startOfMonth as de, endOfMonth as ce, startOfWeek as F, endOfWeek as L, eachDayOfInterval as me, isToday as A, isSameDay as V, isSameMonth as ue, setHours as he, getHours as Y, getMinutes as q, addMonths as fe, addDays as O, subMonths as pe, addHours as J, differenceInMinutes as ge } from "date-fns";
+import { PanelLeftOpen as be, PanelLeftClose as xe, Plus as z, ChevronLeft as ve, ChevronRight as we, Calendar as E, Youtube as Ne, Twitter as ye, Facebook as ke, Linkedin as De, Instagram as Ce, GripVertical as Te, Clock as Me } from "lucide-react";
+import { cn as p } from "../utils.js";
 import { Button as w } from "../primitives/button.js";
-import { Avatar as L, AvatarImage as B, AvatarFallback as G } from "../primitives/avatar.js";
+import { Avatar as U, AvatarImage as K, AvatarFallback as B } from "../primitives/avatar.js";
 import { Badge as S } from "../primitives/badge.js";
 import { Dialog as Oe, DialogContent as Se, DialogHeader as Ae, DialogTitle as ze, DialogDescription as He, DialogFooter as je } from "../overlays/dialog.js";
-import { ToggleGroup as Ee, ToggleGroupItem as E } from "../forms/toggle-group.js";
-import { ScrollArea as Ie } from "../layout/scroll-area.js";
-import { DndProvider as Q, useDrag as Pe, useDrop as $ } from "react-dnd";
+import { ToggleGroup as Ie, ToggleGroupItem as I } from "../forms/toggle-group.js";
+import { ScrollArea as Ee } from "../layout/scroll-area.js";
+import { DndProvider as Q, useDrag as Pe, useDrop as _ } from "react-dnd";
 import { HTML5Backend as X } from "react-dnd-html5-backend";
 const C = {
   TASK: "task"
@@ -19,176 +19,176 @@ const C = {
   facebook: ke,
   twitter: ye,
   youtube: Ne,
-  blog: I,
-  other: I
+  blog: E,
+  other: E
 }, P = {
   idea: "bg-muted text-muted-foreground border-border",
   planned: "bg-info/10 text-info-emphasis border-info/20",
   "in-progress": "bg-warning/10 text-warning-emphasis border-warning/20",
-  approval: "bg-accent text-accent-foreground border-border",
+  approval: "bg-secondary text-secondary-foreground border-border",
   scheduled: "bg-success/10 text-success-emphasis border-success/20",
   published: "bg-foreground text-background border-foreground"
-}, R = [
-  "bg-chart-2/15 border-chart-2/30 text-chart-2",
-  "bg-chart-3/15 border-chart-3/30 text-chart-3",
-  "bg-chart-1/15 border-chart-1/30 text-chart-1",
-  "bg-chart-4/15 border-chart-4/30 text-chart-4",
-  "bg-chart-5/15 border-chart-5/30 text-chart-5",
-  "bg-chart-8/15 border-chart-8/30 text-chart-8"
-], W = (r) => {
-  const t = r.split("").reduce((s, d) => s + d.charCodeAt(0), 0);
-  return R[t % R.length];
+}, G = [
+  "bg-chart-2/15 border-chart-2/30 text-[color-mix(in_oklab,var(--chart-2)_45%,var(--foreground))]",
+  "bg-chart-3/15 border-chart-3/30 text-[color-mix(in_oklab,var(--chart-3)_45%,var(--foreground))]",
+  "bg-chart-1/15 border-chart-1/30 text-[color-mix(in_oklab,var(--chart-1)_45%,var(--foreground))]",
+  "bg-chart-4/15 border-chart-4/30 text-[color-mix(in_oklab,var(--chart-4)_45%,var(--foreground))]",
+  "bg-chart-5/15 border-chart-5/30 text-[color-mix(in_oklab,var(--chart-5)_45%,var(--foreground))]",
+  "bg-chart-8/15 border-chart-8/30 text-[color-mix(in_oklab,var(--chart-8)_45%,var(--foreground))]"
+], R = (t) => {
+  const r = t.split("").reduce((s, o) => s + o.charCodeAt(0), 0);
+  return G[r % G.length];
 };
 function H({
-  task: r,
-  view: t = "month",
+  task: t,
+  view: r = "month",
   mode: s = "editorial",
-  onClick: d,
+  onClick: o,
   style: c
 }) {
   var y;
   const [{ isDragging: a }, l] = Pe(() => ({
     type: C.TASK,
-    item: { id: r.id, type: C.TASK },
-    collect: (x) => ({
-      isDragging: !!x.isDragging()
+    item: { id: t.id, type: C.TASK },
+    collect: (b) => ({
+      isDragging: !!b.isDragging()
     })
-  }), [r.id]), m = r.channel ? Z[r.channel] : I, n = r.date ? new Date(r.date) : null, o = r.endDate ? new Date(r.endDate) : n ? J(n, 1) : null, h = n ? u(n, "HH:mm") : null, g = n && o ? `${u(n, "HH:mm")} - ${u(o, "HH:mm")}` : h;
-  return s === "editorial" && (t === "week" || t === "day") ? /* @__PURE__ */ i(
+  }), [t.id]), m = t.channel ? Z[t.channel] : E, n = t.date ? new Date(t.date) : null, d = t.endDate ? new Date(t.endDate) : n ? J(n, 1) : null, u = n ? h(n, "HH:mm") : null, g = n && d ? `${h(n, "HH:mm")} - ${h(d, "HH:mm")}` : u;
+  return s === "editorial" && (r === "week" || r === "day") ? /* @__PURE__ */ i(
     "div",
     {
       ref: l,
-      onClick: d,
-      className: f(
+      onClick: o,
+      className: p(
         "relative group cursor-pointer bg-card border rounded-md shadow-sm hover:shadow-md transition-all mb-3 overflow-hidden",
         a ? "opacity-50" : "opacity-100",
-        r.status === "published" ? "border-l-2 border-l-foreground" : "border-l-2 border-l-primary"
+        t.status === "published" ? "border-l-2 border-l-foreground" : "border-l-2 border-l-primary"
       ),
       children: [
         /* @__PURE__ */ i("div", { className: "flex items-center justify-between px-3 py-2 border-b bg-muted/50", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(m, { size: 14, className: "text-muted-foreground" }),
-            h && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-muted-foreground", children: h })
+            u && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-muted-foreground", children: u })
           ] }),
           /* @__PURE__ */ e("div", { className: "opacity-0 group-hover:opacity-100 text-muted-foreground cursor-grab", children: /* @__PURE__ */ e(Te, { size: 14 }) })
         ] }),
-        r.imageUrl && /* @__PURE__ */ e("div", { className: "w-full aspect-video bg-muted relative border-b", children: /* @__PURE__ */ e("img", { src: r.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
+        t.imageUrl && /* @__PURE__ */ e("div", { className: "w-full aspect-video bg-muted relative border-b", children: /* @__PURE__ */ e("img", { src: t.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
         /* @__PURE__ */ i("div", { className: "p-3", children: [
-          /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground line-clamp-2 mb-2 leading-snug", children: r.title }),
+          /* @__PURE__ */ e("h4", { className: "text-sm font-medium text-foreground line-clamp-2 mb-2 leading-snug", children: t.title }),
           /* @__PURE__ */ i("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ e(S, { variant: "outline", className: f("px-1.5 py-0 text-[10px] h-5 font-normal uppercase tracking-wide", P[r.status]), children: r.status }),
-            r.assignees && r.assignees.length > 0 && /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: r.assignees.slice(0, 2).map((x, v) => /* @__PURE__ */ i(L, { className: "w-5 h-5 border border-background", children: [
-              /* @__PURE__ */ e(B, { src: x.avatar }),
-              /* @__PURE__ */ e(G, { className: "text-[8px]", children: x.name[0] })
+            /* @__PURE__ */ e(S, { variant: "outline", className: p("px-1.5 py-0 text-[10px] h-5 font-normal uppercase tracking-wide", P[t.status]), children: t.status }),
+            t.assignees && t.assignees.length > 0 && /* @__PURE__ */ e("div", { className: "flex -space-x-2", children: t.assignees.slice(0, 2).map((b, v) => /* @__PURE__ */ i(U, { className: "w-5 h-5 border border-background", children: [
+              /* @__PURE__ */ e(K, { src: b.avatar }),
+              /* @__PURE__ */ e(B, { className: "text-[8px]", children: b.name[0] })
             ] }, v)) })
           ] })
         ] })
       ]
     }
-  ) : s === "editorial" && t === "month" ? /* @__PURE__ */ i(
+  ) : s === "editorial" && r === "month" ? /* @__PURE__ */ i(
     "div",
     {
       ref: l,
-      onClick: d,
-      className: f(
+      onClick: o,
+      className: p(
         "relative group cursor-pointer bg-card border rounded-md shadow-sm hover:shadow-md transition-all mb-1 overflow-hidden flex items-center gap-2 p-1.5",
         a ? "opacity-50" : "opacity-100",
-        r.status === "published" ? "border-l-2 border-l-foreground" : "border-l-2 border-l-primary"
+        t.status === "published" ? "border-l-2 border-l-foreground" : "border-l-2 border-l-primary"
       ),
       children: [
-        r.imageUrl && /* @__PURE__ */ e("div", { className: "w-8 h-8 flex-shrink-0 bg-muted rounded overflow-hidden", children: /* @__PURE__ */ e("img", { src: r.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
+        t.imageUrl && /* @__PURE__ */ e("div", { className: "w-8 h-8 flex-shrink-0 bg-muted rounded overflow-hidden", children: /* @__PURE__ */ e("img", { src: t.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
         /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5", children: [
           /* @__PURE__ */ e(m, { size: 12, className: "text-muted-foreground" }),
-          /* @__PURE__ */ e("span", { className: "truncate font-medium text-xs", children: r.title })
+          /* @__PURE__ */ e("span", { className: "truncate font-medium text-xs", children: t.title })
         ] }) })
       ]
     }
-  ) : s === "execution" && (t === "week" || t === "day") ? /* @__PURE__ */ i(
+  ) : s === "execution" && (r === "week" || r === "day") ? /* @__PURE__ */ i(
     "div",
     {
       ref: l,
-      onClick: d,
+      onClick: o,
       style: c,
-      className: f(
+      className: p(
         "absolute z-10 rounded-md border shadow-sm p-1.5 text-xs flex flex-col overflow-hidden hover:overflow-visible hover:h-auto! hover:min-h-[min-content] hover:z-50 transition-all cursor-pointer group",
         a ? "opacity-50" : "opacity-100",
-        r.color || W(r.id)
+        t.color || R(t.id)
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: "flex items-center gap-1 mb-0.5 font-semibold opacity-75 text-[10px] leading-none", children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-1 mb-0.5 font-semibold text-[10px] leading-none", children: [
           /* @__PURE__ */ e(Me, { size: 10 }),
           /* @__PURE__ */ e("span", { className: "truncate", children: g })
         ] }),
-        /* @__PURE__ */ e("div", { className: "font-bold leading-tight mb-1 line-clamp-2 text-[11px]", children: r.title }),
+        /* @__PURE__ */ e("div", { className: "font-bold leading-tight mb-1 line-clamp-2 text-[11px]", children: t.title }),
         /* @__PURE__ */ i("div", { className: "mt-auto flex items-center justify-between pt-1", children: [
-          /* @__PURE__ */ e("div", { className: "flex -space-x-1.5", children: (y = r.assignees) == null ? void 0 : y.map((x, v) => /* @__PURE__ */ i(L, { className: "w-4 h-4 border border-background", children: [
-            /* @__PURE__ */ e(B, { src: x.avatar }),
-            /* @__PURE__ */ e(G, { className: "text-[8px]", children: x.name[0] })
+          /* @__PURE__ */ e("div", { className: "flex -space-x-1.5", children: (y = t.assignees) == null ? void 0 : y.map((b, v) => /* @__PURE__ */ i(U, { className: "w-4 h-4 border border-background", children: [
+            /* @__PURE__ */ e(K, { src: b.avatar }),
+            /* @__PURE__ */ e(B, { className: "text-[8px]", children: b.name[0] })
           ] }, v)) }),
-          r.status !== "published" && /* @__PURE__ */ e("div", { className: f("w-2 h-2 rounded-full", P[r.status].split(" ")[1].replace("text-", "bg-")) })
+          t.status !== "published" && /* @__PURE__ */ e("div", { className: p("w-2 h-2 rounded-full", P[t.status].split(" ")[1].replace("text-", "bg-")) })
         ] })
       ]
     }
-  ) : s === "execution" && t === "month" ? /* @__PURE__ */ i(
+  ) : s === "execution" && r === "month" ? /* @__PURE__ */ i(
     "div",
     {
       ref: l,
-      onClick: d,
-      className: f(
+      onClick: o,
+      className: p(
         "relative group cursor-pointer rounded px-2 py-1 mb-1 text-xs truncate font-medium transition-all",
         a ? "opacity-50" : "opacity-100",
-        r.color || W(r.id).replace("bg-", "bg-opacity-20 bg-")
+        t.color || R(t.id).replace("bg-", "bg-opacity-20 bg-")
         // lighter background
       ),
       children: [
-        h,
+        u,
         " ",
-        r.title
+        t.title
       ]
     }
   ) : /* @__PURE__ */ i(
     "div",
     {
       ref: l,
-      onClick: d,
-      className: f(
+      onClick: o,
+      className: p(
         "relative group cursor-pointer bg-card border rounded-md shadow-sm hover:shadow-md transition-all mb-2 p-2 flex items-start gap-3",
         a ? "opacity-50" : "opacity-100",
-        s === "editorial" && (r.status === "published" ? "border-l-2 border-l-foreground" : "border-l-2 border-l-primary")
+        s === "editorial" && (t.status === "published" ? "border-l-2 border-l-foreground" : "border-l-2 border-l-primary")
       ),
       children: [
-        s === "editorial" && r.imageUrl && /* @__PURE__ */ e("div", { className: "w-10 h-10 flex-shrink-0 bg-muted rounded overflow-hidden", children: /* @__PURE__ */ e("img", { src: r.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
+        s === "editorial" && t.imageUrl && /* @__PURE__ */ e("div", { className: "w-10 h-10 flex-shrink-0 bg-muted rounded overflow-hidden", children: /* @__PURE__ */ e("img", { src: t.imageUrl, alt: "", className: "w-full h-full object-cover" }) }),
         /* @__PURE__ */ i("div", { className: "min-w-0 flex-1", children: [
           /* @__PURE__ */ i("div", { className: "flex items-center gap-1.5 mb-1", children: [
             s === "editorial" && /* @__PURE__ */ e(m, { size: 12, className: "text-muted-foreground" }),
-            /* @__PURE__ */ e("span", { className: "truncate font-medium text-sm", children: r.title })
+            /* @__PURE__ */ e("span", { className: "truncate font-medium text-sm", children: t.title })
           ] }),
-          /* @__PURE__ */ e(S, { variant: "secondary", className: "text-[10px] h-4 px-1 py-0", children: r.status })
+          /* @__PURE__ */ e(S, { variant: "secondary", className: "text-[10px] h-4 px-1 py-0", children: t.status })
         ] })
       ]
     }
   );
 }
 function Ve({
-  days: r,
-  tasks: t,
+  days: t,
+  tasks: r,
   onDropTask: s,
-  onTaskClick: d,
+  onTaskClick: o,
   onAddClick: c,
   view: a
 }) {
-  return /* @__PURE__ */ e("div", { className: f(
+  return /* @__PURE__ */ e("div", { className: p(
     "grid h-full min-h-[calc(100vh-200px)] bg-muted/30",
     a === "week" ? "grid-cols-7 divide-x" : "grid-cols-1 border-x"
-  ), children: r.map((l) => {
-    const m = t.filter((n) => n.date && V(new Date(n.date), l)).sort((n, o) => n.date && o.date ? new Date(n.date).getTime() - new Date(o.date).getTime() : 0);
+  ), children: t.map((l) => {
+    const m = r.filter((n) => n.date && V(new Date(n.date), l)).sort((n, d) => n.date && d.date ? new Date(n.date).getTime() - new Date(d.date).getTime() : 0);
     return /* @__PURE__ */ e(
-      $e,
+      _e,
       {
         day: l,
         tasks: m,
         onDropTask: s,
-        onTaskClick: d,
+        onTaskClick: o,
         onAddClick: c,
         isToday: A(l)
       },
@@ -196,41 +196,41 @@ function Ve({
     );
   }) });
 }
-function $e({ day: r, tasks: t, onDropTask: s, onTaskClick: d, onAddClick: c, isToday: a }) {
-  const [{ isOver: l }, m] = $(() => ({
+function _e({ day: t, tasks: r, onDropTask: s, onTaskClick: o, onAddClick: c, isToday: a }) {
+  const [{ isOver: l }, m] = _(() => ({
     accept: C.TASK,
-    drop: (n) => s(n.id, r),
+    drop: (n) => s(n.id, t),
     collect: (n) => ({
       isOver: !!n.isOver()
     })
-  }), [r, s]);
+  }), [t, s]);
   return /* @__PURE__ */ i(
     "div",
     {
       ref: m,
-      className: f(
+      className: p(
         "flex flex-col h-full min-h-0 transition-colors",
         l && "bg-accent ring-inset ring-2 ring-ring"
       ),
       children: [
-        /* @__PURE__ */ i("div", { className: f(
+        /* @__PURE__ */ i("div", { className: p(
           "p-2 text-center border-b bg-card sticky top-0 z-10",
           a && "bg-accent/50"
         ), children: [
-          /* @__PURE__ */ e("div", { className: "text-xs font-semibold uppercase text-muted-foreground mb-1", children: u(r, "EEE") }),
-          /* @__PURE__ */ e("div", { className: f(
+          /* @__PURE__ */ e("div", { className: "text-xs font-semibold uppercase text-muted-foreground mb-1", children: h(t, "EEE") }),
+          /* @__PURE__ */ e("div", { className: p(
             "w-8 h-8 rounded-full flex items-center justify-center mx-auto text-sm font-medium",
             a ? "bg-primary text-primary-foreground" : "text-foreground bg-muted"
-          ), children: u(r, "d") })
+          ), children: h(t, "d") })
         ] }),
-        /* @__PURE__ */ i("div", { className: "flex-1 p-2 space-y-3 overflow-y-auto", children: [
+        /* @__PURE__ */ i("div", { className: "flex-1 p-2 space-y-3 overflow-y-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", tabIndex: 0, role: "group", "aria-label": `Publicações de ${h(t, "PP")}`, children: [
           /* @__PURE__ */ i(
             w,
             {
               variant: "outline",
               size: "sm",
               className: "w-full mb-2 justify-center px-1",
-              onClick: () => c(r),
+              onClick: () => c(t),
               children: [
                 /* @__PURE__ */ e(z, { size: 12, className: "flex-shrink-0" }),
                 /* @__PURE__ */ e("span", { className: "truncate ml-1.5 hidden xl:inline", children: "Add Post" }),
@@ -238,13 +238,13 @@ function $e({ day: r, tasks: t, onDropTask: s, onTaskClick: d, onAddClick: c, is
               ]
             }
           ),
-          t.map((n) => /* @__PURE__ */ e(
+          r.map((n) => /* @__PURE__ */ e(
             H,
             {
               task: n,
               view: "week",
               mode: "editorial",
-              onClick: () => d(n)
+              onClick: () => o(n)
             },
             n.id
           ))
@@ -253,32 +253,32 @@ function $e({ day: r, tasks: t, onDropTask: s, onTaskClick: d, onAddClick: c, is
     }
   );
 }
-function Fe({
-  days: r,
-  tasks: t,
+function $e({
+  days: t,
+  tasks: r,
   onDropTask: s,
-  onTaskClick: d,
+  onTaskClick: o,
   onAddClick: c
 }) {
   const a = Array.from({ length: 24 }, (l, m) => m);
-  return /* @__PURE__ */ i("div", { className: "flex h-full relative overflow-y-auto bg-card select-none", children: [
+  return /* @__PURE__ */ i("div", { className: "flex h-full relative overflow-y-auto bg-card select-none focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", tabIndex: 0, role: "group", "aria-label": "Linha do tempo de execução", children: [
     /* @__PURE__ */ i("div", { className: "w-14 flex-shrink-0 border-r bg-card sticky left-0 z-30", children: [
       /* @__PURE__ */ e("div", { className: "h-10 border-b bg-card sticky top-0 z-40 flex-shrink-0" }),
       " ",
-      a.map((l) => /* @__PURE__ */ e("div", { className: "h-24 border-b text-right pr-2 pt-2 text-xs text-muted-foreground font-medium relative", children: /* @__PURE__ */ e("span", { className: "-top-2.5 relative", children: u(ue(/* @__PURE__ */ new Date(), l), "ha") }) }, l))
+      a.map((l) => /* @__PURE__ */ e("div", { className: "h-24 border-b text-right pr-2 pt-2 text-xs text-muted-foreground font-medium relative", children: /* @__PURE__ */ e("span", { className: "-top-2.5 relative", children: h(he(/* @__PURE__ */ new Date(), l), "ha") }) }, l))
     ] }),
     /* @__PURE__ */ i("div", { className: "flex flex-1 min-w-0 relative", children: [
-      r.map((l, m) => {
-        const n = t.filter((o) => o.date && V(new Date(o.date), l));
+      t.map((l, m) => {
+        const n = r.filter((d) => d.date && V(new Date(d.date), l));
         return /* @__PURE__ */ e(
-          Ue,
+          Fe,
           {
             day: l,
             tasks: n,
             onDropTask: s,
-            onTaskClick: d,
+            onTaskClick: o,
             onAddClick: c,
-            isLast: m === r.length - 1,
+            isLast: m === t.length - 1,
             HOURS: a
           },
           l.toISOString()
@@ -292,64 +292,64 @@ function Fe({
     ] })
   ] });
 }
-function Ue({
-  day: r,
-  tasks: t,
+function Fe({
+  day: t,
+  tasks: r,
   onDropTask: s,
-  onTaskClick: d,
+  onTaskClick: o,
   onAddClick: c,
   isLast: a,
   HOURS: l
 }) {
-  const [{ isOver: m }, n] = $(() => ({
+  const [{ isOver: m }, n] = _(() => ({
     accept: C.TASK,
-    drop: (o) => {
-      s(o.id, r);
+    drop: (d) => {
+      s(d.id, t);
     },
-    collect: (o) => ({
-      isOver: !!o.isOver()
+    collect: (d) => ({
+      isOver: !!d.isOver()
     })
-  }), [r, s]);
+  }), [t, s]);
   return /* @__PURE__ */ i(
     "div",
     {
       ref: n,
-      className: f(
+      className: p(
         "flex-1 relative min-w-[150px]",
         !a && "border-r",
         m && "bg-accent/50"
       ),
       children: [
         /* @__PURE__ */ e("div", { className: "sticky top-0 z-20 bg-card border-b h-10 flex items-center justify-center shadow-sm", children: /* @__PURE__ */ i("div", { className: "text-xs font-bold text-muted-foreground", children: [
-          u(r, "EEE"),
+          h(t, "EEE"),
           " ",
-          /* @__PURE__ */ e("span", { className: f("ml-1", A(r) && "text-primary"), children: u(r, "d") })
+          /* @__PURE__ */ e("span", { className: p("ml-1", A(t) && "text-primary"), children: h(t, "d") })
         ] }) }),
-        l.map((o) => /* @__PURE__ */ e(
+        l.map((d) => /* @__PURE__ */ e(
           "div",
           {
             className: "h-24 w-full absolute hover:bg-muted/50 transition-colors cursor-pointer z-10",
-            style: { top: `${o * 96 + 40}px` },
-            onClick: (h) => {
-              h.stopPropagation();
-              const g = new Date(r);
-              g.setHours(o, 0), c(g);
+            style: { top: `${d * 96 + 40}px` },
+            onClick: (u) => {
+              u.stopPropagation();
+              const g = new Date(t);
+              g.setHours(d, 0), c(g);
             }
           },
-          o
+          d
         )),
-        t.map((o) => {
-          const h = o.date ? new Date(o.date) : /* @__PURE__ */ new Date(), g = o.endDate ? new Date(o.endDate) : J(h, 1), y = _(h), x = q(h);
-          let v = ge(g, h);
+        r.map((d) => {
+          const u = d.date ? new Date(d.date) : /* @__PURE__ */ new Date(), g = d.endDate ? new Date(d.endDate) : J(u, 1), y = Y(u), b = q(u);
+          let v = ge(g, u);
           v < 30 && (v = 30);
-          const T = y * 96 + x / 60 * 96 + 40, j = v / 60 * 96;
+          const T = y * 96 + b / 60 * 96 + 40, j = v / 60 * 96;
           return /* @__PURE__ */ e(
             H,
             {
-              task: o,
+              task: d,
               view: "week",
               mode: "execution",
-              onClick: () => d(o),
+              onClick: () => o(d),
               style: {
                 top: `${T}px`,
                 height: `${j}px`,
@@ -358,7 +358,7 @@ function Ue({
                 position: "absolute"
               }
             },
-            o.id
+            d.id
           );
         })
       ]
@@ -366,25 +366,25 @@ function Ue({
   );
 }
 function ee({
-  days: r,
-  tasks: t,
+  days: t,
+  tasks: r,
   currentDate: s,
-  onDropTask: d,
+  onDropTask: o,
   onTaskClick: c,
   onAddClick: a,
   mode: l
 }) {
-  return /* @__PURE__ */ e("div", { className: "grid grid-cols-7 auto-rows-fr min-h-[800px]", children: r.map((m) => {
-    const n = t.filter(
-      (o) => o.date && V(new Date(o.date), m)
+  return /* @__PURE__ */ e("div", { className: "grid grid-cols-7 auto-rows-fr min-h-[800px]", children: t.map((m) => {
+    const n = r.filter(
+      (d) => d.date && V(new Date(d.date), m)
     );
     return /* @__PURE__ */ e(
-      Ke,
+      Le,
       {
         date: m,
         tasks: n,
-        isCurrentMonth: he(m, s),
-        onDropTask: d,
+        isCurrentMonth: ue(m, s),
+        onDropTask: o,
         onTaskClick: c,
         onAddClick: a,
         mode: l
@@ -393,79 +393,79 @@ function ee({
     );
   }) });
 }
-function Ke({
-  date: r,
-  tasks: t,
+function Le({
+  date: t,
+  tasks: r,
   isCurrentMonth: s,
-  onDropTask: d,
+  onDropTask: o,
   onTaskClick: c,
   onAddClick: a,
   mode: l
 }) {
-  const [{ isOver: m }, n] = $(() => ({
+  const [{ isOver: m }, n] = _(() => ({
     accept: C.TASK,
-    drop: (h) => d(h.id, r),
-    collect: (h) => ({
-      isOver: !!h.isOver()
+    drop: (u) => o(u.id, t),
+    collect: (u) => ({
+      isOver: !!u.isOver()
     })
-  }), [r, d]), o = A(r);
+  }), [t, o]), d = A(t);
   return /* @__PURE__ */ i(
     "div",
     {
       ref: n,
-      className: f(
+      className: p(
         "min-h-[120px] border-b border-r p-2 relative transition-colors group flex flex-col",
         !s && "bg-muted/50 text-muted-foreground",
         m && "bg-accent ring-2 ring-inset ring-ring",
-        o && "bg-accent/30"
+        d && "bg-accent/30"
       ),
       children: [
         /* @__PURE__ */ i("div", { className: "flex justify-between items-start mb-2", children: [
-          /* @__PURE__ */ e("span", { className: f(
+          /* @__PURE__ */ e("span", { className: p(
             "text-sm font-medium rounded-full w-7 h-7 flex items-center justify-center",
-            o ? "bg-primary text-primary-foreground" : "text-foreground"
-          ), children: u(r, "d") }),
+            d ? "bg-primary text-primary-foreground" : "text-foreground"
+          ), children: h(t, "d") }),
           /* @__PURE__ */ e(
             w,
             {
               variant: "ghost",
               size: "icon",
-              className: "h-6 w-6 opacity-0 group-hover:opacity-100 transition-opacity",
-              onClick: () => a(r),
-              "aria-label": `Agendar publicação em ${u(r, "d/MM")}`,
+              className: "h-6 w-6 relative before:absolute before:-inset-1.5 before:content-[''] opacity-100 md:opacity-0 md:group-hover:opacity-100 md:group-focus-within:opacity-100 transition-opacity",
+              onClick: () => a(t),
+              "aria-label": `Agendar publicação em ${h(t, "d/MM")}`,
               children: /* @__PURE__ */ e(z, { size: 14 })
             }
           )
         ] }),
-        /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col gap-1", children: t.map((h) => /* @__PURE__ */ e(
+        /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col gap-1", children: r.map((u) => /* @__PURE__ */ e(
           H,
           {
-            task: h,
+            task: u,
             view: "month",
             mode: l,
-            onClick: () => c(h)
+            onClick: () => c(u)
           },
-          h.id
+          u.id
         )) })
       ]
     }
   );
 }
-function te({
-  isOpen: r,
-  onClose: t,
+function re({
+  isOpen: t,
+  onClose: r,
   task: s,
-  onSave: d,
+  onSave: o,
   isNew: c = !1
 }) {
   const [a, l] = N(s || {});
-  Y(() => {
+  W(() => {
     l(s || {});
   }, [s]);
   const m = () => {
-    d(a), t();
+    o(a), r();
   };
-  return /* @__PURE__ */ e(Oe, { open: r, onOpenChange: (n) => !n && t(), children: /* @__PURE__ */ i(Se, { className: "sm:max-w-[600px]", children: [
+  return /* @__PURE__ */ e(Oe, { open: t, onOpenChange: (n) => !n && r(), children: /* @__PURE__ */ i(Se, { className: "sm:max-w-[600px]", children: [
     /* @__PURE__ */ i(Ae, { children: [
       /* @__PURE__ */ e(ze, { children: c ? "Create New Task" : "Edit Task" }),
       /* @__PURE__ */ e(He, { children: c ? "Enter the details for the new task below." : "Modify the details of the selected task." })
@@ -492,9 +492,9 @@ function te({
             {
               type: "date",
               className: "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
-              value: a.date instanceof Date ? u(a.date, "yyyy-MM-dd") : typeof a.date == "string" ? a.date.split("T")[0] : "",
+              value: a.date instanceof Date ? h(a.date, "yyyy-MM-dd") : typeof a.date == "string" ? a.date.split("T")[0] : "",
               onChange: (n) => {
-                const o = n.target.value, h = a.date instanceof Date ? a.date : /* @__PURE__ */ new Date(), g = /* @__PURE__ */ new Date(`${o}T${u(h, "HH:mm")}`);
+                const d = n.target.value, u = a.date instanceof Date ? a.date : /* @__PURE__ */ new Date(), g = /* @__PURE__ */ new Date(`${d}T${h(u, "HH:mm")}`);
                 l({ ...a, date: g });
               }
             }
@@ -505,10 +505,10 @@ function te({
             {
               type: "time",
               className: "w-32 flex h-9 rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
-              value: a.date instanceof Date ? u(a.date, "HH:mm") : "09:00",
+              value: a.date instanceof Date ? h(a.date, "HH:mm") : "09:00",
               onChange: (n) => {
-                const o = n.target.value, h = a.date instanceof Date ? u(a.date, "yyyy-MM-dd") : u(/* @__PURE__ */ new Date(), "yyyy-MM-dd");
-                l({ ...a, date: /* @__PURE__ */ new Date(`${h}T${o}`) });
+                const d = n.target.value, u = a.date instanceof Date ? h(a.date, "yyyy-MM-dd") : h(/* @__PURE__ */ new Date(), "yyyy-MM-dd");
+                l({ ...a, date: /* @__PURE__ */ new Date(`${u}T${d}`) });
               }
             }
           )
@@ -555,32 +555,32 @@ function te({
       ] })
     ] }),
     /* @__PURE__ */ i(je, { children: [
-      /* @__PURE__ */ e(w, { variant: "outline", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e(w, { variant: "outline", onClick: r, children: "Cancel" }),
       /* @__PURE__ */ e(w, { onClick: m, children: "Save Changes" })
     ] })
   ] }) });
 }
-function re({
-  tasks: r,
-  onTaskUpdate: t,
+function te({
+  tasks: t,
+  onTaskUpdate: r,
   onTaskCreate: s,
-  defaultView: d = "month"
+  defaultView: o = "month"
 }) {
-  const [c, a] = N(/* @__PURE__ */ new Date()), [l, m] = N(d), [n, o] = N(!0), [h, g] = N(!1), [y, x] = N(null), [v, T] = N(!1), j = Y(() => {
-    let p, b;
+  const [c, a] = N(/* @__PURE__ */ new Date()), [l, m] = N(o), [n, d] = N(!0), [u, g] = N(!1), [y, b] = N(null), [v, T] = N(!1), j = W(() => {
+    let f, x;
     if (l === "month") {
-      const M = oe(c), k = ce(M);
-      p = U(M), b = K(k);
-    } else l === "week" ? (p = U(c), b = K(c)) : (p = c, b = c);
-    return me({ start: p, end: b });
-  }, [c, l]), le = r.filter((p) => !p.date), se = r.filter((p) => p.date);
+      const M = de(c), k = ce(M);
+      f = F(M), x = L(k);
+    } else l === "week" ? (f = F(c), x = L(c)) : (f = c, x = c);
+    return me({ start: f, end: x });
+  }, [c, l]), le = t.filter((f) => !f.date), se = t.filter((f) => f.date);
   return {
     currentDate: c,
     view: l,
     setView: m,
     isSidebarOpen: n,
-    setIsSidebarOpen: o,
-    isModalOpen: h,
+    setIsSidebarOpen: d,
+    isModalOpen: u,
     setIsModalOpen: g,
     editingTask: y,
     isNewTask: v,
@@ -588,55 +588,55 @@ function re({
     unplannedTasks: le,
     scheduledTasks: se,
     handlePrev: () => {
-      a(l === "month" ? fe(c, 1) : l === "week" ? O(c, -7) : O(c, -1));
+      a(l === "month" ? pe(c, 1) : l === "week" ? O(c, -7) : O(c, -1));
     },
     handleNext: () => {
-      a(l === "month" ? pe(c, 1) : l === "week" ? O(c, 7) : O(c, 1));
+      a(l === "month" ? fe(c, 1) : l === "week" ? O(c, 7) : O(c, 1));
     },
     handleToday: () => a(/* @__PURE__ */ new Date()),
-    handleDropTask: (p, b, M) => {
-      const k = r.find((D) => D.id === p);
+    handleDropTask: (f, x, M) => {
+      const k = t.find((D) => D.id === f);
       if (k) {
-        let D = new Date(b);
+        let D = new Date(x);
         if (l === "month" || M === "editorial")
           if (k.date) {
-            const F = new Date(k.date);
-            D.setHours(F.getHours(), F.getMinutes());
+            const $ = new Date(k.date);
+            D.setHours($.getHours(), $.getMinutes());
           } else
             D.setHours(9, 0);
-        const de = { ...k, date: D };
-        t(de);
+        const oe = { ...k, date: D };
+        r(oe);
       }
     },
-    handleTaskClick: (p) => {
-      x(p), T(!1), g(!0);
+    handleTaskClick: (f) => {
+      b(f), T(!1), g(!0);
     },
-    handleAddClick: (p) => {
-      const b = p || /* @__PURE__ */ new Date();
-      _(b) === 0 && q(b) === 0 && b.setHours(9, 0), x({
-        date: b,
+    handleAddClick: (f) => {
+      const x = f || /* @__PURE__ */ new Date();
+      Y(x) === 0 && q(x) === 0 && x.setHours(9, 0), b({
+        date: x,
         status: "idea",
         channel: "instagram"
       }), T(!0), g(!0);
     },
-    handleModalSave: (p) => {
-      v ? s && s(p) : p.id && t(p), g(!1);
+    handleModalSave: (f) => {
+      v ? s && s(f) : f.id && r(f), g(!1);
     }
   };
 }
-function ae({ isOpen: r, setIsOpen: t, tasks: s, onAddClick: d, onTaskClick: c, mode: a }) {
-  return r ? /* @__PURE__ */ i("div", { className: "w-72 border-r bg-muted/50 flex flex-col transition-all duration-300 flex-shrink-0", children: [
+function ae({ isOpen: t, setIsOpen: r, tasks: s, onAddClick: o, onTaskClick: c, mode: a }) {
+  return t ? /* @__PURE__ */ i("div", { className: "w-72 border-r bg-muted/50 flex flex-col transition-all duration-300 flex-shrink-0", children: [
     /* @__PURE__ */ i("div", { className: "p-4 border-b bg-card flex items-center justify-between", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
         /* @__PURE__ */ e("h3", { className: "font-semibold text-sm text-foreground", children: "Backlog" }),
-        /* @__PURE__ */ e(S, { variant: "secondary", className: "bg-muted text-xs", children: s.length })
+        /* @__PURE__ */ e(S, { variant: "secondary", className: "bg-muted text-foreground text-xs", children: s.length })
       ] }),
-      /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => t(!1), "aria-label": "Recolher backlog", children: /* @__PURE__ */ e(be, { size: 16 }) })
+      /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", className: "h-6 w-6 relative before:absolute before:-inset-1.5 before:content-['']", onClick: () => r(!1), "aria-label": "Recolher backlog", children: /* @__PURE__ */ e(xe, { size: 16 }) })
     ] }),
     /* @__PURE__ */ e("div", { className: "px-4 pt-3 bg-card pb-3 border-b space-y-2", children: /* @__PURE__ */ i(
       w,
       {
-        onClick: d,
+        onClick: o,
         variant: "outline",
         size: "sm",
         className: "w-full justify-start pl-2",
@@ -646,7 +646,7 @@ function ae({ isOpen: r, setIsOpen: t, tasks: s, onAddClick: d, onTaskClick: c,
         ]
       }
     ) }),
-    /* @__PURE__ */ e(Ie, { className: "flex-1 p-3", children: /* @__PURE__ */ e("div", { className: "space-y-2", children: s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 px-4 border-2 border-dashed border-border rounded-lg", children: /* @__PURE__ */ e("p", { className: "text-xs text-foreground/70", children: "Nenhum item sem agenda" }) }) : s.map((l) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(Ee, { className: "flex-1 p-3", children: /* @__PURE__ */ e("div", { className: "space-y-2", children: s.length === 0 ? /* @__PURE__ */ e("div", { className: "text-center py-10 px-4 border-2 border-dashed border-border rounded-lg", children: /* @__PURE__ */ e("p", { className: "text-xs text-foreground/70", children: "Nenhum item sem agenda" }) }) : s.map((l) => /* @__PURE__ */ e(
       H,
       {
         task: l,
@@ -656,25 +656,25 @@ function ae({ isOpen: r, setIsOpen: t, tasks: s, onAddClick: d, onTaskClick: c,
       },
       l.id
     )) }) })
-  ] }) : /* @__PURE__ */ i("div", { className: "border-r bg-card flex flex-col items-center py-4 w-12 flex-shrink-0 cursor-pointer hover:bg-muted transition-colors", onClick: () => t(!0), children: [
-    /* @__PURE__ */ e(xe, { className: "text-muted-foreground mb-4", size: 20 }),
+  ] }) : /* @__PURE__ */ i("div", { className: "border-r bg-card flex flex-col items-center py-4 w-12 flex-shrink-0 cursor-pointer hover:bg-muted transition-colors", onClick: () => r(!0), children: [
+    /* @__PURE__ */ e(be, { className: "text-muted-foreground mb-4", size: 20 }),
     /* @__PURE__ */ e("div", { className: "flex-1 flex items-center justify-center min-h-0", children: /* @__PURE__ */ e("div", { className: "whitespace-nowrap text-xs font-medium text-muted-foreground -rotate-90 transform", children: "BACKLOG" }) }),
     /* @__PURE__ */ e(S, { className: "mt-2 h-5 w-5 p-0 flex items-center justify-center rounded-full bg-primary text-[10px]", children: s.length })
   ] });
 }
-function ne({ title: r, onPrev: t, onNext: s, onToday: d, onAdd: c, view: a, setView: l }) {
+function ne({ title: t, onPrev: r, onNext: s, onToday: o, onAdd: c, view: a, setView: l }) {
   return /* @__PURE__ */ i("div", { className: "flex flex-col xl:flex-row items-center justify-between p-4 border-b gap-4 flex-shrink-0 bg-card", children: [
     /* @__PURE__ */ i("div", { className: "flex items-center gap-4 w-full xl:w-auto justify-between xl:justify-start", children: [
       /* @__PURE__ */ i("div", { className: "flex items-center border rounded-md bg-card shadow-sm", children: [
-        /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", onClick: t, className: "h-8 w-8 rounded-r-none", "aria-label": "Anterior", children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) }),
-        /* @__PURE__ */ e(w, { variant: "ghost", onClick: d, className: "h-8 px-3 rounded-none border-x text-sm font-medium hover:bg-muted", children: "Hoje" }),
+        /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", onClick: r, className: "h-8 w-8 rounded-r-none", "aria-label": "Anterior", children: /* @__PURE__ */ e(ve, { className: "h-4 w-4" }) }),
+        /* @__PURE__ */ e(w, { variant: "ghost", onClick: o, className: "h-8 px-3 rounded-none border-x text-sm font-medium hover:bg-muted", children: "Hoje" }),
         /* @__PURE__ */ e(w, { variant: "ghost", size: "icon", onClick: s, className: "h-8 w-8 rounded-l-none", "aria-label": "Próximo", children: /* @__PURE__ */ e(we, { className: "h-4 w-4" }) })
       ] }),
-      /* @__PURE__ */ e("h2", { className: "text-lg font-bold text-foreground whitespace-nowrap", children: r })
+      /* @__PURE__ */ e("h2", { className: "text-lg font-bold text-foreground whitespace-nowrap", children: t })
     ] }),
     /* @__PURE__ */ i("div", { className: "flex items-center gap-3 w-full xl:w-auto overflow-x-auto pb-1 xl:pb-0 justify-end", children: [
       /* @__PURE__ */ i(
-        Ee,
+        Ie,
         {
           type: "single",
           value: a,
@@ -682,9 +682,9 @@ function ne({ title: r, onPrev: t, onNext: s, onToday: d, onAdd: c, view: a, set
           className: "flex-shrink-0",
           "aria-label": "Visualização do calendário",
           children: [
-            /* @__PURE__ */ e(E, { value: "month", className: "text-xs", children: "Mês" }),
-            /* @__PURE__ */ e(E, { value: "week", className: "text-xs", children: "Semana" }),
-            /* @__PURE__ */ e(E, { value: "day", className: "text-xs", children: "Dia" })
+            /* @__PURE__ */ e(I, { value: "month", className: "text-xs", children: "Mês" }),
+            /* @__PURE__ */ e(I, { value: "week", className: "text-xs", children: "Semana" }),
+            /* @__PURE__ */ e(I, { value: "day", className: "text-xs", children: "Dia" })
           ]
         }
       ),
@@ -703,20 +703,20 @@ function ne({ title: r, onPrev: t, onNext: s, onToday: d, onAdd: c, view: a, set
     ] })
   ] });
 }
-function ie({ days: r }) {
-  return /* @__PURE__ */ e("div", { className: "grid grid-cols-7 border-b bg-muted/50 flex-shrink-0 divide-x", children: r.slice(0, 7).map((t, s) => /* @__PURE__ */ e("div", { className: "py-2 text-center group", children: /* @__PURE__ */ e("div", { className: f("text-xs font-semibold uppercase tracking-wider", A(t) ? "text-primary" : "text-foreground/70"), children: u(t, "EEE") }) }, s)) });
+function ie({ days: t }) {
+  return /* @__PURE__ */ e("div", { className: "grid grid-cols-7 border-b bg-muted/50 flex-shrink-0 divide-x", children: t.slice(0, 7).map((r, s) => /* @__PURE__ */ e("div", { className: "py-2 text-center group", children: /* @__PURE__ */ e("div", { className: p("text-xs font-semibold uppercase tracking-wider", A(r) ? "text-primary" : "text-foreground/70"), children: h(r, "EEE") }) }, s)) });
 }
-function dt(r) {
-  const t = re({ ...r, defaultView: "month" });
-  return /* @__PURE__ */ e(Q, { backend: X, children: /* @__PURE__ */ i("div", { className: f("flex h-[calc(100vh-100px)] bg-background border rounded-lg overflow-hidden shadow-sm", r.className), children: [
+function or(t) {
+  const r = te({ ...t, defaultView: "month" });
+  return /* @__PURE__ */ e(Q, { backend: X, children: /* @__PURE__ */ i("div", { className: p("flex h-[calc(100vh-100px)] bg-background border rounded-lg overflow-hidden shadow-sm", t.className), children: [
     /* @__PURE__ */ e(
       ae,
       {
-        isOpen: t.isSidebarOpen,
-        setIsOpen: t.setIsSidebarOpen,
-        tasks: t.unplannedTasks,
-        onAddClick: () => t.handleAddClick(),
-        onTaskClick: t.handleTaskClick,
+        isOpen: r.isSidebarOpen,
+        setIsOpen: r.setIsSidebarOpen,
+        tasks: r.unplannedTasks,
+        onAddClick: () => r.handleAddClick(),
+        onTaskClick: r.handleTaskClick,
         mode: "editorial"
       }
     ),
@@ -724,63 +724,63 @@ function dt(r) {
       /* @__PURE__ */ e(
         ne,
         {
-          title: t.view === "day" ? u(t.currentDate, "MMM d, yyyy") : u(t.currentDate, "MMMM yyyy"),
-          onPrev: t.handlePrev,
-          onNext: t.handleNext,
-          onToday: t.handleToday,
-          onAdd: () => t.handleAddClick(t.currentDate),
-          view: t.view,
-          setView: t.setView,
+          title: r.view === "day" ? h(r.currentDate, "MMM d, yyyy") : h(r.currentDate, "MMMM yyyy"),
+          onPrev: r.handlePrev,
+          onNext: r.handleNext,
+          onToday: r.handleToday,
+          onAdd: () => r.handleAddClick(r.currentDate),
+          view: r.view,
+          setView: r.setView,
           mode: "editorial"
         }
       ),
-      t.view === "month" && /* @__PURE__ */ e(ie, { days: t.calendarDays }),
-      /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden flex flex-col relative", children: t.view === "month" ? /* @__PURE__ */ e(
+      r.view === "month" && /* @__PURE__ */ e(ie, { days: r.calendarDays }),
+      /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden flex flex-col relative", children: r.view === "month" ? /* @__PURE__ */ e(
         ee,
         {
-          days: t.calendarDays,
-          tasks: t.scheduledTasks,
-          currentDate: t.currentDate,
-          onDropTask: (s, d) => t.handleDropTask(s, d, "editorial"),
-          onTaskClick: t.handleTaskClick,
-          onAddClick: t.handleAddClick,
+          days: r.calendarDays,
+          tasks: r.scheduledTasks,
+          currentDate: r.currentDate,
+          onDropTask: (s, o) => r.handleDropTask(s, o, "editorial"),
+          onTaskClick: r.handleTaskClick,
+          onAddClick: r.handleAddClick,
           mode: "editorial"
         }
       ) : /* @__PURE__ */ e(
         Ve,
         {
-          days: t.calendarDays,
-          tasks: t.scheduledTasks,
-          onDropTask: (s, d) => t.handleDropTask(s, d, "editorial"),
-          onTaskClick: t.handleTaskClick,
-          onAddClick: t.handleAddClick,
-          view: t.view
+          days: r.calendarDays,
+          tasks: r.scheduledTasks,
+          onDropTask: (s, o) => r.handleDropTask(s, o, "editorial"),
+          onTaskClick: r.handleTaskClick,
+          onAddClick: r.handleAddClick,
+          view: r.view
         }
       ) })
     ] }),
-    t.isModalOpen && /* @__PURE__ */ e(
-      te,
+    r.isModalOpen && /* @__PURE__ */ e(
+      re,
       {
-        isOpen: t.isModalOpen,
-        onClose: () => t.setIsModalOpen(!1),
-        task: t.editingTask || {},
-        onSave: t.handleModalSave,
-        isNew: t.isNewTask
+        isOpen: r.isModalOpen,
+        onClose: () => r.setIsModalOpen(!1),
+        task: r.editingTask || {},
+        onSave: r.handleModalSave,
+        isNew: r.isNewTask
       }
     )
   ] }) });
 }
-function ot(r) {
-  const t = re({ ...r, defaultView: "week" });
-  return /* @__PURE__ */ e(Q, { backend: X, children: /* @__PURE__ */ i("div", { className: f("flex h-[calc(100vh-100px)] bg-background border rounded-lg overflow-hidden shadow-sm", r.className), children: [
+function dr(t) {
+  const r = te({ ...t, defaultView: "week" });
+  return /* @__PURE__ */ e(Q, { backend: X, children: /* @__PURE__ */ i("div", { className: p("flex h-[calc(100vh-100px)] bg-background border rounded-lg overflow-hidden shadow-sm", t.className), children: [
     /* @__PURE__ */ e(
       ae,
       {
-        isOpen: t.isSidebarOpen,
-        setIsOpen: t.setIsSidebarOpen,
-        tasks: t.unplannedTasks,
-        onAddClick: () => t.handleAddClick(),
-        onTaskClick: t.handleTaskClick,
+        isOpen: r.isSidebarOpen,
+        setIsOpen: r.setIsSidebarOpen,
+        tasks: r.unplannedTasks,
+        onAddClick: () => r.handleAddClick(),
+        onTaskClick: r.handleTaskClick,
         mode: "execution"
       }
     ),
@@ -788,53 +788,53 @@ function ot(r) {
       /* @__PURE__ */ e(
         ne,
         {
-          title: t.view === "day" ? u(t.currentDate, "MMM d, yyyy") : u(t.currentDate, "MMMM yyyy"),
-          onPrev: t.handlePrev,
-          onNext: t.handleNext,
-          onToday: t.handleToday,
-          onAdd: () => t.handleAddClick(t.currentDate),
-          view: t.view,
-          setView: t.setView,
+          title: r.view === "day" ? h(r.currentDate, "MMM d, yyyy") : h(r.currentDate, "MMMM yyyy"),
+          onPrev: r.handlePrev,
+          onNext: r.handleNext,
+          onToday: r.handleToday,
+          onAdd: () => r.handleAddClick(r.currentDate),
+          view: r.view,
+          setView: r.setView,
           mode: "execution"
         }
       ),
-      t.view === "month" && /* @__PURE__ */ e(ie, { days: t.calendarDays }),
-      /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden flex flex-col relative", children: t.view === "month" ? /* @__PURE__ */ e(
+      r.view === "month" && /* @__PURE__ */ e(ie, { days: r.calendarDays }),
+      /* @__PURE__ */ e("div", { className: "flex-1 overflow-hidden flex flex-col relative", children: r.view === "month" ? /* @__PURE__ */ e(
         ee,
         {
-          days: t.calendarDays,
-          tasks: t.scheduledTasks,
-          currentDate: t.currentDate,
-          onDropTask: (s, d) => t.handleDropTask(s, d, "execution"),
-          onTaskClick: t.handleTaskClick,
-          onAddClick: t.handleAddClick,
+          days: r.calendarDays,
+          tasks: r.scheduledTasks,
+          currentDate: r.currentDate,
+          onDropTask: (s, o) => r.handleDropTask(s, o, "execution"),
+          onTaskClick: r.handleTaskClick,
+          onAddClick: r.handleAddClick,
           mode: "execution"
         }
       ) : /* @__PURE__ */ e(
-        Fe,
+        $e,
         {
-          days: t.calendarDays,
-          tasks: t.scheduledTasks,
-          onDropTask: (s, d) => t.handleDropTask(s, d, "execution"),
-          onTaskClick: t.handleTaskClick,
-          onAddClick: t.handleAddClick
+          days: r.calendarDays,
+          tasks: r.scheduledTasks,
+          onDropTask: (s, o) => r.handleDropTask(s, o, "execution"),
+          onTaskClick: r.handleTaskClick,
+          onAddClick: r.handleAddClick
         }
       ) })
     ] }),
-    t.isModalOpen && /* @__PURE__ */ e(
-      te,
+    r.isModalOpen && /* @__PURE__ */ e(
+      re,
       {
-        isOpen: t.isModalOpen,
-        onClose: () => t.setIsModalOpen(!1),
-        task: t.editingTask || {},
-        onSave: t.handleModalSave,
-        isNew: t.isNewTask
+        isOpen: r.isModalOpen,
+        onClose: () => r.setIsModalOpen(!1),
+        task: r.editingTask || {},
+        onSave: r.handleModalSave,
+        isNew: r.isNewTask
       }
     )
   ] }) });
 }
 export {
-  dt as EditorialCalendar,
-  ot as TaskCalendar
+  or as EditorialCalendar,
+  dr as TaskCalendar
 };
 //# sourceMappingURL=editorial-calendar.js.map