@iclips/ui 1.4.13 → 2.0.1

package/dist/components/ui/data/filter-builder.js

@@ -0,0 +1,378 @@
+import { jsxs as u, jsx as l, Fragment as H } from "react/jsx-runtime";
+import k from "react";
+import { cn as b } from "../utils.js";
+import { Button as v } from "../primitives/button.js";
+import { Plus as j, Search as B, X as P } from "lucide-react";
+import { Popover as y, PopoverTrigger as w, PopoverContent as S } from "../overlays/popover.js";
+import { Badge as I } from "../primitives/badge.js";
+import { Input as R } from "../forms/input.js";
+import { Checkbox as M } from "../forms/checkbox.js";
+import { Label as L } from "../primitives/label.js";
+import { DatePicker as D } from "../forms/date-picker.js";
+const T = [
+  { value: "is", label: "é", multiSelect: !1 },
+  { value: "is_not", label: "não é", multiSelect: !1 },
+  { value: "is_any_of", label: "é qualquer um de", multiSelect: !0 },
+  { value: "is_none_of", label: "não é nenhum de", multiSelect: !0 },
+  { value: "contains", label: "contém", multiSelect: !1 },
+  { value: "does_not_contain", label: "não contém", multiSelect: !1 },
+  { value: "greater_than", label: "maior que", multiSelect: !1 },
+  { value: "greater_than_or_equal", label: "maior ou igual a", multiSelect: !1 },
+  { value: "less_than", label: "menor que", multiSelect: !1 },
+  { value: "less_than_or_equal", label: "menor ou igual a", multiSelect: !1 },
+  { value: "is_empty", label: "está vazio", multiSelect: !1 },
+  { value: "is_not_empty", label: "não está vazio", multiSelect: !1 }
+];
+function ee({
+  conditions: r,
+  onConditionsChange: d,
+  fields: x,
+  className: n
+}) {
+  const _ = () => {
+    var m;
+    const s = {
+      id: Math.random().toString(36).substr(2, 9),
+      field: ((m = x[0]) == null ? void 0 : m.value) || "",
+      operator: "is",
+      value: ""
+    };
+    d([...r, s]);
+  }, a = (s) => {
+    d(r.filter((m) => m.id !== s));
+  }, h = (s, m) => {
+    d(
+      r.map((c) => c.id === s ? { ...c, ...m } : c)
+    );
+  };
+  return /* @__PURE__ */ u("div", { className: b("space-y-3", n), children: [
+    r.length === 0 ? /* @__PURE__ */ l("div", { className: "text-center py-8 text-muted-foreground text-sm", children: 'Nenhuma condição de filtro. Clique em "Adicionar condição" para começar.' }) : r.map((s, m) => /* @__PURE__ */ l(
+      E,
+      {
+        condition: s,
+        fields: x,
+        index: m,
+        onUpdate: (c) => h(s.id, c),
+        onRemove: () => a(s.id)
+      },
+      s.id
+    )),
+    /* @__PURE__ */ u(
+      v,
+      {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: _,
+        className: "gap-2",
+        children: [
+          /* @__PURE__ */ l(j, { className: "h-4 w-4" }),
+          "Adicionar condição"
+        ]
+      }
+    )
+  ] });
+}
+function E({
+  condition: r,
+  fields: d,
+  index: x,
+  onUpdate: n,
+  onRemove: _
+}) {
+  var q;
+  const a = d.find((e) => e.value === r.field), h = T.find((e) => e.value === r.operator), s = (a == null ? void 0 : a.multiSelect) || (h == null ? void 0 : h.multiSelect) || !1, m = !["is_empty", "is_not_empty"].includes(r.operator), [c, A] = k.useState(""), p = k.useMemo(() => a != null && a.groups ? a.groups.flatMap((e) => [
+    {
+      value: e.value ?? `__label__${e.label}`,
+      label: e.label,
+      isHeader: !0,
+      selecionavel: !!e.value
+    },
+    ...e.options.map((t) => ({
+      value: t.value,
+      label: t.label,
+      isHeader: !1,
+      selecionavel: !0,
+      isFilho: !0
+    }))
+  ]) : ((a == null ? void 0 : a.options) ?? []).map((e) => ({
+    value: e.value,
+    label: e.label,
+    isHeader: !1,
+    selecionavel: !0
+  })), [a == null ? void 0 : a.options, a == null ? void 0 : a.groups]), z = k.useMemo(() => {
+    if (!c) return p;
+    const e = c.toLowerCase(), t = (o) => o.label.toLowerCase().includes(e) || o.value.toLowerCase().includes(e);
+    if (!(a != null && a.groups)) return p.filter(t);
+    const i = [];
+    let f = null, C = !1, N = !1;
+    for (const o of p) {
+      if (o.isHeader) {
+        f = o, C = t(o), N = !1, C && (i.push(o), N = !0);
+        continue;
+      }
+      (C || t(o)) && (!N && f && (i.push(f), N = !0), i.push(o));
+    }
+    return i;
+  }, [p, c, a == null ? void 0 : a.groups]), g = Array.isArray(r.value) ? r.value : r.value ? [r.value] : [], V = (e) => {
+    if (!s) {
+      n({ value: e });
+      return;
+    }
+    const t = Array.isArray(r.value) ? r.value : [], i = t.includes(e) ? t.filter((f) => f !== e) : [...t, e];
+    n({ value: i });
+  }, $ = (e) => {
+    if (!s) return;
+    const t = Array.isArray(r.value) ? r.value : [];
+    n({ value: t.filter((i) => i !== e) });
+  };
+  return /* @__PURE__ */ u("div", { className: "flex items-start gap-2 group", children: [
+    /* @__PURE__ */ l("div", { className: "flex items-center h-9 px-2 text-sm text-muted-foreground", children: x === 0 ? "Onde" : "E" }),
+    /* @__PURE__ */ u("div", { className: "flex-1 flex items-center gap-2 flex-wrap p-2 border rounded-lg bg-background", children: [
+      /* @__PURE__ */ u(y, { children: [
+        /* @__PURE__ */ l(w, { asChild: !0, children: /* @__PURE__ */ l(
+          v,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 font-normal hover:bg-muted",
+            children: (a == null ? void 0 : a.label) || "Selecionar campo"
+          }
+        ) }),
+        /* @__PURE__ */ l(S, { className: "w-[200px] p-2", align: "start", children: /* @__PURE__ */ l("div", { className: "space-y-1", children: d.map((e) => /* @__PURE__ */ l(
+          v,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: b(
+              "w-full justify-start",
+              r.field === e.value && "bg-muted"
+            ),
+            onClick: () => n({
+              field: e.value,
+              value: e.multiSelect ? [] : ""
+            }),
+            children: e.label
+          },
+          e.value
+        )) }) })
+      ] }),
+      /* @__PURE__ */ u(y, { children: [
+        /* @__PURE__ */ l(w, { asChild: !0, children: /* @__PURE__ */ l(
+          v,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: "h-7 px-2 font-normal hover:bg-muted text-muted-foreground",
+            children: (h == null ? void 0 : h.label) || "is"
+          }
+        ) }),
+        /* @__PURE__ */ l(S, { className: "w-[200px] p-2", align: "start", children: /* @__PURE__ */ l("div", { className: "space-y-1", children: T.map((e) => /* @__PURE__ */ l(
+          v,
+          {
+            variant: "ghost",
+            size: "sm",
+            className: b(
+              "w-full justify-start",
+              r.operator === e.value && "bg-muted"
+            ),
+            onClick: () => n({
+              operator: e.value,
+              value: e.multiSelect ? [] : ""
+            }),
+            children: e.label
+          },
+          e.value
+        )) }) })
+      ] }),
+      m && /* @__PURE__ */ u(H, { children: [
+        a != null && a.options || a != null && a.groups ? (
+          // Select field with options
+          /* @__PURE__ */ u(y, { onOpenChange: (e) => !e && A(""), children: [
+            /* @__PURE__ */ l(w, { asChild: !0, children: /* @__PURE__ */ l(
+              v,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 px-2 font-normal hover:bg-muted",
+                children: s && g.length > 0 ? /* @__PURE__ */ u("span", { className: "flex items-center gap-1", children: [
+                  g.length,
+                  " selecionado",
+                  g.length > 1 ? "s" : ""
+                ] }) : !s && r.value && ((q = p.find((e) => e.value === r.value)) == null ? void 0 : q.label) || "Selecionar valor"
+              }
+            ) }),
+            /* @__PURE__ */ l(
+              S,
+              {
+                className: "w-80 max-w-[calc(100vw-2rem)] p-3",
+                align: "start",
+                collisionPadding: 8,
+                children: /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ l(L, { className: "text-xs text-muted-foreground", children: s ? "Selecionar valores" : "Selecionar valor" }),
+                  /* @__PURE__ */ u("div", { className: "relative", children: [
+                    /* @__PURE__ */ l(B, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+                    /* @__PURE__ */ l(
+                      R,
+                      {
+                        type: "text",
+                        placeholder: "Buscar...",
+                        value: c,
+                        onChange: (e) => A(e.target.value),
+                        className: "h-9 pl-8",
+                        autoFocus: !0
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ l("div", { className: "space-y-2 max-h-[320px] overflow-y-auto overflow-x-hidden", children: z.length === 0 ? /* @__PURE__ */ l("div", { className: "text-sm text-muted-foreground text-center py-4", children: "Nenhum resultado encontrado" }) : z.map((e) => {
+                    if (e.isHeader && !e.selecionavel)
+                      return /* @__PURE__ */ l(
+                        "div",
+                        {
+                          title: e.label,
+                          className: "truncate pt-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground",
+                          children: e.label
+                        },
+                        e.value
+                      );
+                    const t = s ? g.includes(e.value) : r.value === e.value;
+                    return /* @__PURE__ */ l(
+                      "div",
+                      {
+                        className: b(
+                          "flex min-w-0 items-center space-x-2",
+                          e.isFilho && "pl-4"
+                        ),
+                        children: s ? /* @__PURE__ */ u(H, { children: [
+                          /* @__PURE__ */ l(
+                            M,
+                            {
+                              id: `${r.id}-${e.value}`,
+                              checked: t,
+                              onCheckedChange: () => V(e.value)
+                            }
+                          ),
+                          /* @__PURE__ */ l(
+                            "label",
+                            {
+                              htmlFor: `${r.id}-${e.value}`,
+                              title: e.label,
+                              className: b(
+                                "min-w-0 flex-1 cursor-pointer truncate text-sm",
+                                e.isHeader && "font-semibold uppercase tracking-wide"
+                              ),
+                              children: e.label
+                            }
+                          )
+                        ] }) : /* @__PURE__ */ l(
+                          v,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            title: e.label,
+                            className: b(
+                              "w-full min-w-0 justify-start",
+                              e.isHeader && "font-semibold uppercase tracking-wide",
+                              t && "bg-muted"
+                            ),
+                            onClick: () => n({ value: e.value }),
+                            children: /* @__PURE__ */ l("span", { className: "truncate", children: e.label })
+                          }
+                        )
+                      },
+                      e.value
+                    );
+                  }) })
+                ] })
+              }
+            )
+          ] })
+        ) : (a == null ? void 0 : a.type) === "date" ? (
+          // Date picker
+          /* @__PURE__ */ l(
+            D,
+            {
+              value: r.value ? /* @__PURE__ */ new Date(r.value + "T00:00:00") : void 0,
+              onChange: (e) => {
+                if (e) {
+                  const t = e.toISOString().split("T")[0];
+                  n({ value: t });
+                } else
+                  n({ value: "" });
+              },
+              placeholder: "Selecionar data",
+              className: "h-7 text-sm"
+            }
+          )
+        ) : (
+          // Text/Number input
+          /* @__PURE__ */ u(y, { children: [
+            /* @__PURE__ */ l(w, { asChild: !0, children: /* @__PURE__ */ l(
+              v,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: "h-7 px-2 font-normal hover:bg-muted max-w-[200px] truncate",
+                children: r.value || "Inserir valor"
+              }
+            ) }),
+            /* @__PURE__ */ l(S, { className: "w-[240px] p-3", align: "start", children: /* @__PURE__ */ u("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ l(L, { className: "text-xs text-muted-foreground", children: "Inserir valor" }),
+              /* @__PURE__ */ l(
+                R,
+                {
+                  type: (a == null ? void 0 : a.type) === "number" ? "number" : "text",
+                  value: Array.isArray(r.value) ? "" : r.value,
+                  onChange: (e) => n({ value: e.target.value }),
+                  placeholder: "Digite o valor...",
+                  autoFocus: !0
+                }
+              )
+            ] }) })
+          ] })
+        ),
+        s && g.length > 0 && /* @__PURE__ */ l("div", { className: "flex items-center gap-1 flex-wrap", children: g.map((e) => {
+          var i;
+          const t = ((i = p.find((f) => f.value === e)) == null ? void 0 : i.label) || e;
+          return /* @__PURE__ */ u(
+            I,
+            {
+              variant: "secondary",
+              className: "gap-1 h-6 text-xs",
+              children: [
+                t,
+                /* @__PURE__ */ l(
+                  "button",
+                  {
+                    type: "button",
+                    onClick: () => $(e),
+                    className: "ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors",
+                    "aria-label": `Remover ${t}`,
+                    children: /* @__PURE__ */ l(P, { className: "h-3 w-3" })
+                  }
+                )
+              ]
+            },
+            e
+          );
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ l(
+      v,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        onClick: _,
+        className: "h-9 w-9 p-0 opacity-0 group-hover:opacity-100 transition-opacity",
+        "aria-label": "Remover condição",
+        children: /* @__PURE__ */ l(P, { className: "h-4 w-4" })
+      }
+    )
+  ] });
+}
+export {
+  ee as FilterBuilder
+};
+//# sourceMappingURL=filter-builder.js.map

package/dist/components/ui/data/filter-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-builder.js","sources":["../../../../src/components/ui/data/filter-builder.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn } from \"../utils\";\nimport { Button } from \"../primitives/button\";\nimport { Plus, X, Search } from \"lucide-react\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlays/popover\";\nimport { Badge } from \"../primitives/badge\";\nimport { Input } from \"../forms/input\";\nimport { Checkbox } from \"../forms/checkbox\";\nimport { Label } from \"../primitives/label\";\nimport { DatePicker } from \"../forms/date-picker\";\n\nexport interface FilterCondition {\n  id: string;\n  field: string;\n  operator: string;\n  value: string | string[]; // Suporta multi-seleção\n}\n\n/** Item já achatado da lista de valores, com a marcação de hierarquia preservada */\ninterface ListItem {\n  value: string;\n  label: string;\n  isHeader: boolean;\n  selecionavel: boolean;\n  isFilho?: boolean;\n}\n\nexport interface FilterOptionGroup {\n  label: string;\n  /** Quando presente, o cabeçalho do grupo também é selecionável */\n  value?: string;\n  options: { value: string; label: string }[];\n}\n\nexport interface FilterField {\n  value: string;\n  label: string;\n  type?: \"text\" | \"number\" | \"select\" | \"date\";\n  options?: { value: string; label: string }[]; // Para campos select\n  /**\n   * Opções agrupadas hierarquicamente — mesma forma usada por Combobox e MultiSelect.\n   * Use `options` OU `groups`. O cabeçalho só é selecionável quando tem `value`.\n   */\n  groups?: FilterOptionGroup[];\n  multiSelect?: boolean; // Habilitar multi-seleção para este campo\n}\n\nexport interface FilterBuilderProps {\n  conditions: FilterCondition[];\n  onConditionsChange: (conditions: FilterCondition[]) => void;\n  fields: FilterField[];\n  className?: string;\n}\n\n// Definições de operadores com suporte a multi-seleção\nconst OPERATORS = [\n  { value: \"is\", label: \"é\", multiSelect: false },\n  { value: \"is_not\", label: \"não é\", multiSelect: false },\n  { value: \"is_any_of\", label: \"é qualquer um de\", multiSelect: true },\n  { value: \"is_none_of\", label: \"não é nenhum de\", multiSelect: true },\n  { value: \"contains\", label: \"contém\", multiSelect: false },\n  { value: \"does_not_contain\", label: \"não contém\", multiSelect: false },\n  { value: \"greater_than\", label: \"maior que\", multiSelect: false },\n  { value: \"greater_than_or_equal\", label: \"maior ou igual a\", multiSelect: false },\n  { value: \"less_than\", label: \"menor que\", multiSelect: false },\n  { value: \"less_than_or_equal\", label: \"menor ou igual a\", multiSelect: false },\n  { value: \"is_empty\", label: \"está vazio\", multiSelect: false },\n  { value: \"is_not_empty\", label: \"não está vazio\", multiSelect: false },\n];\n\nexport function FilterBuilder({\n  conditions,\n  onConditionsChange,\n  fields,\n  className,\n}: FilterBuilderProps) {\n  const addCondition = () => {\n    const newCondition: FilterCondition = {\n      id: Math.random().toString(36).substr(2, 9),\n      field: fields[0]?.value || \"\",\n      operator: \"is\",\n      value: \"\",\n    };\n    onConditionsChange([...conditions, newCondition]);\n  };\n\n  const removeCondition = (id: string) => {\n    onConditionsChange(conditions.filter((c) => c.id !== id));\n  };\n\n  const updateCondition = (id: string, updates: Partial<FilterCondition>) => {\n    onConditionsChange(\n      conditions.map((c) => (c.id === id ? { ...c, ...updates } : c))\n    );\n  };\n\n  return (\n    <div className={cn(\"space-y-3\", className)}>\n      {/* Conditions */}\n      {conditions.length === 0 ? (\n        <div className=\"text-center py-8 text-muted-foreground text-sm\">\n          Nenhuma condição de filtro. Clique em \"Adicionar condição\" para começar.\n        </div>\n      ) : (\n        conditions.map((condition, index) => (\n          <ConditionRow\n            key={condition.id}\n            condition={condition}\n            fields={fields}\n            index={index}\n            onUpdate={(updates) => updateCondition(condition.id, updates)}\n            onRemove={() => removeCondition(condition.id)}\n          />\n        ))\n      )}\n\n      {/* Add Condition Button */}\n      <Button\n        type=\"button\"\n        variant=\"outline\"\n        size=\"sm\"\n        onClick={addCondition}\n        className=\"gap-2\"\n      >\n        <Plus className=\"h-4 w-4\" />\n        Adicionar condição\n      </Button>\n    </div>\n  );\n}\n\ninterface ConditionRowProps {\n  condition: FilterCondition;\n  fields: FilterField[];\n  index: number;\n  onUpdate: (updates: Partial<FilterCondition>) => void;\n  onRemove: () => void;\n}\n\nfunction ConditionRow({\n  condition,\n  fields,\n  index,\n  onUpdate,\n  onRemove,\n}: ConditionRowProps) {\n  const selectedField = fields.find((f) => f.value === condition.field);\n  const selectedOperator = OPERATORS.find((op) => op.value === condition.operator);\n  \n  // Multi-select enabled if field has multiSelect: true OR operator requires it\n  const isMultiSelect = selectedField?.multiSelect || selectedOperator?.multiSelect || false;\n  const needsValue = ![\"is_empty\", \"is_not_empty\"].includes(condition.operator);\n\n  // Search state for filtering options\n  const [searchTerm, setSearchTerm] = React.useState(\"\");\n\n  // Lista achatada com metadados de hierarquia — unifica `options` e `groups` num único\n  // fluxo de renderização, preservando a marcação de cabeçalho e de filho.\n  const itensLista = React.useMemo<ListItem[]>(() => {\n    if (selectedField?.groups) {\n      return selectedField.groups.flatMap((group) => [\n        {\n          value: group.value ?? `__label__${group.label}`,\n          label: group.label,\n          isHeader: true,\n          selecionavel: Boolean(group.value),\n        },\n        ...group.options.map((o) => ({\n          value: o.value,\n          label: o.label,\n          isHeader: false,\n          selecionavel: true,\n          isFilho: true,\n        })),\n      ]);\n    }\n    return (selectedField?.options ?? []).map((o) => ({\n      value: o.value,\n      label: o.label,\n      isHeader: false,\n      selecionavel: true,\n    }));\n  }, [selectedField?.options, selectedField?.groups]);\n\n  // Busca preservando a hierarquia: casar o cabeçalho mantém todos os seus filhos;\n  // casar um filho mantém o cabeçalho como contexto.\n  const itensFiltrados = React.useMemo(() => {\n    if (!searchTerm) return itensLista;\n\n    const termo = searchTerm.toLowerCase();\n    const casa = (i: ListItem) =>\n      i.label.toLowerCase().includes(termo) || i.value.toLowerCase().includes(termo);\n\n    if (!selectedField?.groups) return itensLista.filter(casa);\n\n    const resultado: ListItem[] = [];\n    let header: ListItem | null = null;\n    let headerCasou = false;\n    let headerIncluido = false;\n\n    for (const item of itensLista) {\n      if (item.isHeader) {\n        header = item;\n        headerCasou = casa(item);\n        headerIncluido = false;\n        if (headerCasou) {\n          resultado.push(item);\n          headerIncluido = true;\n        }\n        continue;\n      }\n      if (headerCasou || casa(item)) {\n        if (!headerIncluido && header) {\n          resultado.push(header);\n          headerIncluido = true;\n        }\n        resultado.push(item);\n      }\n    }\n    return resultado;\n  }, [itensLista, searchTerm, selectedField?.groups]);\n\n  // Convert value to array for multi-select\n  const valueAsArray = Array.isArray(condition.value)\n    ? condition.value\n    : condition.value\n    ? [condition.value]\n    : [];\n\n  const toggleValue = (val: string) => {\n    if (!isMultiSelect) {\n      onUpdate({ value: val });\n      return;\n    }\n\n    const currentValues = Array.isArray(condition.value) ? condition.value : [];\n    const newValues = currentValues.includes(val)\n      ? currentValues.filter((v) => v !== val)\n      : [...currentValues, val];\n    onUpdate({ value: newValues });\n  };\n\n  const removeValue = (val: string) => {\n    if (!isMultiSelect) return;\n    const currentValues = Array.isArray(condition.value) ? condition.value : [];\n    onUpdate({ value: currentValues.filter((v) => v !== val) });\n  };\n\n  return (\n    <div className=\"flex items-start gap-2 group\">\n      {/* Index */}\n      <div className=\"flex items-center h-9 px-2 text-sm text-muted-foreground\">\n        {index === 0 ? \"Onde\" : \"E\"}\n      </div>\n\n      {/* Condition Display */}\n      <div className=\"flex-1 flex items-center gap-2 flex-wrap p-2 border rounded-lg bg-background\">\n        {/* Field Selector */}\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-7 px-2 font-normal hover:bg-muted\"\n            >\n              {selectedField?.label || \"Selecionar campo\"}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-[200px] p-2\" align=\"start\">\n            <div className=\"space-y-1\">\n              {fields.map((field) => (\n                <Button\n                  key={field.value}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={cn(\n                    \"w-full justify-start\",\n                    condition.field === field.value && \"bg-muted\"\n                  )}\n                  onClick={() => \n                    onUpdate({ \n                      field: field.value, \n                      value: field.multiSelect ? [] : \"\" \n                    })\n                  }\n                >\n                  {field.label}\n                </Button>\n              ))}\n            </div>\n          </PopoverContent>\n        </Popover>\n\n        {/* Operator Selector */}\n        <Popover>\n          <PopoverTrigger asChild>\n            <Button\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"h-7 px-2 font-normal hover:bg-muted text-muted-foreground\"\n            >\n              {selectedOperator?.label || \"is\"}\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-[200px] p-2\" align=\"start\">\n            <div className=\"space-y-1\">\n              {OPERATORS.map((op) => (\n                <Button\n                  key={op.value}\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className={cn(\n                    \"w-full justify-start\",\n                    condition.operator === op.value && \"bg-muted\"\n                  )}\n                  onClick={() =>\n                    onUpdate({\n                      operator: op.value,\n                      value: op.multiSelect ? [] : \"\",\n                    })\n                  }\n                >\n                  {op.label}\n                </Button>\n              ))}\n            </div>\n          </PopoverContent>\n        </Popover>\n\n        {/* Value Selector/Input */}\n        {needsValue && (\n          <>\n            {selectedField?.options || selectedField?.groups ? (\n              // Select field with options\n              <Popover onOpenChange={(open) => !open && setSearchTerm(\"\")}>\n                <PopoverTrigger asChild>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-7 px-2 font-normal hover:bg-muted\"\n                  >\n                    {isMultiSelect && valueAsArray.length > 0 ? (\n                      <span className=\"flex items-center gap-1\">\n                        {valueAsArray.length} selecionado{valueAsArray.length > 1 ? 's' : ''}\n                      </span>\n                    ) : !isMultiSelect && condition.value ? (\n                      itensLista.find((opt) => opt.value === condition.value)?.label ||\n                      \"Selecionar valor\"\n                    ) : (\n                      \"Selecionar valor\"\n                    )}\n                  </Button>\n                </PopoverTrigger>\n                <PopoverContent\n                  className=\"w-80 max-w-[calc(100vw-2rem)] p-3\"\n                  align=\"start\"\n                  collisionPadding={8}\n                >\n                  <div className=\"space-y-2\">\n                    <Label className=\"text-xs text-muted-foreground\">\n                      {isMultiSelect ? \"Selecionar valores\" : \"Selecionar valor\"}\n                    </Label>\n                    \n                    {/* Search Input */}\n                    <div className=\"relative\">\n                      <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n                      <Input\n                        type=\"text\"\n                        placeholder=\"Buscar...\"\n                        value={searchTerm}\n                        onChange={(e) => setSearchTerm(e.target.value)}\n                        className=\"h-9 pl-8\"\n                        autoFocus\n                      />\n                    </div>\n                    \n                    {/* Filtered Options */}\n                    <div className=\"space-y-2 max-h-[320px] overflow-y-auto overflow-x-hidden\">\n                      {(() => {\n                        if (itensFiltrados.length === 0) {\n                          return (\n                            <div className=\"text-sm text-muted-foreground text-center py-4\">\n                              Nenhum resultado encontrado\n                            </div>\n                          );\n                        }\n\n                        return itensFiltrados.map((option) => {\n                          // Cabeçalho de grupo sem `value` — apenas rótulo visual\n                          if (option.isHeader && !option.selecionavel) {\n                            return (\n                              <div\n                                key={option.value}\n                                title={option.label}\n                                className=\"truncate pt-1 text-xs font-semibold uppercase tracking-wide text-muted-foreground\"\n                              >\n                                {option.label}\n                              </div>\n                            );\n                          }\n\n                          const isSelected = isMultiSelect\n                            ? valueAsArray.includes(option.value)\n                            : condition.value === option.value;\n\n                          return (\n                            <div\n                              key={option.value}\n                              className={cn(\n                                \"flex min-w-0 items-center space-x-2\",\n                                option.isFilho && \"pl-4\"\n                              )}\n                            >\n                              {isMultiSelect ? (\n                                <>\n                                  <Checkbox\n                                    id={`${condition.id}-${option.value}`}\n                                    checked={isSelected}\n                                    onCheckedChange={() =>\n                                      toggleValue(option.value)\n                                    }\n                                  />\n                                  <label\n                                    htmlFor={`${condition.id}-${option.value}`}\n                                    title={option.label}\n                                    className={cn(\n                                      \"min-w-0 flex-1 cursor-pointer truncate text-sm\",\n                                      option.isHeader && \"font-semibold uppercase tracking-wide\"\n                                    )}\n                                  >\n                                    {option.label}\n                                  </label>\n                                </>\n                              ) : (\n                                <Button\n                                  variant=\"ghost\"\n                                  size=\"sm\"\n                                  title={option.label}\n                                  className={cn(\n                                    \"w-full min-w-0 justify-start\",\n                                    option.isHeader && \"font-semibold uppercase tracking-wide\",\n                                    isSelected && \"bg-muted\"\n                                  )}\n                                  onClick={() => onUpdate({ value: option.value })}\n                                >\n                                  <span className=\"truncate\">{option.label}</span>\n                                </Button>\n                              )}\n                            </div>\n                          );\n                        });\n                      })()}\n                    </div>\n                  </div>\n                </PopoverContent>\n              </Popover>\n            ) : selectedField?.type === \"date\" ? (\n              // Date picker\n              <DatePicker\n                value={condition.value ? new Date(condition.value + 'T00:00:00') : undefined}\n                onChange={(date) => {\n                  if (date) {\n                    // Formato ISO (YYYY-MM-DD)\n                    const isoDate = date.toISOString().split('T')[0];\n                    onUpdate({ value: isoDate });\n                  } else {\n                    onUpdate({ value: '' });\n                  }\n                }}\n                placeholder=\"Selecionar data\"\n                className=\"h-7 text-sm\"\n              />\n            ) : (\n              // Text/Number input\n              <Popover>\n                <PopoverTrigger asChild>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"sm\"\n                    className=\"h-7 px-2 font-normal hover:bg-muted max-w-[200px] truncate\"\n                  >\n                    {condition.value || \"Inserir valor\"}\n                  </Button>\n                </PopoverTrigger>\n                <PopoverContent className=\"w-[240px] p-3\" align=\"start\">\n                  <div className=\"space-y-2\">\n                    <Label className=\"text-xs text-muted-foreground\">\n                      Inserir valor\n                    </Label>\n                    <Input\n                      type={selectedField?.type === \"number\" ? \"number\" : \"text\"}\n                      value={\n                        Array.isArray(condition.value) ? \"\" : condition.value\n                      }\n                      onChange={(e) => onUpdate({ value: e.target.value })}\n                      placeholder=\"Digite o valor...\"\n                      autoFocus\n                    />\n                  </div>\n                </PopoverContent>\n              </Popover>\n            )}\n\n            {/* Multi-select chips */}\n            {isMultiSelect && valueAsArray.length > 0 && (\n              <div className=\"flex items-center gap-1 flex-wrap\">\n                {valueAsArray.map((val) => {\n                  // itensLista ja cobre `options` e `groups` (inclusive o cabecalho\n                  // selecionavel do grupo). Buscar so em `options` fazia o badge de um campo\n                  // hierarquico exibir o value cru — \"g-2\" no lugar do nome do grupo.\n                  const optionLabel =\n                    itensLista.find((item) => item.value === val)?.label || val;\n                  return (\n                    <Badge\n                      key={val}\n                      variant=\"secondary\"\n                      className=\"gap-1 h-6 text-xs\"\n                    >\n                      {optionLabel}\n                      <button\n                        type=\"button\"\n                        onClick={() => removeValue(val)}\n                        className=\"ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors\"\n                        aria-label={`Remover ${optionLabel}`}\n                      >\n                        <X className=\"h-3 w-3\" />\n                      </button>\n                    </Badge>\n                  );\n                })}\n              </div>\n            )}\n          </>\n        )}\n      </div>\n\n      {/* Remove Button */}\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={onRemove}\n        className=\"h-9 w-9 p-0 opacity-0 group-hover:opacity-100 transition-opacity\"\n        aria-label=\"Remover condição\"\n      >\n        <X className=\"h-4 w-4\" />\n      </Button>\n    </div>\n  );\n}"],"names":["OPERATORS","FilterBuilder","conditions","onConditionsChange","fields","className","addCondition","newCondition","_a","removeCondition","id","c","updateCondition","updates","cn","jsx","condition","index","ConditionRow","jsxs","Button","Plus","onUpdate","onRemove","selectedField","f","selectedOperator","op","isMultiSelect","needsValue","searchTerm","setSearchTerm","React","itensLista","group","o","itensFiltrados","termo","casa","i","resultado","header","headerCasou","headerIncluido","item","valueAsArray","toggleValue","val","currentValues","newValues","v","removeValue","Popover","PopoverTrigger","PopoverContent","field","Fragment","open","opt","Label","Search","Input","option","isSelected","Checkbox","DatePicker","date","isoDate","optionLabel","Badge","X"],"mappings":"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"}

package/dist/components/ui/data/filter-chip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),i=require("react"),l=require("lucide-react"),o=require("../utils.cjs"),u=require("../primitives/badge.cjs");function d(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const p=d(i),a=p.forwardRef(({label:e,value:s,onRemove:t,className:n},c)=>r.jsxs(u.Badge,{ref:c,variant:"secondary",className:o.cn("gap-1 pr-1 pl-2 h-7",t&&"pr-1",n),children:[r.jsxs("span",{className:"text-sm",children:[e,s&&r.jsxs(r.Fragment,{children:[": ",r.jsx("span",{className:"font-semibold",children:s})]})]}),t&&r.jsx("button",{type:"button",onClick:t,className:"ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors","aria-label":`Remover filtro ${e}`,children:r.jsx(l.X,{className:"h-3 w-3"})})]}));a.displayName="FilterChip";exports.FilterChip=a;
+//# sourceMappingURL=filter-chip.cjs.map

package/dist/components/ui/data/filter-chip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chip.cjs","sources":["../../../../src/components/ui/data/filter-chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../utils\";\nimport { Badge } from \"../primitives/badge\";\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n}\n\nexport const FilterChip = React.forwardRef<HTMLSpanElement, FilterChipProps>(\n  ({ label, value, onRemove, className }, ref) => (\n    <Badge\n      ref={ref}\n      variant=\"secondary\"\n      className={cn(\"gap-1 pr-1 pl-2 h-7\", onRemove && \"pr-1\", className)}\n    >\n      <span className=\"text-sm\">\n        {label}\n        {value && (\n          <>\n            : <span className=\"font-semibold\">{value}</span>\n          </>\n        )}\n      </span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          className=\"ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors\"\n          aria-label={`Remover filtro ${label}`}\n        >\n          <X className=\"h-3 w-3\" />\n        </button>\n      )}\n    </Badge>\n  ),\n);\nFilterChip.displayName = \"FilterChip\";\n"],"names":["FilterChip","React","label","value","onRemove","className","ref","jsxs","Badge","cn","Fragment","jsx","X"],"mappings":"2fAYaA,EAAaC,EAAM,WAC9B,CAAC,CAAE,MAAAC,EAAO,MAAAC,EAAO,SAAAC,EAAU,UAAAC,CAAA,EAAaC,IACtCC,EAAAA,KAACC,EAAAA,MAAA,CACC,IAAAF,EACA,QAAQ,YACR,UAAWG,EAAAA,GAAG,sBAAuBL,GAAY,OAAQC,CAAS,EAElE,SAAA,CAAAE,EAAAA,KAAC,OAAA,CAAK,UAAU,UACb,SAAA,CAAAL,EACAC,GACCI,EAAAA,KAAAG,WAAA,CAAE,SAAA,CAAA,KACEC,EAAAA,IAAC,OAAA,CAAK,UAAU,gBAAiB,SAAAR,CAAA,CAAM,CAAA,CAAA,CAC3C,CAAA,EAEJ,EACCC,GACCO,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,QAASP,EACT,UAAU,yDACV,aAAY,kBAAkBF,CAAK,GAEnC,SAAAS,EAAAA,IAACC,EAAAA,EAAA,CAAE,UAAU,SAAA,CAAU,CAAA,CAAA,CACzB,CAAA,CAAA,CAIR,EACAZ,EAAW,YAAc"}

