@iclips/ui 1.4.12 → 2.0.0

package/dist/components/ui/forms/date-range-picker.js

@@ -0,0 +1,303 @@
+"use client";
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import * as c from "react";
+import { format as x, subDays as A, startOfMonth as F, endOfMonth as et, subMonths as K, parse as ot, isValid as it } from "date-fns";
+import { ptBR as mt } from "date-fns/locale";
+import { X as ft, CalendarIcon as nt } from "lucide-react";
+import { cn as ct } from "../utils.js";
+import { Input as dt } from "./input.js";
+import { Button as y } from "../primitives/button.js";
+import { Calendar as lt } from "./calendar.js";
+import { TimePicker as L } from "./time-picker.js";
+import { Popover as at, PopoverTrigger as pt, PopoverContent as ut } from "../overlays/popover.js";
+const yt = () => {
+  const t = /* @__PURE__ */ new Date();
+  return t.setHours(0, 0, 0, 0), [
+    {
+      label: "Hoje",
+      value: { from: t, to: t }
+    },
+    {
+      label: "Últimos 7 dias",
+      value: { from: A(t, 6), to: t }
+    },
+    {
+      label: "Últimos 30 dias",
+      value: { from: A(t, 29), to: t }
+    },
+    {
+      label: "Este mês",
+      value: { from: F(t), to: t }
+    },
+    {
+      label: "Mês passado",
+      value: {
+        from: F(K(t, 1)),
+        to: et(K(t, 1))
+      }
+    }
+  ];
+}, bt = c.forwardRef(({
+  value: t,
+  onChange: e,
+  placeholder: T = "Selecione um período",
+  disabled: S = !1,
+  minDate: b,
+  maxDate: N,
+  dateFormat: $ = "dd/MM/yyyy",
+  locale: l = mt,
+  className: X,
+  error: R = !1,
+  numberOfMonths: q = 2,
+  showTime: a = !1,
+  timeFormat: j = "24h",
+  minuteStep: z = 15,
+  presets: E,
+  showDefaultPresets: B = !0,
+  id: G,
+  name: J
+}, Q) => {
+  const [U, h] = c.useState(!1), [H, p] = c.useState(""), [w, d] = c.useState(!1), u = a ? `${$} HH:mm` : $, W = c.useMemo(() => a ? [
+    "dd/MM/yyyy HH:mm",
+    "dd/MM/yy HH:mm",
+    "d/M/yyyy HH:mm",
+    "d/M/yy HH:mm"
+  ] : [
+    "dd/MM/yyyy",
+    "dd/MM/yy",
+    "d/M/yyyy",
+    "d/M/yy"
+  ], [a]);
+  c.useEffect(() => {
+    if (t != null && t.from) {
+      const r = x(t.from, u, { locale: l }), s = t.to ? x(t.to, u, { locale: l }) : "";
+      p(s ? `${r} → ${s}` : r), d(!1);
+    } else
+      p(""), d(!1);
+  }, [t, u, l]);
+  const O = c.useMemo(() => [...B ? yt() : [], ...E || []], [E, B]), I = c.useMemo(() => {
+    if (!(t != null && t.from)) return "00:00";
+    const r = t.from.getHours().toString().padStart(2, "0"), s = t.from.getMinutes().toString().padStart(2, "0");
+    return `${r}:${s}`;
+  }, [t == null ? void 0 : t.from]), k = c.useMemo(() => {
+    if (!(t != null && t.to)) return "23:59";
+    const r = t.to.getHours().toString().padStart(2, "0"), s = t.to.getMinutes().toString().padStart(2, "0");
+    return `${r}:${s}`;
+  }, [t == null ? void 0 : t.to]), Y = (r) => {
+    if (!r) {
+      e == null || e(void 0);
+      return;
+    }
+    if (a) {
+      if (r.from) {
+        const [s, m] = I.split(":").map(Number);
+        r.from.setHours(s, m, 0, 0);
+      }
+      if (r.to) {
+        const [s, m] = k.split(":").map(Number);
+        r.to.setHours(s, m, 0, 0);
+      }
+    } else
+      r.from && r.from.setHours(0, 0, 0, 0), r.to && r.to.setHours(23, 59, 59, 999);
+    e == null || e(r);
+  }, Z = (r) => {
+    if (!(t != null && t.from)) return;
+    const s = new Date(t.from), [m, o] = r.split(":").map(Number);
+    s.setHours(m, o, 0, 0), e == null || e({ ...t, from: s });
+  }, _ = (r) => {
+    if (!(t != null && t.to)) return;
+    const s = new Date(t.to), [m, o] = r.split(":").map(Number);
+    s.setHours(m, o, 0, 0), e == null || e({ ...t, to: s });
+  }, g = (r) => {
+    const s = {
+      from: new Date(r.value.from),
+      to: new Date(r.value.to)
+    };
+    if (a) {
+      const [m, o] = I.split(":").map(Number), [n, M] = k.split(":").map(Number);
+      s.from.setHours(m, o, 0, 0), s.to.setHours(n, M, 0, 0);
+    }
+    e == null || e(s);
+  }, D = (r) => {
+    const s = r.trim();
+    if (!s) return null;
+    for (const m of W)
+      try {
+        const o = ot(s, m, /* @__PURE__ */ new Date());
+        if (it(o)) {
+          if (b && o < b || N && o > N) continue;
+          return o;
+        }
+      } catch {
+        continue;
+      }
+    return null;
+  }, v = (r) => {
+    const s = r.trim();
+    if (!s) return null;
+    const m = ["→", "-", "até", "a"];
+    let o = null, n = null;
+    for (const M of m)
+      if (s.includes(M)) {
+        const P = s.split(M).map((st) => st.trim());
+        if (P.length === 2 && (o = D(P[0]), n = D(P[1]), o && n))
+          break;
+      }
+    return o || (o = D(s), o && (n = new Date(o))), !o || !n ? null : (o > n && ([o, n] = [n, o]), { from: o, to: n });
+  }, C = (r) => {
+    const s = r.target.value;
+    p(s), d(!1);
+  }, V = () => {
+    if (!H.trim()) {
+      e == null || e(void 0), d(!1);
+      return;
+    }
+    const r = v(H);
+    r ? (e == null || e(r), d(!1)) : d(!0);
+  }, tt = (r) => {
+    if (r.key === "Enter")
+      r.preventDefault(), V(), w || h(!0);
+    else if (r.key === "Escape") {
+      if (r.preventDefault(), t != null && t.from) {
+        const s = x(t.from, u, { locale: l }), m = t.to ? x(t.to, u, { locale: l }) : "";
+        p(m ? `${s} → ${m}` : s);
+      } else
+        p("");
+      d(!1);
+    }
+  }, rt = (r) => {
+    r.stopPropagation(), e == null || e(void 0), p(""), d(!1);
+  };
+  return /* @__PURE__ */ f(at, { open: U, onOpenChange: h, children: [
+    /* @__PURE__ */ f("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ i(
+        dt,
+        {
+          ref: Q,
+          id: G,
+          name: J,
+          value: H,
+          onChange: C,
+          onBlur: V,
+          onKeyDown: tt,
+          placeholder: T,
+          disabled: S,
+          "aria-invalid": R || w,
+          className: ct(
+            "pr-20",
+            (R || w) && "border-destructive focus-visible:ring-destructive/20",
+            X
+          )
+        }
+      ),
+      /* @__PURE__ */ f("div", { className: "absolute inset-y-0 right-0 flex items-center gap-1 pr-1", children: [
+        H && !S && /* @__PURE__ */ f(
+          y,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0 hover:bg-transparent",
+            onClick: rt,
+            tabIndex: -1,
+            children: [
+              /* @__PURE__ */ i(ft, { className: "h-4 w-4 text-muted-foreground hover:text-foreground" }),
+              /* @__PURE__ */ i("span", { className: "sr-only", children: "Limpar" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ i(pt, { asChild: !0, children: /* @__PURE__ */ i(
+          y,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 w-7 p-0 hover:bg-transparent",
+            disabled: S,
+            "aria-label": "Abrir calendário",
+            children: /* @__PURE__ */ i(nt, { className: "h-4 w-4 text-muted-foreground" })
+          }
+        ) })
+      ] })
+    ] }),
+    /* @__PURE__ */ i(ut, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ f("div", { className: "flex", children: [
+      O.length > 0 && /* @__PURE__ */ f("div", { className: "border-r p-3 space-y-1 w-32.5", children: [
+        /* @__PURE__ */ i("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Atalhos" }),
+        O.map((r) => /* @__PURE__ */ i(
+          y,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start text-sm h-8 truncate",
+            onClick: () => g(r),
+            children: /* @__PURE__ */ i("span", { className: "truncate", children: r.label })
+          },
+          r.label
+        ))
+      ] }),
+      /* @__PURE__ */ f("div", { children: [
+        /* @__PURE__ */ i(
+          lt,
+          {
+            mode: "range",
+            selected: t,
+            onSelect: Y,
+            numberOfMonths: q,
+            disabled: (r) => !!(b && r < b || N && r > N),
+            locale: l,
+            autoFocus: !0
+          }
+        ),
+        a && (t == null ? void 0 : t.from) && (t == null ? void 0 : t.to) && /* @__PURE__ */ f("div", { className: "border-t p-3 flex gap-6", children: [
+          /* @__PURE__ */ f("div", { className: "flex-1", children: [
+            /* @__PURE__ */ i("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Hora início" }),
+            /* @__PURE__ */ i(
+              L,
+              {
+                value: I,
+                onChange: Z,
+                format: j,
+                minuteStep: z,
+                variant: "select",
+                showIcon: !1
+              }
+            )
+          ] }),
+          /* @__PURE__ */ f("div", { className: "flex-1", children: [
+            /* @__PURE__ */ i("p", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Hora fim" }),
+            /* @__PURE__ */ i(
+              L,
+              {
+                value: k,
+                onChange: _,
+                format: j,
+                minuteStep: z,
+                variant: "select",
+                showIcon: !1
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ f("div", { className: "border-t p-3 flex justify-end gap-2", children: [
+          /* @__PURE__ */ i(
+            y,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: () => {
+                e == null || e(void 0);
+              },
+              children: "Limpar"
+            }
+          ),
+          /* @__PURE__ */ i(y, { size: "sm", onClick: () => h(!1), children: "Confirmar" })
+        ] })
+      ] })
+    ] }) })
+  ] });
+});
+bt.displayName = "DateRangePicker";
+export {
+  bt as DateRangePicker
+};
+//# sourceMappingURL=date-range-picker.js.map

package/dist/components/ui/forms/date-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range-picker.js","sources":["../../../../src/components/ui/forms/date-range-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { format, parse, isValid, subDays, startOfMonth, endOfMonth, subMonths, type Locale } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { CalendarIcon, X } from \"lucide-react\";\nimport { DateRange } from \"react-day-picker\";\n\nimport { cn } from \"../utils\";\nimport { Input } from \"./input\";\nimport { Button } from \"../primitives/button\";\nimport { Calendar } from \"./calendar\";\nimport { TimePicker } from \"./time-picker\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlays/popover\";\n\nexport interface DateRangePreset {\n  label: string;\n  value: DateRange;\n}\n\nexport interface DateRangePickerProps {\n  /**\n   * Intervalo de datas selecionado\n   */\n  value?: DateRange;\n  /**\n   * Callback quando o intervalo muda\n   */\n  onChange?: (range: DateRange | undefined) => void;\n  /**\n   * Placeholder do campo\n   * @default \"Selecione um período\"\n   */\n  placeholder?: string;\n  /**\n   * Desabilita o componente\n   */\n  disabled?: boolean;\n  /**\n   * Data mínima permitida\n   */\n  minDate?: Date;\n  /**\n   * Data máxima permitida\n   */\n  maxDate?: Date;\n  /**\n   * Formato de exibição da data\n   * @default \"dd/MM/yyyy\"\n   */\n  dateFormat?: string;\n  /**\n   * Locale para formatação\n   * @default ptBR\n   */\n  locale?: Locale;\n  /**\n   * Classes CSS adicionais para o trigger\n   */\n  className?: string;\n  /**\n   * Estado de erro\n   */\n  error?: boolean;\n  /**\n   * Número de meses a exibir\n   * @default 2\n   */\n  numberOfMonths?: 1 | 2;\n  /**\n   * Mostra seletor de hora\n   * @default false\n   */\n  showTime?: boolean;\n  /**\n   * Formato de hora (12h ou 24h)\n   * @default \"24h\"\n   */\n  timeFormat?: \"12h\" | \"24h\";\n  /**\n   * Incremento de minutos\n   * @default 15\n   */\n  minuteStep?: 1 | 5 | 10 | 15 | 30;\n  /**\n   * Presets de intervalos rápidos\n   */\n  presets?: DateRangePreset[];\n  /**\n   * Mostra presets padrão (Hoje, Últimos 7 dias, etc.)\n   * @default true\n   */\n  showDefaultPresets?: boolean;\n  /**\n   * ID do campo para acessibilidade\n   */\n  id?: string;\n  /**\n   * Nome do campo para formulários\n   */\n  name?: string;\n}\n\n// Presets padrão\nconst getDefaultPresets = (): DateRangePreset[] => {\n  const today = new Date();\n  today.setHours(0, 0, 0, 0);\n\n  return [\n    {\n      label: \"Hoje\",\n      value: { from: today, to: today },\n    },\n    {\n      label: \"Últimos 7 dias\",\n      value: { from: subDays(today, 6), to: today },\n    },\n    {\n      label: \"Últimos 30 dias\",\n      value: { from: subDays(today, 29), to: today },\n    },\n    {\n      label: \"Este mês\",\n      value: { from: startOfMonth(today), to: today },\n    },\n    {\n      label: \"Mês passado\",\n      value: {\n        from: startOfMonth(subMonths(today, 1)),\n        to: endOfMonth(subMonths(today, 1)),\n      },\n    },\n  ];\n};\n\n/**\n * DateRangePicker - Campo de seleção de intervalo de datas com hora opcional\n *\n * @example\n * // Básico\n * <DateRangePicker\n *   value={dateRange}\n *   onChange={setDateRange}\n *   placeholder=\"Período do relatório\"\n * />\n *\n * @example\n * // Com hora\n * <DateRangePicker\n *   value={booking}\n *   onChange={setBooking}\n *   placeholder=\"Reserva da sala\"\n *   showTime\n *   minuteStep={30}\n * />\n *\n * @example\n * // Com presets customizados\n * <DateRangePicker\n *   value={period}\n *   onChange={setPeriod}\n *   presets={[\n *     { label: \"Q1\", value: { from: q1Start, to: q1End } },\n *     { label: \"Q2\", value: { from: q2Start, to: q2End } },\n *   ]}\n * />\n */\nconst DateRangePicker = React.forwardRef<\n  React.ElementRef<typeof Input>,\n  DateRangePickerProps\n>(({\n  value,\n  onChange,\n  placeholder = \"Selecione um período\",\n  disabled = false,\n  minDate,\n  maxDate,\n  dateFormat = \"dd/MM/yyyy\",\n  locale = ptBR,\n  className,\n  error = false,\n  numberOfMonths = 2,\n  showTime = false,\n  timeFormat = \"24h\",\n  minuteStep = 15,\n  presets,\n  showDefaultPresets = true,\n  id,\n  name,\n}, ref) => {\n  const [open, setOpen] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\"\");\n  const [isInvalid, setIsInvalid] = React.useState(false);\n\n  // Formato com hora se necessário\n  const displayFormat = showTime ? `${dateFormat} HH:mm` : dateFormat;\n  \n  // Formatos aceitos para parsing\n  const parseFormats = React.useMemo(() => {\n    if (showTime) {\n      return [\n        \"dd/MM/yyyy HH:mm\",\n        \"dd/MM/yy HH:mm\",\n        \"d/M/yyyy HH:mm\",\n        \"d/M/yy HH:mm\",\n      ];\n    }\n    return [\n      \"dd/MM/yyyy\",\n      \"dd/MM/yy\",\n      \"d/M/yyyy\",\n      \"d/M/yy\",\n    ];\n  }, [showTime]);\n\n  // Sincroniza inputValue com value\n  React.useEffect(() => {\n    if (value?.from) {\n      const fromStr = format(value.from, displayFormat, { locale });\n      const toStr = value.to ? format(value.to, displayFormat, { locale }) : \"\";\n      setInputValue(toStr ? `${fromStr} → ${toStr}` : fromStr);\n      setIsInvalid(false);\n    } else {\n      setInputValue(\"\");\n      setIsInvalid(false);\n    }\n  }, [value, displayFormat, locale]);\n\n  // Combina presets padrão com customizados\n  const allPresets = React.useMemo(() => {\n    const defaults = showDefaultPresets ? getDefaultPresets() : [];\n    return [...defaults, ...(presets || [])];\n  }, [presets, showDefaultPresets]);\n\n  // Extrai hora do valor atual\n  const startTime = React.useMemo(() => {\n    if (!value?.from) return \"00:00\";\n    const h = value.from.getHours().toString().padStart(2, \"0\");\n    const m = value.from.getMinutes().toString().padStart(2, \"0\");\n    return `${h}:${m}`;\n  }, [value?.from]);\n\n  const endTime = React.useMemo(() => {\n    if (!value?.to) return \"23:59\";\n    const h = value.to.getHours().toString().padStart(2, \"0\");\n    const m = value.to.getMinutes().toString().padStart(2, \"0\");\n    return `${h}:${m}`;\n  }, [value?.to]);\n\n  // Handler para seleção de data\n  const handleDateSelect = (range: DateRange | undefined) => {\n    if (!range) {\n      onChange?.(undefined);\n      return;\n    }\n\n    // Se showTime, preserva os horários existentes\n    if (showTime) {\n      if (range.from) {\n        const [h, m] = startTime.split(\":\").map(Number);\n        range.from.setHours(h, m, 0, 0);\n      }\n      if (range.to) {\n        const [h, m] = endTime.split(\":\").map(Number);\n        range.to.setHours(h, m, 0, 0);\n      }\n    } else {\n      // Sem hora, usa início e fim do dia\n      if (range.from) range.from.setHours(0, 0, 0, 0);\n      if (range.to) range.to.setHours(23, 59, 59, 999);\n    }\n\n    onChange?.(range);\n  };\n\n  // Handler para mudança de hora início\n  const handleStartTimeChange = (time: string) => {\n    if (!value?.from) return;\n\n    const newFrom = new Date(value.from);\n    const [h, m] = time.split(\":\").map(Number);\n    newFrom.setHours(h, m, 0, 0);\n\n    onChange?.({ ...value, from: newFrom });\n  };\n\n  // Handler para mudança de hora fim\n  const handleEndTimeChange = (time: string) => {\n    if (!value?.to) return;\n\n    const newTo = new Date(value.to);\n    const [h, m] = time.split(\":\").map(Number);\n    newTo.setHours(h, m, 0, 0);\n\n    onChange?.({ ...value, to: newTo });\n  };\n\n  // Handler para presets\n  const handlePresetSelect = (preset: DateRangePreset) => {\n    const newRange = {\n      from: new Date(preset.value.from!),\n      to: new Date(preset.value.to!),\n    };\n\n    if (showTime) {\n      const [sh, sm] = startTime.split(\":\").map(Number);\n      const [eh, em] = endTime.split(\":\").map(Number);\n      newRange.from.setHours(sh, sm, 0, 0);\n      newRange.to.setHours(eh, em, 0, 0);\n    }\n\n    onChange?.(newRange);\n  };\n\n  // Parse de data individual\n  const parseSingleDate = (input: string): Date | null => {\n    const trimmed = input.trim();\n    if (!trimmed) return null;\n\n    for (const fmt of parseFormats) {\n      try {\n        const parsed = parse(trimmed, fmt, new Date());\n        if (isValid(parsed)) {\n          if (minDate && parsed < minDate) continue;\n          if (maxDate && parsed > maxDate) continue;\n          return parsed;\n        }\n      } catch {\n        continue;\n      }\n    }\n    return null;\n  };\n\n  // Parse do intervalo digitado\n  const parseInputRange = (input: string): DateRange | null => {\n    const trimmed = input.trim();\n    if (!trimmed) return null;\n\n    // Separa por → ou -\n    const separators = [\"→\", \"-\", \"até\", \"a\"];\n    let from: Date | null = null;\n    let to: Date | null = null;\n\n    for (const sep of separators) {\n      if (trimmed.includes(sep)) {\n        const parts = trimmed.split(sep).map(p => p.trim());\n        if (parts.length === 2) {\n          from = parseSingleDate(parts[0]);\n          to = parseSingleDate(parts[1]);\n          if (from && to) break;\n        }\n      }\n    }\n\n    // Se não encontrou separador, tenta parsear como data única\n    if (!from) {\n      from = parseSingleDate(trimmed);\n      if (from) {\n        to = new Date(from); // Mesmo dia\n      }\n    }\n\n    if (!from || !to) return null;\n\n    // Garante que from <= to\n    if (from > to) {\n      [from, to] = [to, from];\n    }\n\n    return { from, to };\n  };\n\n  // Handler para input digitado\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = e.target.value;\n    setInputValue(newValue);\n    setIsInvalid(false);\n  };\n\n  // Handler para blur do input\n  const handleInputBlur = () => {\n    if (!inputValue.trim()) {\n      onChange?.(undefined);\n      setIsInvalid(false);\n      return;\n    }\n\n    const parsed = parseInputRange(inputValue);\n    if (parsed) {\n      onChange?.(parsed);\n      setIsInvalid(false);\n    } else {\n      setIsInvalid(true);\n    }\n  };\n\n  // Handler para Enter\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === \"Enter\") {\n      e.preventDefault();\n      handleInputBlur();\n      if (!isInvalid) {\n        setOpen(true);\n      }\n    } else if (e.key === \"Escape\") {\n      e.preventDefault();\n      if (value?.from) {\n        const fromStr = format(value.from, displayFormat, { locale });\n        const toStr = value.to ? format(value.to, displayFormat, { locale }) : \"\";\n        setInputValue(toStr ? `${fromStr} → ${toStr}` : fromStr);\n      } else {\n        setInputValue(\"\");\n      }\n      setIsInvalid(false);\n    }\n  };\n\n  // Handler para limpar\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    onChange?.(undefined);\n    setInputValue(\"\");\n    setIsInvalid(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <div className=\"relative w-full\">\n        <Input\n          ref={ref}\n          id={id}\n          name={name}\n          value={inputValue}\n          onChange={handleInputChange}\n          onBlur={handleInputBlur}\n          onKeyDown={handleInputKeyDown}\n          placeholder={placeholder}\n          disabled={disabled}\n          aria-invalid={error || isInvalid}\n          className={cn(\n            \"pr-20\",\n            (error || isInvalid) && \"border-destructive focus-visible:ring-destructive/20\",\n            className\n          )}\n        />\n        <div className=\"absolute inset-y-0 right-0 flex items-center gap-1 pr-1\">\n          {inputValue && !disabled && (\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-7 w-7 p-0 hover:bg-transparent\"\n              onClick={handleClear}\n              tabIndex={-1}\n            >\n              <X className=\"h-4 w-4 text-muted-foreground hover:text-foreground\" />\n              <span className=\"sr-only\">Limpar</span>\n            </Button>\n          )}\n          <PopoverTrigger asChild>\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-7 w-7 p-0 hover:bg-transparent\"\n              disabled={disabled}\n              aria-label=\"Abrir calendário\"\n            >\n              <CalendarIcon className=\"h-4 w-4 text-muted-foreground\" />\n            </Button>\n          </PopoverTrigger>\n        </div>\n      </div>\n      <PopoverContent className=\"w-auto p-0\" align=\"start\">\n        <div className=\"flex\">\n          {/* Presets sidebar */}\n          {allPresets.length > 0 && (\n            <div className=\"border-r p-3 space-y-1 w-32.5\">\n              <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n                Atalhos\n              </p>\n              {allPresets.map((preset) => (\n                <Button\n                  key={preset.label}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"w-full justify-start text-sm h-8 truncate\"\n                  onClick={() => handlePresetSelect(preset)}\n                >\n                  <span className=\"truncate\">{preset.label}</span>\n                </Button>\n              ))}\n            </div>\n          )}\n\n          {/* Calendário */}\n          <div>\n            <Calendar\n              mode=\"range\"\n              selected={value}\n              onSelect={handleDateSelect}\n              numberOfMonths={numberOfMonths}\n              disabled={(date) => {\n                if (minDate && date < minDate) return true;\n                if (maxDate && date > maxDate) return true;\n                return false;\n              }}\n              locale={locale}\n              autoFocus\n            />\n\n            {/* Time pickers */}\n            {showTime && value?.from && value?.to && (\n              <div className=\"border-t p-3 flex gap-6\">\n                <div className=\"flex-1\">\n                  <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n                    Hora início\n                  </p>\n                  <TimePicker\n                    value={startTime}\n                    onChange={handleStartTimeChange}\n                    format={timeFormat}\n                    minuteStep={minuteStep}\n                    variant=\"select\"\n                    showIcon={false}\n                  />\n                </div>\n                <div className=\"flex-1\">\n                  <p className=\"text-xs font-medium text-muted-foreground mb-2\">\n                    Hora fim\n                  </p>\n                  <TimePicker\n                    value={endTime}\n                    onChange={handleEndTimeChange}\n                    format={timeFormat}\n                    minuteStep={minuteStep}\n                    variant=\"select\"\n                    showIcon={false}\n                  />\n                </div>\n              </div>\n            )}\n\n            {/* Footer */}\n            <div className=\"border-t p-3 flex justify-end gap-2\">\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                onClick={() => {\n                  onChange?.(undefined);\n                }}\n              >\n                Limpar\n              </Button>\n              <Button size=\"sm\" onClick={() => setOpen(false)}>\n                Confirmar\n              </Button>\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n});\n\nDateRangePicker.displayName = \"DateRangePicker\";\n\nexport { DateRangePicker };\n"],"names":["getDefaultPresets","today","subDays","startOfMonth","subMonths","endOfMonth","DateRangePicker","React","value","onChange","placeholder","disabled","minDate","maxDate","dateFormat","locale","ptBR","className","error","numberOfMonths","showTime","timeFormat","minuteStep","presets","showDefaultPresets","id","name","ref","open","setOpen","inputValue","setInputValue","isInvalid","setIsInvalid","displayFormat","parseFormats","fromStr","format","toStr","allPresets","startTime","h","m","endTime","handleDateSelect","range","handleStartTimeChange","time","newFrom","handleEndTimeChange","newTo","handlePresetSelect","preset","newRange","sh","sm","eh","em","parseSingleDate","input","trimmed","fmt","parsed","parse","isValid","parseInputRange","separators","from","to","sep","parts","p","handleInputChange","e","newValue","handleInputBlur","handleInputKeyDown","handleClear","jsxs","Popover","jsx","Input","cn","Button","X","PopoverTrigger","CalendarIcon","PopoverContent","Calendar","date","TimePicker"],"mappings":"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"}

package/dist/components/ui/forms/editable-badge.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),K=require("react"),m=require("../primitives/badge.cjs"),f=require("../overlays/dropdown-menu.cjs"),d=require("../overlays/dialog.cjs"),E=require("../primitives/button.cjs"),p=require("../utils.cjs"),R=require("lucide-react");function O(l){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const r in l)if(r!=="default"){const c=Object.getOwnPropertyDescriptor(l,r);Object.defineProperty(t,r,c.get?c:{enumerable:!0,get:()=>l[r]})}}return t.default=l,Object.freeze(t)}const n=O(K);function Q({value:l,options:t,onValueChange:r,onCancel:c,disabled:I=!1,variant:g="default",confirmTitle:P="Confirmar alteração",confirmDescription:F="Tem certeza que deseja alterar este valor?",confirmButtonText:_="Confirmar",cancelButtonText:z="Cancelar",skipConfirmation:v=!1,isLoading:h=!1,renderValue:x,className:C,...y},w){const[i,j]=n.useState(null),[H,u]=n.useState(!1),[V,b]=n.useState(!1),[N,S]=n.useState(!1),a=n.useMemo(()=>t.find(s=>s.value===l),[t,l]),o=n.useMemo(()=>i!=null?t.find(s=>s.value===i):null,[t,i]),A=n.useCallback(s=>{if(s===l){b(!1);return}j(s),b(!1),v?B(s):u(!0)},[l,v]),B=n.useCallback(async s=>{const D=s??i;if(D!=null){S(!0);try{await r(D),u(!1),j(null)}catch(J){console.error("Error confirming value change:",J)}finally{S(!1)}}},[i,r]),G=n.useCallback(()=>{u(!1),j(null),c==null||c()},[c]),q=n.useCallback(()=>x&&a?x(l,a):a?e.jsxs(e.Fragment,{children:[a.icon,a.label]}):l,[x,l,a]),M=(a==null?void 0:a.variant)||g,k=a==null?void 0:a.className;return I?e.jsx("div",{ref:w,className:p.cn("inline-flex",C),...y,children:e.jsx(m.Badge,{variant:M,className:k,children:q()})}):e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:w,className:p.cn("inline-flex",C),...y,children:e.jsxs(f.DropdownMenu,{open:V,onOpenChange:b,children:[e.jsx(f.DropdownMenuTrigger,{asChild:!0,disabled:h,children:e.jsxs("button",{type:"button",className:p.cn(m.badgeVariants({variant:M}),"cursor-pointer hover:opacity-80 transition-opacity gap-1.5",h&&"opacity-50 cursor-not-allowed",k),children:[q(),!h&&e.jsx(R.ChevronDown,{className:"h-3 w-3"})]})}),e.jsx(f.DropdownMenuContent,{align:"start",className:"w-48",children:t.map(s=>e.jsxs(f.DropdownMenuItem,{onClick:()=>A(s.value),className:"gap-2",children:[s.icon&&e.jsx("span",{className:"w-4 h-4",children:s.icon}),e.jsx("span",{className:"flex-1",children:s.label}),s.value===l&&e.jsx(R.Check,{className:"h-4 w-4 text-primary"})]},String(s.value)))})]})}),e.jsx(d.Dialog,{open:H,onOpenChange:u,children:e.jsxs(d.DialogContent,{children:[e.jsxs(d.DialogHeader,{children:[e.jsx(d.DialogTitle,{children:P}),e.jsx(d.DialogDescription,{children:F})]}),o&&e.jsxs("div",{className:"flex items-center gap-3 py-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:"De:"}),e.jsxs(m.Badge,{variant:(a==null?void 0:a.variant)||g,className:a==null?void 0:a.className,children:[a==null?void 0:a.icon,(a==null?void 0:a.label)||l]})]}),e.jsx("span",{className:"text-muted-foreground",children:"→"}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground",children:"Para:"}),e.jsxs(m.Badge,{variant:o.variant||g,className:o.className,children:[o.icon,o.label]})]})]}),e.jsxs(d.DialogFooter,{children:[e.jsx(E.Button,{variant:"outline",onClick:G,disabled:N,children:z}),e.jsx(E.Button,{onClick:()=>B(),disabled:N,children:N?"Confirmando...":_})]})]})})]})}const T=n.forwardRef(Q);T.displayName="EditableBadge";exports.EditableBadge=T;
+//# sourceMappingURL=editable-badge.cjs.map

