@iclips/ui 1.4.13 → 2.0.0

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

@@ -0,0 +1,840 @@
+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 { Button as w } from "../primitives/button.js";
+import { Avatar as L, AvatarImage as B, AvatarFallback as G } 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 { HTML5Backend as X } from "react-dnd-html5-backend";
+const C = {
+  TASK: "task"
+}, Z = {
+  instagram: Ce,
+  linkedin: De,
+  facebook: ke,
+  twitter: ye,
+  youtube: Ne,
+  blog: I,
+  other: I
+}, 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",
+  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];
+};
+function H({
+  task: r,
+  view: t = "month",
+  mode: s = "editorial",
+  onClick: d,
+  style: c
+}) {
+  var y;
+  const [{ isDragging: a }, l] = Pe(() => ({
+    type: C.TASK,
+    item: { id: r.id, type: C.TASK },
+    collect: (x) => ({
+      isDragging: !!x.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(
+    "div",
+    {
+      ref: l,
+      onClick: d,
+      className: f(
+        "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"
+      ),
+      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 })
+          ] }),
+          /* @__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" }) }),
+        /* @__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__ */ 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] })
+            ] }, v)) })
+          ] })
+        ] })
+      ]
+    }
+  ) : s === "editorial" && t === "month" ? /* @__PURE__ */ i(
+    "div",
+    {
+      ref: l,
+      onClick: d,
+      className: f(
+        "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"
+      ),
+      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" }) }),
+        /* @__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 })
+        ] }) })
+      ]
+    }
+  ) : s === "execution" && (t === "week" || t === "day") ? /* @__PURE__ */ i(
+    "div",
+    {
+      ref: l,
+      onClick: d,
+      style: c,
+      className: f(
+        "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)
+      ),
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex items-center gap-1 mb-0.5 font-semibold opacity-75 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__ */ 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] })
+          ] }, v)) }),
+          r.status !== "published" && /* @__PURE__ */ e("div", { className: f("w-2 h-2 rounded-full", P[r.status].split(" ")[1].replace("text-", "bg-")) })
+        ] })
+      ]
+    }
+  ) : s === "execution" && t === "month" ? /* @__PURE__ */ i(
+    "div",
+    {
+      ref: l,
+      onClick: d,
+      className: f(
+        "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-")
+        // lighter background
+      ),
+      children: [
+        h,
+        " ",
+        r.title
+      ]
+    }
+  ) : /* @__PURE__ */ i(
+    "div",
+    {
+      ref: l,
+      onClick: d,
+      className: f(
+        "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")
+      ),
+      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" }) }),
+        /* @__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(S, { variant: "secondary", className: "text-[10px] h-4 px-1 py-0", children: r.status })
+        ] })
+      ]
+    }
+  );
+}
+function Ve({
+  days: r,
+  tasks: t,
+  onDropTask: s,
+  onTaskClick: d,
+  onAddClick: c,
+  view: a
+}) {
+  return /* @__PURE__ */ e("div", { className: f(
+    "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);
+    return /* @__PURE__ */ e(
+      $e,
+      {
+        day: l,
+        tasks: m,
+        onDropTask: s,
+        onTaskClick: d,
+        onAddClick: c,
+        isToday: A(l)
+      },
+      l.toISOString()
+    );
+  }) });
+}
+function $e({ day: r, tasks: t, onDropTask: s, onTaskClick: d, onAddClick: c, isToday: a }) {
+  const [{ isOver: l }, m] = $(() => ({
+    accept: C.TASK,
+    drop: (n) => s(n.id, r),
+    collect: (n) => ({
+      isOver: !!n.isOver()
+    })
+  }), [r, s]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: m,
+      className: f(
+        "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(
+          "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(
+            "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") })
+        ] }),
+        /* @__PURE__ */ i("div", { className: "flex-1 p-2 space-y-3 overflow-y-auto", children: [
+          /* @__PURE__ */ i(
+            w,
+            {
+              variant: "outline",
+              size: "sm",
+              className: "w-full mb-2 justify-center px-1",
+              onClick: () => c(r),
+              children: [
+                /* @__PURE__ */ e(z, { size: 12, className: "flex-shrink-0" }),
+                /* @__PURE__ */ e("span", { className: "truncate ml-1.5 hidden xl:inline", children: "Add Post" }),
+                /* @__PURE__ */ e("span", { className: "truncate ml-1.5 inline xl:hidden", children: "Add" })
+              ]
+            }
+          ),
+          t.map((n) => /* @__PURE__ */ e(
+            H,
+            {
+              task: n,
+              view: "week",
+              mode: "editorial",
+              onClick: () => d(n)
+            },
+            n.id
+          ))
+        ] })
+      ]
+    }
+  );
+}
+function Fe({
+  days: r,
+  tasks: t,
+  onDropTask: s,
+  onTaskClick: d,
+  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: [
+    /* @__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))
+    ] }),
+    /* @__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));
+        return /* @__PURE__ */ e(
+          Ue,
+          {
+            day: l,
+            tasks: n,
+            onDropTask: s,
+            onTaskClick: d,
+            onAddClick: c,
+            isLast: m === r.length - 1,
+            HOURS: a
+          },
+          l.toISOString()
+        );
+      }),
+      /* @__PURE__ */ i("div", { className: "absolute inset-0 pointer-events-none z-0", children: [
+        /* @__PURE__ */ e("div", { className: "h-10 border-b bg-transparent" }),
+        " ",
+        a.map((l) => /* @__PURE__ */ e("div", { className: "h-24 border-b border-dashed border-border w-full" }, l))
+      ] })
+    ] })
+  ] });
+}
+function Ue({
+  day: r,
+  tasks: t,
+  onDropTask: s,
+  onTaskClick: d,
+  onAddClick: c,
+  isLast: a,
+  HOURS: l
+}) {
+  const [{ isOver: m }, n] = $(() => ({
+    accept: C.TASK,
+    drop: (o) => {
+      s(o.id, r);
+    },
+    collect: (o) => ({
+      isOver: !!o.isOver()
+    })
+  }), [r, s]);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: f(
+        "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"),
+          " ",
+          /* @__PURE__ */ e("span", { className: f("ml-1", A(r) && "text-primary"), children: u(r, "d") })
+        ] }) }),
+        l.map((o) => /* @__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);
+            }
+          },
+          o
+        )),
+        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);
+          v < 30 && (v = 30);
+          const T = y * 96 + x / 60 * 96 + 40, j = v / 60 * 96;
+          return /* @__PURE__ */ e(
+            H,
+            {
+              task: o,
+              view: "week",
+              mode: "execution",
+              onClick: () => d(o),
+              style: {
+                top: `${T}px`,
+                height: `${j}px`,
+                left: "4px",
+                right: "4px",
+                position: "absolute"
+              }
+            },
+            o.id
+          );
+        })
+      ]
+    }
+  );
+}
+function ee({
+  days: r,
+  tasks: t,
+  currentDate: s,
+  onDropTask: d,
+  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(
+      Ke,
+      {
+        date: m,
+        tasks: n,
+        isCurrentMonth: he(m, s),
+        onDropTask: d,
+        onTaskClick: c,
+        onAddClick: a,
+        mode: l
+      },
+      m.toISOString()
+    );
+  }) });
+}
+function Ke({
+  date: r,
+  tasks: t,
+  isCurrentMonth: s,
+  onDropTask: d,
+  onTaskClick: c,
+  onAddClick: a,
+  mode: l
+}) {
+  const [{ isOver: m }, n] = $(() => ({
+    accept: C.TASK,
+    drop: (h) => d(h.id, r),
+    collect: (h) => ({
+      isOver: !!h.isOver()
+    })
+  }), [r, d]), o = A(r);
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: n,
+      className: f(
+        "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"
+      ),
+      children: [
+        /* @__PURE__ */ i("div", { className: "flex justify-between items-start mb-2", children: [
+          /* @__PURE__ */ e("span", { className: f(
+            "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") }),
+          /* @__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")}`,
+              children: /* @__PURE__ */ e(z, { size: 14 })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col gap-1", children: t.map((h) => /* @__PURE__ */ e(
+          H,
+          {
+            task: h,
+            view: "month",
+            mode: l,
+            onClick: () => c(h)
+          },
+          h.id
+        )) })
+      ]
+    }
+  );
+}
+function te({
+  isOpen: r,
+  onClose: t,
+  task: s,
+  onSave: d,
+  isNew: c = !1
+}) {
+  const [a, l] = N(s || {});
+  Y(() => {
+    l(s || {});
+  }, [s]);
+  const m = () => {
+    d(a), t();
+  };
+  return /* @__PURE__ */ e(Oe, { open: r, onOpenChange: (n) => !n && t(), 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." })
+    ] }),
+    /* @__PURE__ */ i("div", { className: "grid gap-6 py-4", children: [
+      /* @__PURE__ */ i("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "title", className: "text-right text-sm font-medium", children: "Title" }),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            id: "title",
+            className: "col-span-3 flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            value: a.title || "",
+            onChange: (n) => l({ ...a, title: n.target.value }),
+            placeholder: "e.g. New Feature Announcement"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+        /* @__PURE__ */ e("label", { className: "text-right text-sm font-medium", children: "Time" }),
+        /* @__PURE__ */ i("div", { className: "col-span-3 flex gap-2 items-center", children: [
+          /* @__PURE__ */ e(
+            "input",
+            {
+              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] : "",
+              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")}`);
+                l({ ...a, date: g });
+              }
+            }
+          ),
+          /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "at" }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              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",
+              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}`) });
+              }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ i("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "channel", className: "text-right text-sm font-medium", children: "Channel / Category" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            id: "channel",
+            className: "col-span-3 flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
+            value: a.channel || "instagram",
+            onChange: (n) => l({ ...a, channel: n.target.value }),
+            children: Object.keys(Z).map((n) => /* @__PURE__ */ e("option", { value: n, children: n.charAt(0).toUpperCase() + n.slice(1) }, n))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "grid grid-cols-4 items-center gap-4", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "status", className: "text-right text-sm font-medium", children: "Status" }),
+        /* @__PURE__ */ e(
+          "select",
+          {
+            id: "status",
+            className: "col-span-3 flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm",
+            value: a.status || "idea",
+            onChange: (n) => l({ ...a, status: n.target.value }),
+            children: Object.keys(P).map((n) => /* @__PURE__ */ e("option", { value: n, children: n.charAt(0).toUpperCase() + n.slice(1) }, n))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ i("div", { className: "grid grid-cols-4 items-start gap-4", children: [
+        /* @__PURE__ */ e("label", { htmlFor: "description", className: "text-right text-sm font-medium pt-2", children: "Description" }),
+        /* @__PURE__ */ e(
+          "textarea",
+          {
+            id: "description",
+            className: "col-span-3 flex min-h-[80px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            value: a.description || "",
+            onChange: (n) => l({ ...a, description: n.target.value }),
+            placeholder: "Details about this post..."
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i(je, { children: [
+      /* @__PURE__ */ e(w, { variant: "outline", onClick: t, children: "Cancel" }),
+      /* @__PURE__ */ e(w, { onClick: m, children: "Save Changes" })
+    ] })
+  ] }) });
+}
+function re({
+  tasks: r,
+  onTaskUpdate: t,
+  onTaskCreate: s,
+  defaultView: d = "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;
+    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);
+  return {
+    currentDate: c,
+    view: l,
+    setView: m,
+    isSidebarOpen: n,
+    setIsSidebarOpen: o,
+    isModalOpen: h,
+    setIsModalOpen: g,
+    editingTask: y,
+    isNewTask: v,
+    calendarDays: j,
+    unplannedTasks: le,
+    scheduledTasks: se,
+    handlePrev: () => {
+      a(l === "month" ? fe(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));
+    },
+    handleToday: () => a(/* @__PURE__ */ new Date()),
+    handleDropTask: (p, b, M) => {
+      const k = r.find((D) => D.id === p);
+      if (k) {
+        let D = new Date(b);
+        if (l === "month" || M === "editorial")
+          if (k.date) {
+            const F = new Date(k.date);
+            D.setHours(F.getHours(), F.getMinutes());
+          } else
+            D.setHours(9, 0);
+        const de = { ...k, date: D };
+        t(de);
+      }
+    },
+    handleTaskClick: (p) => {
+      x(p), T(!1), g(!0);
+    },
+    handleAddClick: (p) => {
+      const b = p || /* @__PURE__ */ new Date();
+      _(b) === 0 && q(b) === 0 && b.setHours(9, 0), x({
+        date: b,
+        status: "idea",
+        channel: "instagram"
+      }), T(!0), g(!0);
+    },
+    handleModalSave: (p) => {
+      v ? s && s(p) : p.id && t(p), 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: [
+    /* @__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(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("div", { className: "px-4 pt-3 bg-card pb-3 border-b space-y-2", children: /* @__PURE__ */ i(
+      w,
+      {
+        onClick: d,
+        variant: "outline",
+        size: "sm",
+        className: "w-full justify-start pl-2",
+        children: [
+          /* @__PURE__ */ e(z, { size: 12, className: "mr-1.5" }),
+          " New Task"
+        ]
+      }
+    ) }),
+    /* @__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(
+      H,
+      {
+        task: l,
+        view: "backlog",
+        mode: a,
+        onClick: () => c(l)
+      },
+      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__ */ 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 }) {
+  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: 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__ */ 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,
+        {
+          type: "single",
+          value: a,
+          onValueChange: (m) => m && l(m),
+          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__ */ i(
+        w,
+        {
+          variant: "default",
+          className: "h-9 px-4 flex-shrink-0",
+          onClick: c,
+          children: [
+            /* @__PURE__ */ e(z, { className: "mr-2 h-4 w-4" }),
+            " Criar"
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+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 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: [
+    /* @__PURE__ */ e(
+      ae,
+      {
+        isOpen: t.isSidebarOpen,
+        setIsOpen: t.setIsSidebarOpen,
+        tasks: t.unplannedTasks,
+        onAddClick: () => t.handleAddClick(),
+        onTaskClick: t.handleTaskClick,
+        mode: "editorial"
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: [
+      /* @__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,
+          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(
+        ee,
+        {
+          days: t.calendarDays,
+          tasks: t.scheduledTasks,
+          currentDate: t.currentDate,
+          onDropTask: (s, d) => t.handleDropTask(s, d, "editorial"),
+          onTaskClick: t.handleTaskClick,
+          onAddClick: t.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
+        }
+      ) })
+    ] }),
+    t.isModalOpen && /* @__PURE__ */ e(
+      te,
+      {
+        isOpen: t.isModalOpen,
+        onClose: () => t.setIsModalOpen(!1),
+        task: t.editingTask || {},
+        onSave: t.handleModalSave,
+        isNew: t.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: [
+    /* @__PURE__ */ e(
+      ae,
+      {
+        isOpen: t.isSidebarOpen,
+        setIsOpen: t.setIsSidebarOpen,
+        tasks: t.unplannedTasks,
+        onAddClick: () => t.handleAddClick(),
+        onTaskClick: t.handleTaskClick,
+        mode: "execution"
+      }
+    ),
+    /* @__PURE__ */ i("div", { className: "flex-1 flex flex-col min-w-0 bg-card", children: [
+      /* @__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,
+          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(
+        ee,
+        {
+          days: t.calendarDays,
+          tasks: t.scheduledTasks,
+          currentDate: t.currentDate,
+          onDropTask: (s, d) => t.handleDropTask(s, d, "execution"),
+          onTaskClick: t.handleTaskClick,
+          onAddClick: t.handleAddClick,
+          mode: "execution"
+        }
+      ) : /* @__PURE__ */ e(
+        Fe,
+        {
+          days: t.calendarDays,
+          tasks: t.scheduledTasks,
+          onDropTask: (s, d) => t.handleDropTask(s, d, "execution"),
+          onTaskClick: t.handleTaskClick,
+          onAddClick: t.handleAddClick
+        }
+      ) })
+    ] }),
+    t.isModalOpen && /* @__PURE__ */ e(
+      te,
+      {
+        isOpen: t.isModalOpen,
+        onClose: () => t.setIsModalOpen(!1),
+        task: t.editingTask || {},
+        onSave: t.handleModalSave,
+        isNew: t.isNewTask
+      }
+    )
+  ] }) });
+}
+export {
+  dt as EditorialCalendar,
+  ot as TaskCalendar
+};
+//# sourceMappingURL=editorial-calendar.js.map