package/dist/components/ui/data/filter-chip.js

@@ -0,0 +1,39 @@
+import { jsxs as a, Fragment as m, jsx as s } from "react/jsx-runtime";
+import * as l from "react";
+import { X as n } from "lucide-react";
+import { cn as p } from "../utils.js";
+import { Badge as c } from "../primitives/badge.js";
+const d = l.forwardRef(
+  ({ label: t, value: e, onRemove: r, className: i }, o) => /* @__PURE__ */ a(
+    c,
+    {
+      ref: o,
+      variant: "secondary",
+      className: p("gap-1 pr-1 pl-2 h-7", r && "pr-1", i),
+      children: [
+        /* @__PURE__ */ a("span", { className: "text-sm", children: [
+          t,
+          e && /* @__PURE__ */ a(m, { children: [
+            ": ",
+            /* @__PURE__ */ s("span", { className: "font-semibold", children: e })
+          ] })
+        ] }),
+        r && /* @__PURE__ */ s(
+          "button",
+          {
+            type: "button",
+            onClick: r,
+            className: "ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors",
+            "aria-label": `Remover filtro ${t}`,
+            children: /* @__PURE__ */ s(n, { className: "h-3 w-3" })
+          }
+        )
+      ]
+    }
+  )
+);
+d.displayName = "FilterChip";
+export {
+  d as FilterChip
+};
+//# sourceMappingURL=filter-chip.js.map