package/dist/components/ui/forms/editable-badge.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-badge.cjs","sources":["../../../../src/components/ui/forms/editable-badge.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Badge, badgeVariants } from \"../primitives/badge\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../overlays/dropdown-menu\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../overlays/dialog\";\nimport { Button } from \"../primitives/button\";\nimport { cn } from \"../utils\";\nimport { ChevronDown, Check } from \"lucide-react\";\nimport { type VariantProps } from \"class-variance-authority\";\n\n/**\n * Opção para o EmblemaEditavel\n */\nexport interface EditableBadgeOption<T extends string | number = string> {\n  /**\n   * Valor da opção\n   */\n  value: T;\n  /**\n   * Label exibido no dropdown\n   */\n  label: string;\n  /**\n   * Ícone opcional da opção\n   */\n  icon?: React.ReactNode;\n  /**\n   * Variante do badge para esta opção\n   */\n  variant?: VariantProps<typeof badgeVariants>[\"variant\"];\n  /**\n   * Classes CSS customizadas para esta opção (ex: cores da guideline)\n   */\n  className?: string;\n}\n\n/**\n * Props do componente EmblemaEditavel\n */\nexport interface EditableBadgeProps<T extends string | number = string>\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * Valor atual do badge\n   */\n  value: T;\n\n  /**\n   * Opções disponíveis para seleção\n   */\n  options: EditableBadgeOption<T>[];\n\n  /**\n   * Callback quando o valor é confirmado\n   * @param value - Novo valor selecionado\n   */\n  onValueChange: (value: T) => void | Promise<void>;\n\n  /**\n   * Callback quando a alteração é cancelada (opcional)\n   */\n  onCancel?: () => void;\n\n  /**\n   * Se true, o badge não é editável\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Variante padrão do badge\n   * @default \"default\"\n   */\n  variant?: VariantProps<typeof badgeVariants>[\"variant\"];\n\n  /**\n   * Título do dialog de confirmação\n   * @default \"Confirmar alteração\"\n   */\n  confirmTitle?: string;\n\n  /**\n   * Descrição do dialog de confirmação\n   * @default \"Tem certeza que deseja alterar este valor?\"\n   */\n  confirmDescription?: string;\n\n  /**\n   * Texto do botão de confirmação\n   * @default \"Confirmar\"\n   */\n  confirmButtonText?: string;\n\n  /**\n   * Texto do botão de cancelar\n   * @default \"Cancelar\"\n   */\n  cancelButtonText?: string;\n\n  /**\n   * Se true, não exibe o dialog de confirmação\n   * @default false\n   */\n  skipConfirmation?: boolean;\n\n  /**\n   * Estado de loading durante a operação\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Renderizador customizado do valor no badge\n   */\n  renderValue?: (value: T, option?: EditableBadgeOption<T>) => React.ReactNode;\n}\n\nfunction EditableBadgeInner<T extends string | number = string>(\n  {\n    value,\n    options,\n    onValueChange,\n    onCancel,\n    disabled = false,\n    variant = \"default\",\n    confirmTitle = \"Confirmar alteração\",\n    confirmDescription = \"Tem certeza que deseja alterar este valor?\",\n    confirmButtonText = \"Confirmar\",\n    cancelButtonText = \"Cancelar\",\n    skipConfirmation = false,\n    isLoading = false,\n    renderValue,\n    className,\n    ...props\n  }: EditableBadgeProps<T>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [selectedValue, setSelectedValue] = React.useState<T | null>(null);\n  const [showDialog, setShowDialog] = React.useState(false);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [isConfirming, setIsConfirming] = React.useState(false);\n\n  // Encontrar a opção atual\n  const currentOption = React.useMemo(\n    () => options.find((opt) => opt.value === value),\n    [options, value]\n  );\n\n  // Encontrar a opção selecionada\n  const selectedOption = React.useMemo(\n    () => (selectedValue !== null && selectedValue !== undefined ? options.find((opt) => opt.value === selectedValue) : null),\n    [options, selectedValue]\n  );\n\n  // Handler para seleção de opção\n  const handleSelect = React.useCallback(\n    (newValue: T) => {\n      if (newValue === value) {\n        setIsOpen(false);\n        return;\n      }\n\n      setSelectedValue(newValue);\n      setIsOpen(false);\n\n      if (skipConfirmation) {\n        handleConfirm(newValue);\n      } else {\n        setShowDialog(true);\n      }\n    },\n    [value, skipConfirmation]\n  );\n\n  // Handler de confirmação\n  const handleConfirm = React.useCallback(\n    async (valueToConfirm?: T) => {\n      const finalValue = valueToConfirm ?? selectedValue;\n      if (finalValue === null || finalValue === undefined) return;\n\n      setIsConfirming(true);\n      try {\n        await onValueChange(finalValue);\n        setShowDialog(false);\n        setSelectedValue(null);\n      } catch (error) {\n        console.error(\"Error confirming value change:\", error);\n      } finally {\n        setIsConfirming(false);\n      }\n    },\n    [selectedValue, onValueChange]\n  );\n\n  // Handler de cancelamento\n  const handleCancel = React.useCallback(() => {\n    setShowDialog(false);\n    setSelectedValue(null);\n    onCancel?.();\n  }, [onCancel]);\n\n  // Renderizar o valor do badge\n  const renderBadgeValue = React.useCallback(() => {\n    if (renderValue && currentOption) {\n      return renderValue(value, currentOption);\n    }\n    if (currentOption) {\n      return (\n        <>\n          {currentOption.icon}\n          {currentOption.label}\n        </>\n      );\n    }\n    return value;\n  }, [renderValue, value, currentOption]);\n\n  // Badge variant e className (usa os da opção se disponível, senão os defaults)\n  const badgeVariant = currentOption?.variant || variant;\n  const badgeClassName = currentOption?.className;\n\n  // Se disabled, renderiza apenas o badge\n  if (disabled) {\n    return (\n      <div ref={ref} className={cn(\"inline-flex\", className)} {...props}>\n        <Badge variant={badgeVariant} className={badgeClassName}>{renderBadgeValue()}</Badge>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div ref={ref} className={cn(\"inline-flex\", className)} {...props}>\n        <DropdownMenu open={isOpen} onOpenChange={setIsOpen}>\n          <DropdownMenuTrigger asChild disabled={isLoading}>\n            <button\n              type=\"button\"\n              className={cn(\n                badgeVariants({ variant: badgeVariant }),\n                \"cursor-pointer hover:opacity-80 transition-opacity gap-1.5\",\n                isLoading && \"opacity-50 cursor-not-allowed\",\n                badgeClassName\n              )}\n            >\n              {renderBadgeValue()}\n              {!isLoading && <ChevronDown className=\"h-3 w-3\" />}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {options.map((option) => (\n              <DropdownMenuItem\n                key={String(option.value)}\n                onClick={() => handleSelect(option.value)}\n                className=\"gap-2\"\n              >\n                {option.icon && <span className=\"w-4 h-4\">{option.icon}</span>}\n                <span className=\"flex-1\">{option.label}</span>\n                {option.value === value && <Check className=\"h-4 w-4 text-primary\" />}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      <Dialog open={showDialog} onOpenChange={setShowDialog}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>{confirmTitle}</DialogTitle>\n            <DialogDescription>{confirmDescription}</DialogDescription>\n          </DialogHeader>\n          {selectedOption && (\n            <div className=\"flex items-center gap-3 py-4\">\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">De:</span>\n                <Badge variant={currentOption?.variant || variant} className={currentOption?.className}>\n                  {currentOption?.icon}\n                  {currentOption?.label || value}\n                </Badge>\n              </div>\n              <span className=\"text-muted-foreground\">→</span>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">Para:</span>\n                <Badge variant={selectedOption.variant || variant} className={selectedOption.className}>\n                  {selectedOption.icon}\n                  {selectedOption.label}\n                </Badge>\n              </div>\n            </div>\n          )}\n          <DialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={handleCancel}\n              disabled={isConfirming}\n            >\n              {cancelButtonText}\n            </Button>\n            <Button onClick={() => handleConfirm()} disabled={isConfirming}>\n              {isConfirming ? \"Confirmando...\" : confirmButtonText}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\nexport const EditableBadge = React.forwardRef(EditableBadgeInner) as (<\n  T extends string | number = string\n>(\n  props: EditableBadgeProps<T> & { ref?: React.Ref<HTMLDivElement> }\n) => React.ReactElement) & { displayName?: string };\n\nEditableBadge.displayName = \"EditableBadge\";\n"],"names":["EditableBadgeInner","value","options","onValueChange","onCancel","disabled","variant","confirmTitle","confirmDescription","confirmButtonText","cancelButtonText","skipConfirmation","isLoading","renderValue","className","props","ref","selectedValue","setSelectedValue","React","showDialog","setShowDialog","isOpen","setIsOpen","isConfirming","setIsConfirming","currentOption","opt","selectedOption","handleSelect","newValue","handleConfirm","valueToConfirm","finalValue","error","handleCancel","renderBadgeValue","jsxs","Fragment","badgeVariant","badgeClassName","cn","jsx","Badge","DropdownMenu","DropdownMenuTrigger","badgeVariants","ChevronDown","DropdownMenuContent","option","DropdownMenuItem","Check","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button","EditableBadge"],"mappings":"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"}