package/dist/components/ui/data/filter-chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-chip.js","sources":["../../../../src/components/ui/data/filter-chip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { X } from \"lucide-react\";\nimport { cn } from \"../utils\";\nimport { Badge } from \"../primitives/badge\";\n\nexport interface FilterChipProps {\n  label: string;\n  value?: string;\n  onRemove?: () => void;\n  className?: string;\n}\n\nexport const FilterChip = React.forwardRef<HTMLSpanElement, FilterChipProps>(\n  ({ label, value, onRemove, className }, ref) => (\n    <Badge\n      ref={ref}\n      variant=\"secondary\"\n      className={cn(\"gap-1 pr-1 pl-2 h-7\", onRemove && \"pr-1\", className)}\n    >\n      <span className=\"text-sm\">\n        {label}\n        {value && (\n          <>\n            : <span className=\"font-semibold\">{value}</span>\n          </>\n        )}\n      </span>\n      {onRemove && (\n        <button\n          type=\"button\"\n          onClick={onRemove}\n          className=\"ml-1 rounded-sm hover:bg-muted p-0.5 transition-colors\"\n          aria-label={`Remover filtro ${label}`}\n        >\n          <X className=\"h-3 w-3\" />\n        </button>\n      )}\n    </Badge>\n  ),\n);\nFilterChip.displayName = \"FilterChip\";\n"],"names":["FilterChip","React","label","value","onRemove","className","ref","jsxs","Badge","cn","Fragment","jsx","X"],"mappings":";;;;;AAYO,MAAMA,IAAaC,EAAM;AAAA,EAC9B,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,UAAAC,GAAU,WAAAC,EAAA,GAAaC,MACtC,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAF;AAAA,MACA,SAAQ;AAAA,MACR,WAAWG,EAAG,uBAAuBL,KAAY,QAAQC,CAAS;AAAA,MAElE,UAAA;AAAA,QAAA,gBAAAE,EAAC,QAAA,EAAK,WAAU,WACb,UAAA;AAAA,UAAAL;AAAA,UACAC,KACC,gBAAAI,EAAAG,GAAA,EAAE,UAAA;AAAA,YAAA;AAAA,YACE,gBAAAC,EAAC,QAAA,EAAK,WAAU,iBAAiB,UAAAR,EAAA,CAAM;AAAA,UAAA,EAAA,CAC3C;AAAA,QAAA,GAEJ;AAAA,QACCC,KACC,gBAAAO;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASP;AAAA,YACT,WAAU;AAAA,YACV,cAAY,kBAAkBF,CAAK;AAAA,YAEnC,UAAA,gBAAAS,EAACC,GAAA,EAAE,WAAU,UAAA,CAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACzB;AAAA,IAAA;AAAA,EAAA;AAIR;AACAZ,EAAW,cAAc;"}