package/dist/components/ui/forms/editable-badge.js

@@ -0,0 +1,137 @@
+"use client";
+import { jsxs as s, Fragment as I, jsx as a } from "react/jsx-runtime";
+import * as r from "react";
+import { Badge as p, badgeVariants as J } from "../primitives/badge.js";
+import { DropdownMenu as K, DropdownMenuTrigger as Q, DropdownMenuContent as U, DropdownMenuItem as W } from "../overlays/dropdown-menu.js";
+import { Dialog as X, DialogContent as Y, DialogHeader as Z, DialogTitle as _, DialogDescription as $, DialogFooter as L } from "../overlays/dialog.js";
+import { Button as j } from "../primitives/button.js";
+import { cn as C } from "../utils.js";
+import { ChevronDown as O, Check as ee } from "lucide-react";
+function ae({
+  value: n,
+  options: t,
+  onValueChange: x,
+  onCancel: d,
+  disabled: T = !1,
+  variant: m = "default",
+  confirmTitle: F = "Confirmar alteração",
+  confirmDescription: R = "Tem certeza que deseja alterar este valor?",
+  confirmButtonText: q = "Confirmar",
+  cancelButtonText: z = "Cancelar",
+  skipConfirmation: D = !1,
+  isLoading: f = !1,
+  renderValue: h,
+  className: v,
+  ...w
+}, y) {
+  const [i, g] = r.useState(null), [H, o] = r.useState(!1), [P, u] = r.useState(!1), [N, S] = r.useState(!1), e = r.useMemo(
+    () => t.find((l) => l.value === n),
+    [t, n]
+  ), c = r.useMemo(
+    () => i != null ? t.find((l) => l.value === i) : null,
+    [t, i]
+  ), V = r.useCallback(
+    (l) => {
+      if (l === n) {
+        u(!1);
+        return;
+      }
+      g(l), u(!1), D ? k(l) : o(!0);
+    },
+    [n, D]
+  ), k = r.useCallback(
+    async (l) => {
+      const b = l ?? i;
+      if (b != null) {
+        S(!0);
+        try {
+          await x(b), o(!1), g(null);
+        } catch (G) {
+          console.error("Error confirming value change:", G);
+        } finally {
+          S(!1);
+        }
+      }
+    },
+    [i, x]
+  ), A = r.useCallback(() => {
+    o(!1), g(null), d == null || d();
+  }, [d]), B = r.useCallback(() => h && e ? h(n, e) : e ? /* @__PURE__ */ s(I, { children: [
+    e.icon,
+    e.label
+  ] }) : n, [h, n, e]), M = (e == null ? void 0 : e.variant) || m, E = e == null ? void 0 : e.className;
+  return T ? /* @__PURE__ */ a("div", { ref: y, className: C("inline-flex", v), ...w, children: /* @__PURE__ */ a(p, { variant: M, className: E, children: B() }) }) : /* @__PURE__ */ s(I, { children: [
+    /* @__PURE__ */ a("div", { ref: y, className: C("inline-flex", v), ...w, children: /* @__PURE__ */ s(K, { open: P, onOpenChange: u, children: [
+      /* @__PURE__ */ a(Q, { asChild: !0, disabled: f, children: /* @__PURE__ */ s(
+        "button",
+        {
+          type: "button",
+          className: C(
+            J({ variant: M }),
+            "cursor-pointer hover:opacity-80 transition-opacity gap-1.5",
+            f && "opacity-50 cursor-not-allowed",
+            E
+          ),
+          children: [
+            B(),
+            !f && /* @__PURE__ */ a(O, { className: "h-3 w-3" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ a(U, { align: "start", className: "w-48", children: t.map((l) => /* @__PURE__ */ s(
+        W,
+        {
+          onClick: () => V(l.value),
+          className: "gap-2",
+          children: [
+            l.icon && /* @__PURE__ */ a("span", { className: "w-4 h-4", children: l.icon }),
+            /* @__PURE__ */ a("span", { className: "flex-1", children: l.label }),
+            l.value === n && /* @__PURE__ */ a(ee, { className: "h-4 w-4 text-primary" })
+          ]
+        },
+        String(l.value)
+      )) })
+    ] }) }),
+    /* @__PURE__ */ a(X, { open: H, onOpenChange: o, children: /* @__PURE__ */ s(Y, { children: [
+      /* @__PURE__ */ s(Z, { children: [
+        /* @__PURE__ */ a(_, { children: F }),
+        /* @__PURE__ */ a($, { children: R })
+      ] }),
+      c && /* @__PURE__ */ s("div", { className: "flex items-center gap-3 py-4", children: [
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: "De:" }),
+          /* @__PURE__ */ s(p, { variant: (e == null ? void 0 : e.variant) || m, className: e == null ? void 0 : e.className, children: [
+            e == null ? void 0 : e.icon,
+            (e == null ? void 0 : e.label) || n
+          ] })
+        ] }),
+        /* @__PURE__ */ a("span", { className: "text-muted-foreground", children: "→" }),
+        /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ a("span", { className: "text-sm text-muted-foreground", children: "Para:" }),
+          /* @__PURE__ */ s(p, { variant: c.variant || m, className: c.className, children: [
+            c.icon,
+            c.label
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ s(L, { children: [
+        /* @__PURE__ */ a(
+          j,
+          {
+            variant: "outline",
+            onClick: A,
+            disabled: N,
+            children: z
+          }
+        ),
+        /* @__PURE__ */ a(j, { onClick: () => k(), disabled: N, children: N ? "Confirmando..." : q })
+      ] })
+    ] }) })
+  ] });
+}
+const le = r.forwardRef(ae);
+le.displayName = "EditableBadge";
+export {
+  le as EditableBadge
+};
+//# sourceMappingURL=editable-badge.js.map

package/dist/components/ui/forms/editable-badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editable-badge.js","sources":["../../../../src/components/ui/forms/editable-badge.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Badge, badgeVariants } from \"../primitives/badge\";\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuItem,\n  DropdownMenuTrigger,\n} from \"../overlays/dropdown-menu\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from \"../overlays/dialog\";\nimport { Button } from \"../primitives/button\";\nimport { cn } from \"../utils\";\nimport { ChevronDown, Check } from \"lucide-react\";\nimport { type VariantProps } from \"class-variance-authority\";\n\n/**\n * Opção para o EmblemaEditavel\n */\nexport interface EditableBadgeOption<T extends string | number = string> {\n  /**\n   * Valor da opção\n   */\n  value: T;\n  /**\n   * Label exibido no dropdown\n   */\n  label: string;\n  /**\n   * Ícone opcional da opção\n   */\n  icon?: React.ReactNode;\n  /**\n   * Variante do badge para esta opção\n   */\n  variant?: VariantProps<typeof badgeVariants>[\"variant\"];\n  /**\n   * Classes CSS customizadas para esta opção (ex: cores da guideline)\n   */\n  className?: string;\n}\n\n/**\n * Props do componente EmblemaEditavel\n */\nexport interface EditableBadgeProps<T extends string | number = string>\n  extends Omit<React.ComponentPropsWithoutRef<\"div\">, \"onChange\"> {\n  /**\n   * Valor atual do badge\n   */\n  value: T;\n\n  /**\n   * Opções disponíveis para seleção\n   */\n  options: EditableBadgeOption<T>[];\n\n  /**\n   * Callback quando o valor é confirmado\n   * @param value - Novo valor selecionado\n   */\n  onValueChange: (value: T) => void | Promise<void>;\n\n  /**\n   * Callback quando a alteração é cancelada (opcional)\n   */\n  onCancel?: () => void;\n\n  /**\n   * Se true, o badge não é editável\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Variante padrão do badge\n   * @default \"default\"\n   */\n  variant?: VariantProps<typeof badgeVariants>[\"variant\"];\n\n  /**\n   * Título do dialog de confirmação\n   * @default \"Confirmar alteração\"\n   */\n  confirmTitle?: string;\n\n  /**\n   * Descrição do dialog de confirmação\n   * @default \"Tem certeza que deseja alterar este valor?\"\n   */\n  confirmDescription?: string;\n\n  /**\n   * Texto do botão de confirmação\n   * @default \"Confirmar\"\n   */\n  confirmButtonText?: string;\n\n  /**\n   * Texto do botão de cancelar\n   * @default \"Cancelar\"\n   */\n  cancelButtonText?: string;\n\n  /**\n   * Se true, não exibe o dialog de confirmação\n   * @default false\n   */\n  skipConfirmation?: boolean;\n\n  /**\n   * Estado de loading durante a operação\n   * @default false\n   */\n  isLoading?: boolean;\n\n  /**\n   * Renderizador customizado do valor no badge\n   */\n  renderValue?: (value: T, option?: EditableBadgeOption<T>) => React.ReactNode;\n}\n\nfunction EditableBadgeInner<T extends string | number = string>(\n  {\n    value,\n    options,\n    onValueChange,\n    onCancel,\n    disabled = false,\n    variant = \"default\",\n    confirmTitle = \"Confirmar alteração\",\n    confirmDescription = \"Tem certeza que deseja alterar este valor?\",\n    confirmButtonText = \"Confirmar\",\n    cancelButtonText = \"Cancelar\",\n    skipConfirmation = false,\n    isLoading = false,\n    renderValue,\n    className,\n    ...props\n  }: EditableBadgeProps<T>,\n  ref: React.Ref<HTMLDivElement>\n) {\n  const [selectedValue, setSelectedValue] = React.useState<T | null>(null);\n  const [showDialog, setShowDialog] = React.useState(false);\n  const [isOpen, setIsOpen] = React.useState(false);\n  const [isConfirming, setIsConfirming] = React.useState(false);\n\n  // Encontrar a opção atual\n  const currentOption = React.useMemo(\n    () => options.find((opt) => opt.value === value),\n    [options, value]\n  );\n\n  // Encontrar a opção selecionada\n  const selectedOption = React.useMemo(\n    () => (selectedValue !== null && selectedValue !== undefined ? options.find((opt) => opt.value === selectedValue) : null),\n    [options, selectedValue]\n  );\n\n  // Handler para seleção de opção\n  const handleSelect = React.useCallback(\n    (newValue: T) => {\n      if (newValue === value) {\n        setIsOpen(false);\n        return;\n      }\n\n      setSelectedValue(newValue);\n      setIsOpen(false);\n\n      if (skipConfirmation) {\n        handleConfirm(newValue);\n      } else {\n        setShowDialog(true);\n      }\n    },\n    [value, skipConfirmation]\n  );\n\n  // Handler de confirmação\n  const handleConfirm = React.useCallback(\n    async (valueToConfirm?: T) => {\n      const finalValue = valueToConfirm ?? selectedValue;\n      if (finalValue === null || finalValue === undefined) return;\n\n      setIsConfirming(true);\n      try {\n        await onValueChange(finalValue);\n        setShowDialog(false);\n        setSelectedValue(null);\n      } catch (error) {\n        console.error(\"Error confirming value change:\", error);\n      } finally {\n        setIsConfirming(false);\n      }\n    },\n    [selectedValue, onValueChange]\n  );\n\n  // Handler de cancelamento\n  const handleCancel = React.useCallback(() => {\n    setShowDialog(false);\n    setSelectedValue(null);\n    onCancel?.();\n  }, [onCancel]);\n\n  // Renderizar o valor do badge\n  const renderBadgeValue = React.useCallback(() => {\n    if (renderValue && currentOption) {\n      return renderValue(value, currentOption);\n    }\n    if (currentOption) {\n      return (\n        <>\n          {currentOption.icon}\n          {currentOption.label}\n        </>\n      );\n    }\n    return value;\n  }, [renderValue, value, currentOption]);\n\n  // Badge variant e className (usa os da opção se disponível, senão os defaults)\n  const badgeVariant = currentOption?.variant || variant;\n  const badgeClassName = currentOption?.className;\n\n  // Se disabled, renderiza apenas o badge\n  if (disabled) {\n    return (\n      <div ref={ref} className={cn(\"inline-flex\", className)} {...props}>\n        <Badge variant={badgeVariant} className={badgeClassName}>{renderBadgeValue()}</Badge>\n      </div>\n    );\n  }\n\n  return (\n    <>\n      <div ref={ref} className={cn(\"inline-flex\", className)} {...props}>\n        <DropdownMenu open={isOpen} onOpenChange={setIsOpen}>\n          <DropdownMenuTrigger asChild disabled={isLoading}>\n            <button\n              type=\"button\"\n              className={cn(\n                badgeVariants({ variant: badgeVariant }),\n                \"cursor-pointer hover:opacity-80 transition-opacity gap-1.5\",\n                isLoading && \"opacity-50 cursor-not-allowed\",\n                badgeClassName\n              )}\n            >\n              {renderBadgeValue()}\n              {!isLoading && <ChevronDown className=\"h-3 w-3\" />}\n            </button>\n          </DropdownMenuTrigger>\n          <DropdownMenuContent align=\"start\" className=\"w-48\">\n            {options.map((option) => (\n              <DropdownMenuItem\n                key={String(option.value)}\n                onClick={() => handleSelect(option.value)}\n                className=\"gap-2\"\n              >\n                {option.icon && <span className=\"w-4 h-4\">{option.icon}</span>}\n                <span className=\"flex-1\">{option.label}</span>\n                {option.value === value && <Check className=\"h-4 w-4 text-primary\" />}\n              </DropdownMenuItem>\n            ))}\n          </DropdownMenuContent>\n        </DropdownMenu>\n      </div>\n\n      <Dialog open={showDialog} onOpenChange={setShowDialog}>\n        <DialogContent>\n          <DialogHeader>\n            <DialogTitle>{confirmTitle}</DialogTitle>\n            <DialogDescription>{confirmDescription}</DialogDescription>\n          </DialogHeader>\n          {selectedOption && (\n            <div className=\"flex items-center gap-3 py-4\">\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">De:</span>\n                <Badge variant={currentOption?.variant || variant} className={currentOption?.className}>\n                  {currentOption?.icon}\n                  {currentOption?.label || value}\n                </Badge>\n              </div>\n              <span className=\"text-muted-foreground\">→</span>\n              <div className=\"flex items-center gap-2\">\n                <span className=\"text-sm text-muted-foreground\">Para:</span>\n                <Badge variant={selectedOption.variant || variant} className={selectedOption.className}>\n                  {selectedOption.icon}\n                  {selectedOption.label}\n                </Badge>\n              </div>\n            </div>\n          )}\n          <DialogFooter>\n            <Button\n              variant=\"outline\"\n              onClick={handleCancel}\n              disabled={isConfirming}\n            >\n              {cancelButtonText}\n            </Button>\n            <Button onClick={() => handleConfirm()} disabled={isConfirming}>\n              {isConfirming ? \"Confirmando...\" : confirmButtonText}\n            </Button>\n          </DialogFooter>\n        </DialogContent>\n      </Dialog>\n    </>\n  );\n}\n\nexport const EditableBadge = React.forwardRef(EditableBadgeInner) as (<\n  T extends string | number = string\n>(\n  props: EditableBadgeProps<T> & { ref?: React.Ref<HTMLDivElement> }\n) => React.ReactElement) & { displayName?: string };\n\nEditableBadge.displayName = \"EditableBadge\";\n"],"names":["EditableBadgeInner","value","options","onValueChange","onCancel","disabled","variant","confirmTitle","confirmDescription","confirmButtonText","cancelButtonText","skipConfirmation","isLoading","renderValue","className","props","ref","selectedValue","setSelectedValue","React","showDialog","setShowDialog","isOpen","setIsOpen","isConfirming","setIsConfirming","currentOption","opt","selectedOption","handleSelect","newValue","handleConfirm","valueToConfirm","finalValue","error","handleCancel","renderBadgeValue","jsxs","Fragment","badgeVariant","badgeClassName","cn","jsx","Badge","DropdownMenu","DropdownMenuTrigger","badgeVariants","ChevronDown","DropdownMenuContent","option","DropdownMenuItem","Check","Dialog","DialogContent","DialogHeader","DialogTitle","DialogDescription","DialogFooter","Button","EditableBadge"],"mappings":"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"}

package/dist/components/ui/forms/file-attachment-list.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("lucide-react"),P=require("react"),g=require("../primitives/badge.cjs"),d=require("../primitives/button.cjs"),k=require("../primitives/progress.cjs"),r=require("../overlays/tooltip.cjs"),h=require("../utils.cjs");function $(t){return t?t<1024?`${t} B`:t<1024*1024?`${(t/1024).toFixed(1)} KB`:t<1024*1024*1024?`${(t/(1024*1024)).toFixed(1)} MB`:`${(t/(1024*1024*1024)).toFixed(1)} GB`:""}function z(t){if(!t)return"";try{const i=new Date(t);return isNaN(i.getTime())?t:i.toLocaleDateString("pt-BR",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit"})}catch{return t}}function E(t,i){if(t.length<=i)return t;const a=t.lastIndexOf(".");if(a===-1)return t.substring(0,i-3)+"...";const n=t.substring(a);return t.substring(0,a).substring(0,i-n.length-3)+"..."+n}function F({attachments:t,onDownload:i,onRemove:a,onView:n,showDownload:x=!0,showRemove:p=!1,showView:v=!1,maxFilenameLength:C=40,variant:w="compact",emptyMessage:B="Nenhum anexo",isLoading:O=!1,className:j}){const[y,T]=P.useState({}),m=async(s,f,o)=>{if(!o)return;const u=s.chave||s.nomeOriginal;T(c=>({...c,[u]:f}));try{await o(s)}finally{T(c=>({...c,[u]:null}))}};return O?e.jsx("div",{className:h.cn("space-y-2",j),children:[1,2,3].map(s=>e.jsxs("div",{className:"flex items-center gap-2 p-3 border rounded bg-muted/30 animate-pulse",children:[e.jsx("div",{className:"h-4 w-4 bg-muted-foreground/20 rounded"}),e.jsx("div",{className:"h-4 flex-1 bg-muted-foreground/20 rounded"})]},s))}):t.length===0?e.jsx("div",{className:h.cn("text-center py-6 text-sm text-muted-foreground border rounded-lg bg-muted/20",j),children:B}):e.jsx("div",{className:h.cn("space-y-2",j),children:t.map((s,f)=>{const o=s.chave||s.id||`${s.nomeOriginal}-${f}`,u=y[s.chave||s.nomeOriginal],c=u==="download",N=u==="view",b=(()=>{switch(s.status){case"completed":return e.jsx(g.Badge,{variant:"outline",className:"bg-success/10 text-success-emphasis border-success/20 hover:bg-success/10",children:"✓ Enviado"});case"uploading":return e.jsx(g.Badge,{variant:"outline",className:"bg-info/10 text-info-emphasis border-info/20 hover:bg-info/10",children:"Enviando..."});case"failed":return e.jsx(g.Badge,{variant:"outline",className:"bg-destructive/10 text-destructive-emphasis border-destructive/20 hover:bg-destructive/10",children:"✗ Erro"});case"retrying":return e.jsx(g.Badge,{variant:"outline",className:"bg-warning/10 text-warning-emphasis border-warning/20 hover:bg-warning/10",children:"Tentando..."});default:return null}})();return w==="detailed"?e.jsx("div",{className:h.cn("p-4 border rounded-lg bg-card transition-colors",s.status==="failed"&&"border-destructive/30 bg-destructive/5"),children:e.jsxs("div",{className:"flex items-start justify-between gap-3",children:[e.jsxs("div",{className:"flex items-start gap-3 flex-1 min-w-0",children:[e.jsx(l.Paperclip,{className:"h-5 w-5 text-muted-foreground mt-0.5 flex-shrink-0"}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx("p",{className:"text-sm font-medium truncate",children:s.nomeOriginal})}),e.jsx(r.TooltipContent,{children:e.jsx("p",{className:"text-xs",children:s.nomeOriginal})})]})}),e.jsxs("div",{className:"flex items-center gap-2 mt-1 text-xs text-muted-foreground",children:[s.tamanhoBytes&&e.jsx("span",{children:$(s.tamanhoBytes)}),s.tamanhoBytes&&s.dataUpload&&e.jsx("span",{children:"•"}),s.dataUpload&&e.jsx("span",{children:z(s.dataUpload)})]}),s.status==="uploading"&&typeof s.progress=="number"&&e.jsx(k.Progress,{value:s.progress,className:"h-1 mt-2"}),s.status==="failed"&&s.erro&&e.jsxs("div",{className:"flex items-center gap-1 mt-2 text-xs text-destructive",children:[e.jsx(l.AlertCircle,{className:"h-3 w-3"}),e.jsx("span",{children:s.erro})]})]})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[b,s.status==="completed"&&e.jsxs(e.Fragment,{children:[v&&n&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(d.Button,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:()=>m(s,"view",n),disabled:N,"aria-label":`Visualizar ${s.nomeOriginal}`,children:e.jsx(l.Eye,{className:"h-4 w-4"})})}),e.jsx(r.TooltipContent,{children:"Visualizar"})]})}),x&&i&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(d.Button,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:()=>m(s,"download",i),disabled:c,"aria-label":`Baixar ${s.nomeOriginal}`,children:e.jsx(l.Download,{className:"h-4 w-4"})})}),e.jsx(r.TooltipContent,{children:"Baixar"})]})}),p&&a&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(d.Button,{variant:"ghost",size:"icon",className:"h-8 w-8 text-destructive hover:text-destructive",onClick:()=>a(s),"aria-label":`Remover ${s.nomeOriginal}`,children:e.jsx(l.Trash2,{className:"h-4 w-4"})})}),e.jsx(r.TooltipContent,{children:"Remover"})]})})]})]})]})},o):e.jsxs("div",{className:h.cn("flex items-center justify-between gap-2 p-3 border rounded-lg bg-muted/30 transition-colors",s.status==="failed"&&"border-destructive/30 bg-destructive/5"),children:[e.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[e.jsx(l.Paperclip,{className:"h-4 w-4 text-muted-foreground flex-shrink-0"}),e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx("span",{className:"text-sm truncate",children:E(s.nomeOriginal,C)})}),e.jsx(r.TooltipContent,{children:e.jsx("p",{className:"max-w-xs break-all",children:s.nomeOriginal})})]})}),s.status==="uploading"&&typeof s.progress=="number"&&e.jsxs("span",{className:"text-xs text-muted-foreground flex-shrink-0",children:[s.progress,"%"]}),b]}),s.status==="completed"&&e.jsxs("div",{className:"flex items-center gap-1 flex-shrink-0",children:[v&&n&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(d.Button,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:()=>m(s,"view",n),disabled:N,"aria-label":`Visualizar ${s.nomeOriginal}`,children:e.jsx(l.Eye,{className:"h-4 w-4"})})}),e.jsx(r.TooltipContent,{children:"Visualizar"})]})}),x&&i&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(d.Button,{variant:"ghost",size:"icon",className:"h-8 w-8",onClick:()=>m(s,"download",i),disabled:c,"aria-label":`Baixar ${s.nomeOriginal}`,children:e.jsx(l.Download,{className:"h-4 w-4"})})}),e.jsx(r.TooltipContent,{children:"Baixar"})]})}),p&&a&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(d.Button,{variant:"ghost",size:"icon",className:"h-8 w-8 text-destructive hover:text-destructive",onClick:()=>a(s),"aria-label":`Remover ${s.nomeOriginal}`,children:e.jsx(l.Trash2,{className:"h-4 w-4"})})}),e.jsx(r.TooltipContent,{children:"Remover"})]})})]}),s.status==="failed"&&s.erro&&e.jsx(r.TooltipProvider,{children:e.jsxs(r.Tooltip,{children:[e.jsx(r.TooltipTrigger,{asChild:!0,children:e.jsx(l.AlertCircle,{className:"h-4 w-4 text-destructive flex-shrink-0"})}),e.jsx(r.TooltipContent,{children:e.jsx("p",{className:"text-xs",children:s.erro})})]})})]},o)})})}exports.FileAttachmentList=F;
+//# sourceMappingURL=file-attachment-list.cjs.map