package/dist/components/ui/data/mention-list.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),i=require("../primitives/avatar.cjs"),f=require("../utils.cjs"),c=a.forwardRef((n,d)=>{const[s,o]=a.useState(0),l=e=>{const r=n.items[e];r&&n.command({id:r.id,label:r.name})},u=()=>{o((s+n.items.length-1)%n.items.length)},m=()=>{o((s+1)%n.items.length)},x=()=>{l(s)};return a.useEffect(()=>{o(0)},[n.items]),a.useImperativeHandle(d,()=>({onKeyDown:({event:e})=>e.key==="ArrowUp"?(u(),!0):e.key==="ArrowDown"?(m(),!0):e.key==="Enter"?(x(),!0):!1})),t.jsx("div",{className:"bg-popover text-popover-foreground border rounded-md shadow-md overflow-hidden p-1 min-w-[200px]",children:n.items.length?n.items.map((e,r)=>t.jsxs("button",{className:f.cn("w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded-sm select-none outline-none cursor-pointer transition-colors",r===s?"bg-accent text-accent-foreground":"hover:bg-muted"),onClick:()=>l(r),children:[t.jsxs(i.Avatar,{className:"h-6 w-6",children:[t.jsx(i.AvatarImage,{src:e.avatar}),t.jsx(i.AvatarFallback,{children:e.name.substring(0,2).toUpperCase()})]}),t.jsxs("div",{className:"flex flex-col items-start",children:[t.jsx("span",{className:"font-medium text-xs",children:e.name}),e.role&&t.jsx("span",{className:"text-[10px] text-muted-foreground capitalize",children:e.role})]})]},e.id)):t.jsx("div",{className:"px-2 py-1.5 text-sm text-muted-foreground",children:"Nenhum usuário encontrado"})})});c.displayName="MentionList";exports.MentionList=c;
+//# sourceMappingURL=mention-list.cjs.map

package/dist/components/ui/data/mention-list.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-list.cjs","sources":["../../../../src/components/ui/data/mention-list.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport { Avatar, AvatarFallback, AvatarImage } from '../primitives/avatar';\nimport { cn } from '../utils';\n\n/** Item mencionável exibido na lista (subconjunto de CommentUser usado pela UI). */\nexport interface MentionListItem {\n  id: string | number;\n  name: string;\n  avatar?: string;\n  role?: string;\n}\n\nexport interface MentionListProps {\n  items: MentionListItem[];\n  command: (props: { id: string | number; label: string }) => void;\n}\n\nexport const MentionList = forwardRef((props: MentionListProps, ref) => {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const selectItem = (index: number) => {\n    const item = props.items[index];\n    if (item) {\n      props.command({ id: item.id, label: item.name });\n    }\n  };\n\n  const upHandler = () => {\n    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length);\n  };\n\n  const downHandler = () => {\n    setSelectedIndex((selectedIndex + 1) % props.items.length);\n  };\n\n  const enterHandler = () => {\n    selectItem(selectedIndex);\n  };\n\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [props.items]);\n\n  useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: KeyboardEvent }) => {\n      if (event.key === 'ArrowUp') {\n        upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter') {\n        enterHandler();\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  return (\n    <div className=\"bg-popover text-popover-foreground border rounded-md shadow-md overflow-hidden p-1 min-w-[200px]\">\n      {props.items.length ? (\n        props.items.map((item, index) => (\n          <button\n            key={item.id}\n            className={cn(\n              \"w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded-sm select-none outline-none cursor-pointer transition-colors\",\n              index === selectedIndex ? \"bg-accent text-accent-foreground\" : \"hover:bg-muted\"\n            )}\n            onClick={() => selectItem(index)}\n          >\n            <Avatar className=\"h-6 w-6\">\n              <AvatarImage src={item.avatar} />\n              <AvatarFallback>{item.name.substring(0, 2).toUpperCase()}</AvatarFallback>\n            </Avatar>\n            <div className=\"flex flex-col items-start\">\n                <span className=\"font-medium text-xs\">{item.name}</span>\n                {item.role && <span className=\"text-[10px] text-muted-foreground capitalize\">{item.role}</span>}\n            </div>\n          </button>\n        ))\n      ) : (\n        <div className=\"px-2 py-1.5 text-sm text-muted-foreground\">\n          Nenhum usuário encontrado\n        </div>\n      )}\n    </div>\n  );\n});\n\nMentionList.displayName = 'MentionList';\n"],"names":["MentionList","forwardRef","props","ref","selectedIndex","setSelectedIndex","useState","selectItem","index","item","upHandler","downHandler","enterHandler","useEffect","useImperativeHandle","event","jsx","jsxs","cn","Avatar","AvatarImage","AvatarFallback"],"mappings":"wMAiBaA,EAAcC,EAAAA,WAAW,CAACC,EAAyBC,IAAQ,CACtE,KAAM,CAACC,EAAeC,CAAgB,EAAIC,EAAAA,SAAS,CAAC,EAE9CC,EAAcC,GAAkB,CACpC,MAAMC,EAAOP,EAAM,MAAMM,CAAK,EAC1BC,GACFP,EAAM,QAAQ,CAAE,GAAIO,EAAK,GAAI,MAAOA,EAAK,KAAM,CAEnD,EAEMC,EAAY,IAAM,CACtBL,GAAkBD,EAAgBF,EAAM,MAAM,OAAS,GAAKA,EAAM,MAAM,MAAM,CAChF,EAEMS,EAAc,IAAM,CACxBN,GAAkBD,EAAgB,GAAKF,EAAM,MAAM,MAAM,CAC3D,EAEMU,EAAe,IAAM,CACzBL,EAAWH,CAAa,CAC1B,EAEAS,OAAAA,EAAAA,UAAU,IAAM,CACdR,EAAiB,CAAC,CACpB,EAAG,CAACH,EAAM,KAAK,CAAC,EAEhBY,EAAAA,oBAAoBX,EAAK,KAAO,CAC9B,UAAW,CAAC,CAAE,MAAAY,KACRA,EAAM,MAAQ,WAChBL,EAAA,EACO,IAGLK,EAAM,MAAQ,aAChBJ,EAAA,EACO,IAGLI,EAAM,MAAQ,SAChBH,EAAA,EACO,IAGF,EACT,EACA,EAGAI,EAAAA,IAAC,MAAA,CAAI,UAAU,mGACZ,SAAAd,EAAM,MAAM,OACXA,EAAM,MAAM,IAAI,CAACO,EAAMD,IACrBS,EAAAA,KAAC,SAAA,CAEC,UAAWC,EAAAA,GACT,0HACAV,IAAUJ,EAAgB,mCAAqC,gBAAA,EAEjE,QAAS,IAAMG,EAAWC,CAAK,EAE/B,SAAA,CAAAS,EAAAA,KAACE,EAAAA,OAAA,CAAO,UAAU,UAChB,SAAA,CAAAH,EAAAA,IAACI,EAAAA,YAAA,CAAY,IAAKX,EAAK,MAAA,CAAQ,EAC/BO,EAAAA,IAACK,EAAAA,gBAAgB,SAAAZ,EAAK,KAAK,UAAU,EAAG,CAAC,EAAE,aAAY,CAAE,CAAA,EAC3D,EACAQ,EAAAA,KAAC,MAAA,CAAI,UAAU,4BACX,SAAA,CAAAD,EAAAA,IAAC,OAAA,CAAK,UAAU,sBAAuB,SAAAP,EAAK,KAAK,EAChDA,EAAK,MAAQO,EAAAA,IAAC,QAAK,UAAU,+CAAgD,WAAK,IAAA,CAAK,CAAA,CAAA,CAC5F,CAAA,CAAA,EAdKP,EAAK,EAAA,CAgBb,EAEDO,EAAAA,IAAC,OAAI,UAAU,4CAA4C,qCAE3D,EAEJ,CAEJ,CAAC,EAEDhB,EAAY,YAAc"}

package/dist/components/ui/data/mention-list.js

@@ -0,0 +1,46 @@
+import { jsx as r, jsxs as s } from "react/jsx-runtime";
+import { forwardRef as u, useState as f, useEffect as x, useImperativeHandle as h } from "react";
+import { Avatar as g, AvatarImage as p, AvatarFallback as w } from "../primitives/avatar.js";
+import { cn as v } from "../utils.js";
+const N = u((t, d) => {
+  const [o, a] = f(0), l = (e) => {
+    const n = t.items[e];
+    n && t.command({ id: n.id, label: n.name });
+  }, i = () => {
+    a((o + t.items.length - 1) % t.items.length);
+  }, c = () => {
+    a((o + 1) % t.items.length);
+  }, m = () => {
+    l(o);
+  };
+  return x(() => {
+    a(0);
+  }, [t.items]), h(d, () => ({
+    onKeyDown: ({ event: e }) => e.key === "ArrowUp" ? (i(), !0) : e.key === "ArrowDown" ? (c(), !0) : e.key === "Enter" ? (m(), !0) : !1
+  })), /* @__PURE__ */ r("div", { className: "bg-popover text-popover-foreground border rounded-md shadow-md overflow-hidden p-1 min-w-[200px]", children: t.items.length ? t.items.map((e, n) => /* @__PURE__ */ s(
+    "button",
+    {
+      className: v(
+        "w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded-sm select-none outline-none cursor-pointer transition-colors",
+        n === o ? "bg-accent text-accent-foreground" : "hover:bg-muted"
+      ),
+      onClick: () => l(n),
+      children: [
+        /* @__PURE__ */ s(g, { className: "h-6 w-6", children: [
+          /* @__PURE__ */ r(p, { src: e.avatar }),
+          /* @__PURE__ */ r(w, { children: e.name.substring(0, 2).toUpperCase() })
+        ] }),
+        /* @__PURE__ */ s("div", { className: "flex flex-col items-start", children: [
+          /* @__PURE__ */ r("span", { className: "font-medium text-xs", children: e.name }),
+          e.role && /* @__PURE__ */ r("span", { className: "text-[10px] text-muted-foreground capitalize", children: e.role })
+        ] })
+      ]
+    },
+    e.id
+  )) : /* @__PURE__ */ r("div", { className: "px-2 py-1.5 text-sm text-muted-foreground", children: "Nenhum usuário encontrado" }) });
+});
+N.displayName = "MentionList";
+export {
+  N as MentionList
+};
+//# sourceMappingURL=mention-list.js.map

package/dist/components/ui/data/mention-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mention-list.js","sources":["../../../../src/components/ui/data/mention-list.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useState } from 'react';\nimport { Avatar, AvatarFallback, AvatarImage } from '../primitives/avatar';\nimport { cn } from '../utils';\n\n/** Item mencionável exibido na lista (subconjunto de CommentUser usado pela UI). */\nexport interface MentionListItem {\n  id: string | number;\n  name: string;\n  avatar?: string;\n  role?: string;\n}\n\nexport interface MentionListProps {\n  items: MentionListItem[];\n  command: (props: { id: string | number; label: string }) => void;\n}\n\nexport const MentionList = forwardRef((props: MentionListProps, ref) => {\n  const [selectedIndex, setSelectedIndex] = useState(0);\n\n  const selectItem = (index: number) => {\n    const item = props.items[index];\n    if (item) {\n      props.command({ id: item.id, label: item.name });\n    }\n  };\n\n  const upHandler = () => {\n    setSelectedIndex((selectedIndex + props.items.length - 1) % props.items.length);\n  };\n\n  const downHandler = () => {\n    setSelectedIndex((selectedIndex + 1) % props.items.length);\n  };\n\n  const enterHandler = () => {\n    selectItem(selectedIndex);\n  };\n\n  useEffect(() => {\n    setSelectedIndex(0);\n  }, [props.items]);\n\n  useImperativeHandle(ref, () => ({\n    onKeyDown: ({ event }: { event: KeyboardEvent }) => {\n      if (event.key === 'ArrowUp') {\n        upHandler();\n        return true;\n      }\n\n      if (event.key === 'ArrowDown') {\n        downHandler();\n        return true;\n      }\n\n      if (event.key === 'Enter') {\n        enterHandler();\n        return true;\n      }\n\n      return false;\n    },\n  }));\n\n  return (\n    <div className=\"bg-popover text-popover-foreground border rounded-md shadow-md overflow-hidden p-1 min-w-[200px]\">\n      {props.items.length ? (\n        props.items.map((item, index) => (\n          <button\n            key={item.id}\n            className={cn(\n              \"w-full flex items-center gap-2 px-2 py-1.5 text-sm rounded-sm select-none outline-none cursor-pointer transition-colors\",\n              index === selectedIndex ? \"bg-accent text-accent-foreground\" : \"hover:bg-muted\"\n            )}\n            onClick={() => selectItem(index)}\n          >\n            <Avatar className=\"h-6 w-6\">\n              <AvatarImage src={item.avatar} />\n              <AvatarFallback>{item.name.substring(0, 2).toUpperCase()}</AvatarFallback>\n            </Avatar>\n            <div className=\"flex flex-col items-start\">\n                <span className=\"font-medium text-xs\">{item.name}</span>\n                {item.role && <span className=\"text-[10px] text-muted-foreground capitalize\">{item.role}</span>}\n            </div>\n          </button>\n        ))\n      ) : (\n        <div className=\"px-2 py-1.5 text-sm text-muted-foreground\">\n          Nenhum usuário encontrado\n        </div>\n      )}\n    </div>\n  );\n});\n\nMentionList.displayName = 'MentionList';\n"],"names":["MentionList","forwardRef","props","ref","selectedIndex","setSelectedIndex","useState","selectItem","index","item","upHandler","downHandler","enterHandler","useEffect","useImperativeHandle","event","jsx","jsxs","cn","Avatar","AvatarImage","AvatarFallback"],"mappings":";;;;AAiBO,MAAMA,IAAcC,EAAW,CAACC,GAAyBC,MAAQ;AACtE,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAAS,CAAC,GAE9CC,IAAa,CAACC,MAAkB;AACpC,UAAMC,IAAOP,EAAM,MAAMM,CAAK;AAC9B,IAAIC,KACFP,EAAM,QAAQ,EAAE,IAAIO,EAAK,IAAI,OAAOA,EAAK,MAAM;AAAA,EAEnD,GAEMC,IAAY,MAAM;AACtB,IAAAL,GAAkBD,IAAgBF,EAAM,MAAM,SAAS,KAAKA,EAAM,MAAM,MAAM;AAAA,EAChF,GAEMS,IAAc,MAAM;AACxB,IAAAN,GAAkBD,IAAgB,KAAKF,EAAM,MAAM,MAAM;AAAA,EAC3D,GAEMU,IAAe,MAAM;AACzB,IAAAL,EAAWH,CAAa;AAAA,EAC1B;AAEA,SAAAS,EAAU,MAAM;AACd,IAAAR,EAAiB,CAAC;AAAA,EACpB,GAAG,CAACH,EAAM,KAAK,CAAC,GAEhBY,EAAoBX,GAAK,OAAO;AAAA,IAC9B,WAAW,CAAC,EAAE,OAAAY,QACRA,EAAM,QAAQ,aAChBL,EAAA,GACO,MAGLK,EAAM,QAAQ,eAChBJ,EAAA,GACO,MAGLI,EAAM,QAAQ,WAChBH,EAAA,GACO,MAGF;AAAA,EACT,EACA,GAGA,gBAAAI,EAAC,OAAA,EAAI,WAAU,oGACZ,UAAAd,EAAM,MAAM,SACXA,EAAM,MAAM,IAAI,CAACO,GAAMD,MACrB,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,WAAWC;AAAA,QACT;AAAA,QACAV,MAAUJ,IAAgB,qCAAqC;AAAA,MAAA;AAAA,MAEjE,SAAS,MAAMG,EAAWC,CAAK;AAAA,MAE/B,UAAA;AAAA,QAAA,gBAAAS,EAACE,GAAA,EAAO,WAAU,WAChB,UAAA;AAAA,UAAA,gBAAAH,EAACI,GAAA,EAAY,KAAKX,EAAK,OAAA,CAAQ;AAAA,UAC/B,gBAAAO,EAACK,KAAgB,UAAAZ,EAAK,KAAK,UAAU,GAAG,CAAC,EAAE,cAAY,CAAE;AAAA,QAAA,GAC3D;AAAA,QACA,gBAAAQ,EAAC,OAAA,EAAI,WAAU,6BACX,UAAA;AAAA,UAAA,gBAAAD,EAAC,QAAA,EAAK,WAAU,uBAAuB,UAAAP,EAAK,MAAK;AAAA,UAChDA,EAAK,QAAQ,gBAAAO,EAAC,UAAK,WAAU,gDAAgD,YAAK,KAAA,CAAK;AAAA,QAAA,EAAA,CAC5F;AAAA,MAAA;AAAA,IAAA;AAAA,IAdKP,EAAK;AAAA,EAAA,CAgBb,IAED,gBAAAO,EAAC,SAAI,WAAU,6CAA4C,uCAE3D,GAEJ;AAEJ,CAAC;AAEDhB,EAAY,cAAc;"}

package/dist/components/ui/data/table-pagination.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),q=require("../utils.cjs"),m=require("../primitives/button.cjs"),u=require("../forms/select.cjs"),h=require("lucide-react"),T={previous:"Anterior",next:"Próxima",first:"Primeira",last:"Última",showing:"Mostrando",of:"de",results:"resultados",itemsPerPage:"Itens por página",page:"Página"},B=[10,20,30,50,100];function N(s,i,r=5){if(i<=r)return Array.from({length:i},(o,x)=>x+1);const a=[],n=Math.floor(r/2);a.push(1);let c=Math.max(2,s-n),d=Math.min(i-1,s+n);s<=n+1?d=r-1:s>=i-n&&(c=i-r+2),c>2&&a.push("ellipsis");for(let o=c;o<=d;o++)a.push(o);return d<i-1&&a.push("ellipsis"),i>1&&a.push(i),a}function b({currentPage:s,totalPages:i,pageSize:r,totalItems:a,onPageChange:n,onPageSizeChange:c,pageSizeOptions:d=B,maxVisiblePages:o=5,showInfo:x=!0,showPageNumbers:v=!0,showPageSizeSelector:w=!0,showFirstLastButtons:f=!0,labels:g,className:y}){const t={...T,...g},C=N(s,i,o),M=(s-1)*r+1,S=Math.min(s*r,a),j=s>1,p=s<i;return i===0?null:e.jsxs("div",{className:q.cn("flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",y),role:"navigation","aria-label":"Paginação da tabela",children:[x&&e.jsxs("p",{className:"text-sm text-muted-foreground order-2 sm:order-1",children:[t.showing," ",e.jsx("span",{className:"font-medium text-foreground",children:M})," - ",e.jsx("span",{className:"font-medium text-foreground",children:S})," ",t.of," ",e.jsx("span",{className:"font-medium text-foreground",children:a})," ",t.results]}),e.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:gap-4 order-1 sm:order-2",children:[w&&c&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"text-sm text-muted-foreground whitespace-nowrap",children:t.itemsPerPage}),e.jsxs(u.Select,{value:String(r),onValueChange:l=>c(Number(l)),children:[e.jsx(u.SelectTrigger,{className:"h-8 w-[70px]","aria-label":t.itemsPerPage,children:e.jsx(u.SelectValue,{placeholder:r})}),e.jsx(u.SelectContent,{children:d.map(l=>e.jsx(u.SelectItem,{value:String(l),children:l},l))})]})]}),e.jsxs("span",{className:"text-sm text-muted-foreground sm:hidden",children:[t.page," ",s," ",t.of," ",i]}),e.jsxs("div",{className:"flex items-center gap-1",children:[f&&e.jsx(m.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>n(1),disabled:!j,"aria-label":t.first,children:e.jsx(h.ChevronsLeft,{className:"h-4 w-4"})}),e.jsx(m.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>n(s-1),disabled:!j,"aria-label":t.previous,children:e.jsx(h.ChevronLeft,{className:"h-4 w-4"})}),v&&e.jsx("div",{className:"hidden sm:flex items-center gap-1",children:C.map((l,k)=>l==="ellipsis"?e.jsx("span",{className:"flex items-center justify-center w-8 h-8 text-muted-foreground","aria-hidden":!0,children:"..."},`ellipsis-${k}`):e.jsx(m.Button,{variant:s===l?"default":"outline",size:"icon",className:"h-8 w-8",onClick:()=>n(l),"aria-label":`${t.page} ${l}`,"aria-current":s===l?"page":void 0,children:l},l))}),e.jsx(m.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>n(s+1),disabled:!p,"aria-label":t.next,children:e.jsx(h.ChevronRight,{className:"h-4 w-4"})}),f&&e.jsx(m.Button,{variant:"outline",size:"icon",className:"h-8 w-8",onClick:()=>n(i),disabled:!p,"aria-label":t.last,children:e.jsx(h.ChevronsRight,{className:"h-4 w-4"})})]})]})]})}b.displayName="TablePagination";exports.TablePagination=b;exports.getPageNumbers=N;
+//# sourceMappingURL=table-pagination.cjs.map