@iclips/ui 1.4.13 → 2.0.0

package/dist/components/ui/forms/color-picker.js

@@ -0,0 +1,151 @@
+"use client";
+import { jsxs as l, jsx as e } from "react/jsx-runtime";
+import * as f from "react";
+import { useState as u } from "react";
+import { HexColorPicker as y } from "react-colorful";
+import { Popover as b, PopoverTrigger as B, PopoverContent as w } from "../overlays/popover.js";
+import { Button as k } from "../primitives/button.js";
+import { Input as F } from "./input.js";
+import { Label as i } from "../primitives/label.js";
+import { cn as N } from "../utils.js";
+const A = f.forwardRef(({
+  value: s = "#7F26BF",
+  onChange: o,
+  label: n,
+  className: g,
+  disabled: d = !1
+}, x) => {
+  const [t, c] = u(s), [v, C] = u(!1);
+  f.useEffect(() => {
+    c(s);
+  }, [s]);
+  const m = (r) => {
+    c(r), o == null || o(r);
+  }, p = (r) => {
+    let a = r.target.value;
+    a = a.replace("#", ""), a = a.replace(/[^0-9A-Fa-f]/g, ""), a.length > 6 && (a = a.slice(0, 6));
+    const h = "#" + a;
+    c(h), a.length === 6 && (o == null || o(h));
+  };
+  return /* @__PURE__ */ l("div", { className: N("space-y-2", g), children: [
+    n && /* @__PURE__ */ e(i, { children: n }),
+    /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+      /* @__PURE__ */ l(b, { open: v, onOpenChange: C, children: [
+        /* @__PURE__ */ e(B, { asChild: !0, children: /* @__PURE__ */ e(
+          k,
+          {
+            ref: x,
+            type: "button",
+            variant: "outline",
+            className: "w-12 h-10 p-0 border-2",
+            style: { backgroundColor: t },
+            disabled: d,
+            "aria-label": "Selecionar cor",
+            children: /* @__PURE__ */ e("span", { className: "sr-only", children: "Selecionar cor" })
+          }
+        ) }),
+        /* @__PURE__ */ e(w, { className: "w-64 p-3", align: "start", children: /* @__PURE__ */ l("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ e(
+            y,
+            {
+              color: t,
+              onChange: m,
+              style: { width: "100%" }
+            }
+          ),
+          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(i, { className: "text-xs", children: "Código Hexadecimal" }),
+            /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
+              /* @__PURE__ */ l("div", { className: "relative flex-1", children: [
+                /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: "#" }),
+                /* @__PURE__ */ e(
+                  F,
+                  {
+                    value: t.replace("#", "").toUpperCase(),
+                    onChange: p,
+                    className: "pl-7 font-mono text-sm",
+                    placeholder: "7F26BF",
+                    maxLength: 6
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "w-10 h-10 rounded border-2",
+                  style: { backgroundColor: t }
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(i, { className: "text-xs", children: "Cores Rápidas" }),
+            /* @__PURE__ */ e("div", { className: "grid grid-cols-8 gap-1", children: [
+              "#7F26BF",
+              "#5B158C",
+              "#420F66",
+              // Purple
+              "#0086E6",
+              "#0053A6",
+              "#003066",
+              // Blue
+              "#24B347",
+              "#007F2A",
+              "#004D19",
+              // Green
+              "#FAB325",
+              "#E6960B",
+              "#CC7C04",
+              // Yellow
+              "#F26924",
+              "#E64D0B",
+              "#BF3000",
+              // Orange
+              "#F22435",
+              "#CC0A1A",
+              "#99000D",
+              // Red
+              "#000000",
+              "#697280",
+              "#C5CDD9",
+              "#FFFFFF"
+              // Grays
+            ].map((r) => /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                className: N(
+                  "w-6 h-6 rounded border transition-all hover:scale-110",
+                  t.toLowerCase() === r.toLowerCase() ? "border-2 border-primary ring-2 ring-primary/20" : "border-border"
+                ),
+                style: { backgroundColor: r },
+                onClick: () => m(r),
+                title: r
+              },
+              r
+            )) })
+          ] })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ l("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ e("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground", children: "#" }),
+        /* @__PURE__ */ e(
+          F,
+          {
+            value: t.replace("#", "").toUpperCase(),
+            onChange: p,
+            className: "pl-8 font-mono",
+            placeholder: "7F26BF",
+            disabled: d,
+            maxLength: 6
+          }
+        )
+      ] })
+    ] })
+  ] });
+});
+A.displayName = "ColorPicker";
+export {
+  A as ColorPicker
+};
+//# sourceMappingURL=color-picker.js.map

package/dist/components/ui/forms/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-picker.js","sources":["../../../../src/components/ui/forms/color-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport { HexColorPicker } from \"react-colorful\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlays/popover\";\nimport { Button } from \"../primitives/button\";\nimport { Input } from \"./input\";\nimport { Label } from \"../primitives/label\";\nimport { cn } from \"../utils\";\n\nexport interface ColorPickerProps {\n  value?: string;\n  onChange?: (color: string) => void;\n  label?: string;\n  className?: string;\n  disabled?: boolean;\n}\n\nexport const ColorPicker = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  ColorPickerProps\n>(({\n  value = \"#7F26BF\",\n  onChange,\n  label,\n  className,\n  disabled = false,\n}, ref) => {\n  const [color, setColor] = useState(value);\n  const [open, setOpen] = useState(false);\n\n  React.useEffect(() => {\n    setColor(value);\n  }, [value]);\n\n  const handleColorChange = (newColor: string) => {\n    setColor(newColor);\n    onChange?.(newColor);\n  };\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    let inputValue = e.target.value;\n    \n    // Remove # if exists\n    inputValue = inputValue.replace(\"#\", \"\");\n    \n    // Only allow valid hex characters\n    inputValue = inputValue.replace(/[^0-9A-Fa-f]/g, \"\");\n    \n    // Limit to 6 characters\n    if (inputValue.length > 6) {\n      inputValue = inputValue.slice(0, 6);\n    }\n    \n    const newColor = \"#\" + inputValue;\n    setColor(newColor);\n    \n    // Only call onChange if we have a complete hex color\n    if (inputValue.length === 6) {\n      onChange?.(newColor);\n    }\n  };\n\n  return (\n    <div className={cn(\"space-y-2\", className)}>\n      {label && <Label>{label}</Label>}\n      \n      <div className=\"flex gap-2\">\n        {/* Color Preview Button */}\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger asChild>\n            <Button\n              ref={ref}\n              type=\"button\"\n              variant=\"outline\"\n              className=\"w-12 h-10 p-0 border-2\"\n              style={{ backgroundColor: color }}\n              disabled={disabled}\n              aria-label=\"Selecionar cor\"\n            >\n              <span className=\"sr-only\">Selecionar cor</span>\n            </Button>\n          </PopoverTrigger>\n          <PopoverContent className=\"w-64 p-3\" align=\"start\">\n            <div className=\"space-y-3\">\n              <HexColorPicker \n                color={color} \n                onChange={handleColorChange}\n                style={{ width: \"100%\" }}\n              />\n              \n              <div className=\"space-y-2\">\n                <Label className=\"text-xs\">Código Hexadecimal</Label>\n                <div className=\"flex gap-2\">\n                  <div className=\"relative flex-1\">\n                    <span className=\"absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground\">\n                      #\n                    </span>\n                    <Input\n                      value={color.replace(\"#\", \"\").toUpperCase()}\n                      onChange={handleInputChange}\n                      className=\"pl-7 font-mono text-sm\"\n                      placeholder=\"7F26BF\"\n                      maxLength={6}\n                    />\n                  </div>\n                  <div \n                    className=\"w-10 h-10 rounded border-2\"\n                    style={{ backgroundColor: color }}\n                  />\n                </div>\n              </div>\n\n              {/* Preset Colors */}\n              <div className=\"space-y-2\">\n                <Label className=\"text-xs\">Cores Rápidas</Label>\n                <div className=\"grid grid-cols-8 gap-1\">\n                  {[\n                    \"#7F26BF\", \"#5B158C\", \"#420F66\", // Purple\n                    \"#0086E6\", \"#0053A6\", \"#003066\", // Blue\n                    \"#24B347\", \"#007F2A\", \"#004D19\", // Green\n                    \"#FAB325\", \"#E6960B\", \"#CC7C04\", // Yellow\n                    \"#F26924\", \"#E64D0B\", \"#BF3000\", // Orange\n                    \"#F22435\", \"#CC0A1A\", \"#99000D\", // Red\n                    \"#000000\", \"#697280\", \"#C5CDD9\", \"#FFFFFF\", // Grays\n                  ].map((presetColor) => (\n                    <button\n                      key={presetColor}\n                      type=\"button\"\n                      className={cn(\n                        \"w-6 h-6 rounded border transition-all hover:scale-110\",\n                        color.toLowerCase() === presetColor.toLowerCase()\n                          ? \"border-2 border-primary ring-2 ring-primary/20\"\n                          : \"border-border\"\n                      )}\n                      style={{ backgroundColor: presetColor }}\n                      onClick={() => handleColorChange(presetColor)}\n                      title={presetColor}\n                    />\n                  ))}\n                </div>\n              </div>\n            </div>\n          </PopoverContent>\n        </Popover>\n\n        {/* Text Input */}\n        <div className=\"relative flex-1\">\n          <span className=\"absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground\">\n            #\n          </span>\n          <Input\n            value={color.replace(\"#\", \"\").toUpperCase()}\n            onChange={handleInputChange}\n            className=\"pl-8 font-mono\"\n            placeholder=\"7F26BF\"\n            disabled={disabled}\n            maxLength={6}\n          />\n        </div>\n      </div>\n    </div>\n  );\n});\nColorPicker.displayName = \"ColorPicker\";\n\n// Simplified version without label for inline use\nexport function ColorPickerInline({\n  value = \"#7F26BF\",\n  onChange,\n  className,\n  disabled = false,\n}: Omit<ColorPickerProps, \"label\">) {\n  return (\n    <ColorPicker\n      value={value}\n      onChange={onChange}\n      className={className}\n      disabled={disabled}\n    />\n  );\n}\n"],"names":["ColorPicker","React","value","onChange","label","className","disabled","ref","color","setColor","useState","open","setOpen","handleColorChange","newColor","handleInputChange","e","inputValue","cn","jsx","Label","jsxs","Popover","PopoverTrigger","Button","PopoverContent","HexColorPicker","Input","presetColor"],"mappings":"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"}

package/dist/components/ui/forms/combobox.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),A=require("react"),b=require("lucide-react"),i=require("../utils.cjs"),g=require("../primitives/button.cjs"),h=require("../overlays/popover.cjs"),E=require("./input.cjs");function H(s){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const r in s)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(s,r);Object.defineProperty(c,r,a.get?a:{enumerable:!0,get:()=>s[r]})}}return c.default=s,Object.freeze(c)}const d=H(A),O=d.forwardRef(({value:s,onValueChange:c,options:r,groups:a,placeholder:R="Selecionar...",searchPlaceholder:S="Buscar...",emptyMessage:L="Nenhum resultado encontrado",disabled:M=!1,loading:x=!1,className:P,popoverWidth:q,maxHeight:T="300px",align:F="start",clearable:B=!1,filterFn:D,"aria-label":_,"aria-labelledby":W},v)=>{var C;const[p,w]=d.useState(!1),[o,j]=d.useState(""),y=d.useRef(null),z=d.useMemo(()=>i.mergeRefs(y,v),[v]),m=D||((e,l)=>{const n=l.toLowerCase();return e.label.toLowerCase().includes(n)||e.value.toLowerCase().includes(n)}),N=d.useMemo(()=>r?o?r.filter(e=>m(e,o)):r:[],[r,o,m]),u=d.useMemo(()=>{if(!a)return;if(!o)return a;const e=o.toLowerCase();return a.map(l=>l.label.toLowerCase().includes(e)?l:{...l,options:l.options.filter(n=>m(n,o))}).filter(l=>l.options.length>0||l.label.toLowerCase().includes(e))},[a,o,m]),k=d.useMemo(()=>a?a.flatMap(e=>[...e.value?[{value:e.value,label:e.label}]:[],...e.options]):r??[],[r,a]).find(e=>e.value===s),I=a?((u==null?void 0:u.length)??0)>0:N.length>0,U=e=>{w(e),e||j("")},f=e=>{s===e&&B?c==null||c(""):c==null||c(e),w(!1)};return t.jsxs(h.Popover,{open:p,onOpenChange:U,children:[t.jsx(h.PopoverTrigger,{asChild:!0,children:t.jsxs(g.Button,{ref:z,variant:"outline",role:"combobox","aria-expanded":p,"aria-label":_,"aria-labelledby":W,className:i.cn("w-full justify-between font-normal",!s&&"text-muted-foreground",P),disabled:M||x,children:[t.jsx("span",{className:"truncate",children:x?"Carregando...":k?k.label:R}),t.jsx(b.ChevronsUpDown,{className:"ml-2 h-4 w-4 shrink-0 opacity-50"})]})}),t.jsx(h.PopoverContent,{className:"overflow-hidden p-0",style:{width:q||((C=y.current)==null?void 0:C.offsetWidth)||"auto"},align:F,children:t.jsxs("div",{className:"flex flex-col overflow-hidden",children:[t.jsxs("div",{className:"flex items-center border-b px-3",children:[t.jsx(b.Search,{className:"mr-2 h-4 w-4 shrink-0 opacity-50"}),t.jsx(E.Input,{placeholder:S,value:o,onChange:e=>j(e.target.value),className:"h-11 border-0 focus-visible:ring-0 focus-visible:ring-offset-0",autoFocus:!0})]}),t.jsx("div",{className:"overflow-y-auto overflow-x-hidden overscroll-contain [&::-webkit-scrollbar]:w-2.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-primary/30 [&::-webkit-scrollbar-thumb:hover]:bg-primary/50",style:{maxHeight:T},onWheel:e=>e.stopPropagation(),onTouchMove:e=>e.stopPropagation(),children:t.jsx("div",{className:"p-1",children:I?a?u==null?void 0:u.map((e,l)=>t.jsxs("div",{className:i.cn(l>0&&"mt-1.5 border-t border-border pt-1.5"),children:[e.value?t.jsxs("button",{type:"button",onClick:()=>f(e.value),className:i.cn("flex w-full items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm","font-semibold uppercase tracking-wide","transition-colors duration-100 hover:bg-accent hover:text-accent-foreground",s===e.value&&"bg-accent"),children:[t.jsx("span",{className:"truncate",children:e.label}),t.jsx(b.Check,{className:i.cn("h-4 w-4 shrink-0",s===e.value?"opacity-100":"opacity-0")})]}):t.jsx("div",{className:"px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground",children:e.label}),e.options.map(n=>t.jsxs("button",{type:"button",onClick:()=>f(n.value),disabled:n.disabled,className:i.cn("flex w-full items-center justify-between gap-2 rounded-sm py-1.5 pl-6 pr-2 text-sm","transition-colors duration-100 hover:bg-accent hover:text-accent-foreground","disabled:pointer-events-none disabled:opacity-50",s===n.value&&"bg-accent"),children:[t.jsx("span",{className:"truncate",children:n.label}),t.jsx(b.Check,{className:i.cn("h-4 w-4 shrink-0",s===n.value?"opacity-100":"opacity-0")})]},n.value))]},e.value??e.label)):N.map(e=>t.jsxs(g.Button,{variant:"ghost",className:i.cn("w-full justify-start font-normal",s===e.value&&"bg-accent"),onClick:()=>f(e.value),disabled:e.disabled,children:[t.jsx(b.Check,{className:i.cn("mr-2 h-4 w-4",s===e.value?"opacity-100":"opacity-0")}),t.jsx("span",{className:"truncate",children:e.label})]},e.value)):t.jsx("div",{className:"py-6 text-center text-sm text-muted-foreground",children:L})})})]})})]})});O.displayName="Combobox";exports.Combobox=O;
+//# sourceMappingURL=combobox.cjs.map

package/dist/components/ui/forms/combobox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.cjs","sources":["../../../../src/components/ui/forms/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronsUpDown, Search } from \"lucide-react\";\nimport { cn, mergeRefs } from \"../utils\";\nimport { Button } from \"../primitives/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlays/popover\";\nimport { Input } from \"./input\";\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxGroup {\n  /**\n   * Rótulo do grupo — renderizado em negrito e caixa alta\n   */\n  label: string;\n\n  /**\n   * Quando presente, o cabeçalho do grupo é selecionável e representa o próprio grupo.\n   * Sem `value`, o cabeçalho é apenas um rótulo visual não clicável.\n   */\n  value?: string;\n\n  /**\n   * Opções pertencentes ao grupo — renderizadas indentadas, em peso normal\n   */\n  options: ComboboxOption[];\n}\n\nexport interface ComboboxProps {\n  /** Rótulo acessível do gatilho quando não há `<Label>` associado */\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n\n  /**\n   * Valor selecionado atual\n   */\n  value?: string;\n\n  /**\n   * Callback quando o valor muda\n   */\n  onValueChange?: (value: string) => void;\n\n  /**\n   * Lista de opções disponíveis.\n   * Use `options` OU `groups` — nunca os dois ao mesmo tempo.\n   */\n  options?: ComboboxOption[];\n\n  /**\n   * Opções agrupadas hierarquicamente.\n   * Use `options` OU `groups` — nunca os dois ao mesmo tempo.\n   */\n  groups?: ComboboxGroup[];\n\n  /**\n   * Placeholder quando nenhum valor está selecionado\n   */\n  placeholder?: string;\n  \n  /**\n   * Placeholder do campo de busca\n   */\n  searchPlaceholder?: string;\n  \n  /**\n   * Mensagem quando não há resultados\n   */\n  emptyMessage?: string;\n  \n  /**\n   * Se o campo está desabilitado\n   */\n  disabled?: boolean;\n  \n  /**\n   * Se está carregando opções\n   */\n  loading?: boolean;\n  \n  /**\n   * Classes adicionais para o trigger\n   */\n  className?: string;\n  \n  /**\n   * Largura do popover (padrão: mesma largura do trigger)\n   */\n  popoverWidth?: string | number;\n  \n  /**\n   * Altura máxima da lista de opções\n   */\n  maxHeight?: string;\n  \n  /**\n   * Alinhamento do popover\n   */\n  align?: \"start\" | \"center\" | \"end\";\n  \n  /**\n   * Se deve permitir limpar seleção\n   */\n  clearable?: boolean;\n\n  /**\n   * Função customizada de filtro\n   */\n  filterFn?: (option: ComboboxOption, searchTerm: string) => boolean;\n}\n\n/**\n * ComboBox - Componente de seleção com busca\n * \n * Combina um Select tradicional com capacidade de pesquisa.\n * Ideal para listas grandes onde o usuário precisa buscar valores.\n *\n * @example\n * ```tsx\n * // Lista plana\n * <Combobox\n *   value={clienteId}\n *   onValueChange={setClienteId}\n *   options={clientes}\n *   placeholder=\"Selecione o cliente\"\n *   searchPlaceholder=\"Buscar cliente...\"\n * />\n *\n * // Lista hierárquica — grupos selecionáveis com seus clientes indentados\n * <Combobox\n *   value={selecao}\n *   onValueChange={setSelecao}\n *   groups={grupos.map(g => ({\n *     label: g.nomeGrupo,\n *     value: `g-${g.grupoClienteId}`,\n *     options: g.clientes.map(c => ({ value: String(c.id), label: c.nome })),\n *   }))}\n * />\n * ```\n */\nexport const Combobox = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  ComboboxProps\n>(({\n  value,\n  onValueChange,\n  options,\n  groups,\n  placeholder = \"Selecionar...\",\n  searchPlaceholder = \"Buscar...\",\n  emptyMessage = \"Nenhum resultado encontrado\",\n  disabled = false,\n  loading = false,\n  className,\n  popoverWidth,\n  maxHeight = \"300px\",\n  align = \"start\",\n  clearable = false,\n  filterFn,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n}, ref) => {\n  const [open, setOpen] = React.useState(false);\n  const [searchTerm, setSearchTerm] = React.useState(\"\");\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const mergedTriggerRef = React.useMemo(() => mergeRefs(triggerRef, ref), [ref]);\n\n  // Função de filtro padrão\n  const defaultFilterFn = (option: ComboboxOption, term: string) => {\n    const searchLower = term.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(searchLower) ||\n      option.value.toLowerCase().includes(searchLower)\n    );\n  };\n\n  const filter = filterFn || defaultFilterFn;\n\n  // Filtrar opções baseado no termo de busca\n  const filteredOptions = React.useMemo(() => {\n    if (!options) return [];\n    if (!searchTerm) return options;\n    return options.filter((option) => filter(option, searchTerm));\n  }, [options, searchTerm, filter]);\n\n  // Filtrar grupos preservando a hierarquia: um grupo permanece visível quando o próprio\n  // rótulo casa com a busca (com todas as suas opções) ou quando alguma opção casa.\n  const filteredGroups = React.useMemo(() => {\n    if (!groups) return undefined;\n    if (!searchTerm) return groups;\n\n    const termLower = searchTerm.toLowerCase();\n\n    return groups\n      .map((group) => {\n        if (group.label.toLowerCase().includes(termLower)) return group;\n        return { ...group, options: group.options.filter((o) => filter(o, searchTerm)) };\n      })\n      .filter(\n        (group) =>\n          group.options.length > 0 || group.label.toLowerCase().includes(termLower)\n      );\n  }, [groups, searchTerm, filter]);\n\n  // Todas as opções selecionáveis — inclui os cabeçalhos de grupo que têm `value`,\n  // para que o trigger consiga exibir o rótulo de um grupo selecionado.\n  const allOptions = React.useMemo<ComboboxOption[]>(() => {\n    if (groups) {\n      return groups.flatMap((group) => [\n        ...(group.value ? [{ value: group.value, label: group.label }] : []),\n        ...group.options,\n      ]);\n    }\n    return options ?? [];\n  }, [options, groups]);\n\n  // Encontrar a opção selecionada\n  const selectedOption = allOptions.find((option) => option.value === value);\n\n  const hasResults = groups\n    ? (filteredGroups?.length ?? 0) > 0\n    : filteredOptions.length > 0;\n\n  // Resetar busca ao fechar\n  const handleOpenChange = (newOpen: boolean) => {\n    setOpen(newOpen);\n    if (!newOpen) {\n      setSearchTerm(\"\");\n    }\n  };\n\n  // Selecionar opção\n  const handleSelect = (selectedValue: string) => {\n    if (value === selectedValue && clearable) {\n      onValueChange?.(\"\");\n    } else {\n      onValueChange?.(selectedValue);\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          ref={mergedTriggerRef}\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          className={cn(\n            \"w-full justify-between font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n          disabled={disabled || loading}\n        >\n          <span className=\"truncate\">\n            {loading\n              ? \"Carregando...\"\n              : selectedOption\n              ? selectedOption.label\n              : placeholder}\n          </span>\n          <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"overflow-hidden p-0\"\n        style={{\n          width: popoverWidth || triggerRef.current?.offsetWidth || 'auto',\n        }}\n        align={align}\n      >\n        <div className=\"flex flex-col overflow-hidden\">\n          {/* Search Input */}\n          <div className=\"flex items-center border-b px-3\">\n            <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n            <Input\n              placeholder={searchPlaceholder}\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n              className=\"h-11 border-0 focus-visible:ring-0 focus-visible:ring-offset-0\"\n              autoFocus\n            />\n          </div>\n\n          {/* Options List */}\n          <div\n            className=\"overflow-y-auto overflow-x-hidden overscroll-contain [&::-webkit-scrollbar]:w-2.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-primary/30 [&::-webkit-scrollbar-thumb:hover]:bg-primary/50\"\n            style={{ maxHeight }}\n            onWheel={(e) => e.stopPropagation()}\n            onTouchMove={(e) => e.stopPropagation()}\n          >\n            <div className=\"p-1\">\n              {!hasResults ? (\n                <div className=\"py-6 text-center text-sm text-muted-foreground\">\n                  {emptyMessage}\n                </div>\n              ) : groups ? (\n                // Itens de grupo usam <button> nativo, não o componente Button: a variante\n                // `has-[>svg]:px-3` do Button entra em conflito com o recuo dos filhos e\n                // anula a indentação. Mesmo padrão adotado no MultiSelect.\n                filteredGroups?.map((group, groupIndex) => (\n                  <div\n                    key={group.value ?? group.label}\n                    className={cn(\n                      // Separador entre blocos de grupo\n                      groupIndex > 0 && \"mt-1.5 border-t border-border pt-1.5\"\n                    )}\n                  >\n                    {group.value ? (\n                      // Cabeçalho selecionável — representa o próprio grupo\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSelect(group.value!)}\n                        className={cn(\n                          \"flex w-full items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                          \"font-semibold uppercase tracking-wide\",\n                          \"transition-colors duration-100 hover:bg-accent hover:text-accent-foreground\",\n                          value === group.value && \"bg-accent\"\n                        )}\n                      >\n                        <span className=\"truncate\">{group.label}</span>\n                        <Check\n                          className={cn(\n                            \"h-4 w-4 shrink-0\",\n                            value === group.value ? \"opacity-100\" : \"opacity-0\"\n                          )}\n                        />\n                      </button>\n                    ) : (\n                      // Cabeçalho apenas visual\n                      <div className=\"px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                        {group.label}\n                      </div>\n                    )}\n                    {group.options.map((option) => (\n                      <button\n                        key={option.value}\n                        type=\"button\"\n                        onClick={() => handleSelect(option.value)}\n                        disabled={option.disabled}\n                        className={cn(\n                          \"flex w-full items-center justify-between gap-2 rounded-sm py-1.5 pl-6 pr-2 text-sm\",\n                          \"transition-colors duration-100 hover:bg-accent hover:text-accent-foreground\",\n                          \"disabled:pointer-events-none disabled:opacity-50\",\n                          value === option.value && \"bg-accent\"\n                        )}\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <Check\n                          className={cn(\n                            \"h-4 w-4 shrink-0\",\n                            value === option.value ? \"opacity-100\" : \"opacity-0\"\n                          )}\n                        />\n                      </button>\n                    ))}\n                  </div>\n                ))\n              ) : (\n                filteredOptions.map((option) => (\n                  <Button\n                    key={option.value}\n                    variant=\"ghost\"\n                    className={cn(\n                      \"w-full justify-start font-normal\",\n                      value === option.value && \"bg-accent\"\n                    )}\n                    onClick={() => handleSelect(option.value)}\n                    disabled={option.disabled}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        value === option.value ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </Button>\n                ))\n              )}\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n});\nCombobox.displayName = \"Combobox\";\n"],"names":["Combobox","React","value","onValueChange","options","groups","placeholder","searchPlaceholder","emptyMessage","disabled","loading","className","popoverWidth","maxHeight","align","clearable","filterFn","ariaLabel","ariaLabelledby","ref","open","setOpen","searchTerm","setSearchTerm","triggerRef","mergedTriggerRef","mergeRefs","filter","option","term","searchLower","filteredOptions","filteredGroups","termLower","group","o","selectedOption","hasResults","handleOpenChange","newOpen","handleSelect","selectedValue","jsxs","Popover","jsx","PopoverTrigger","Button","cn","ChevronsUpDown","PopoverContent","_a","Search","Input","groupIndex","Check"],"mappings":"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"}

package/dist/components/ui/forms/combobox.js

@@ -0,0 +1,208 @@
+"use client";
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import * as i from "react";
+import { ChevronsUpDown as A, Search as E, Check as h } from "lucide-react";
+import { mergeRefs as H, cn as o } from "../utils.js";
+import { Button as R } from "../primitives/button.js";
+import { Popover as J, PopoverTrigger as K, PopoverContent as Q } from "../overlays/popover.js";
+import { Input as X } from "./input.js";
+const Y = i.forwardRef(({
+  value: l,
+  onValueChange: d,
+  options: m,
+  groups: s,
+  placeholder: j = "Selecionar...",
+  searchPlaceholder: M = "Buscar...",
+  emptyMessage: O = "Nenhum resultado encontrado",
+  disabled: S = !1,
+  loading: v = !1,
+  className: g,
+  popoverWidth: F,
+  maxHeight: P = "300px",
+  align: T = "start",
+  clearable: B = !1,
+  filterFn: W,
+  "aria-label": D,
+  "aria-labelledby": I
+}, w) => {
+  var L;
+  const [p, x] = i.useState(!1), [n, y] = i.useState(""), N = i.useRef(null), U = i.useMemo(() => H(N, w), [w]), f = W || ((e, a) => {
+    const r = a.toLowerCase();
+    return e.label.toLowerCase().includes(r) || e.value.toLowerCase().includes(r);
+  }), k = i.useMemo(() => m ? n ? m.filter((e) => f(e, n)) : m : [], [m, n, f]), b = i.useMemo(() => {
+    if (!s) return;
+    if (!n) return s;
+    const e = n.toLowerCase();
+    return s.map((a) => a.label.toLowerCase().includes(e) ? a : { ...a, options: a.options.filter((r) => f(r, n)) }).filter(
+      (a) => a.options.length > 0 || a.label.toLowerCase().includes(e)
+    );
+  }, [s, n, f]), C = i.useMemo(() => s ? s.flatMap((e) => [
+    ...e.value ? [{ value: e.value, label: e.label }] : [],
+    ...e.options
+  ]) : m ?? [], [m, s]).find((e) => e.value === l), q = s ? ((b == null ? void 0 : b.length) ?? 0) > 0 : k.length > 0, z = (e) => {
+    x(e), e || y("");
+  }, u = (e) => {
+    l === e && B ? d == null || d("") : d == null || d(e), x(!1);
+  };
+  return /* @__PURE__ */ c(J, { open: p, onOpenChange: z, children: [
+    /* @__PURE__ */ t(K, { asChild: !0, children: /* @__PURE__ */ c(
+      R,
+      {
+        ref: U,
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": p,
+        "aria-label": D,
+        "aria-labelledby": I,
+        className: o(
+          "w-full justify-between font-normal",
+          !l && "text-muted-foreground",
+          g
+        ),
+        disabled: S || v,
+        children: [
+          /* @__PURE__ */ t("span", { className: "truncate", children: v ? "Carregando..." : C ? C.label : j }),
+          /* @__PURE__ */ t(A, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ t(
+      Q,
+      {
+        className: "overflow-hidden p-0",
+        style: {
+          width: F || ((L = N.current) == null ? void 0 : L.offsetWidth) || "auto"
+        },
+        align: T,
+        children: /* @__PURE__ */ c("div", { className: "flex flex-col overflow-hidden", children: [
+          /* @__PURE__ */ c("div", { className: "flex items-center border-b px-3", children: [
+            /* @__PURE__ */ t(E, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+            /* @__PURE__ */ t(
+              X,
+              {
+                placeholder: M,
+                value: n,
+                onChange: (e) => y(e.target.value),
+                className: "h-11 border-0 focus-visible:ring-0 focus-visible:ring-offset-0",
+                autoFocus: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: "overflow-y-auto overflow-x-hidden overscroll-contain [&::-webkit-scrollbar]:w-2.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-primary/30 [&::-webkit-scrollbar-thumb:hover]:bg-primary/50",
+              style: { maxHeight: P },
+              onWheel: (e) => e.stopPropagation(),
+              onTouchMove: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ t("div", { className: "p-1", children: q ? s ? (
+                // Itens de grupo usam <button> nativo, não o componente Button: a variante
+                // `has-[>svg]:px-3` do Button entra em conflito com o recuo dos filhos e
+                // anula a indentação. Mesmo padrão adotado no MultiSelect.
+                b == null ? void 0 : b.map((e, a) => /* @__PURE__ */ c(
+                  "div",
+                  {
+                    className: o(
+                      // Separador entre blocos de grupo
+                      a > 0 && "mt-1.5 border-t border-border pt-1.5"
+                    ),
+                    children: [
+                      e.value ? (
+                        // Cabeçalho selecionável — representa o próprio grupo
+                        /* @__PURE__ */ c(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: () => u(e.value),
+                            className: o(
+                              "flex w-full items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm",
+                              "font-semibold uppercase tracking-wide",
+                              "transition-colors duration-100 hover:bg-accent hover:text-accent-foreground",
+                              l === e.value && "bg-accent"
+                            ),
+                            children: [
+                              /* @__PURE__ */ t("span", { className: "truncate", children: e.label }),
+                              /* @__PURE__ */ t(
+                                h,
+                                {
+                                  className: o(
+                                    "h-4 w-4 shrink-0",
+                                    l === e.value ? "opacity-100" : "opacity-0"
+                                  )
+                                }
+                              )
+                            ]
+                          }
+                        )
+                      ) : (
+                        // Cabeçalho apenas visual
+                        /* @__PURE__ */ t("div", { className: "px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground", children: e.label })
+                      ),
+                      e.options.map((r) => /* @__PURE__ */ c(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => u(r.value),
+                          disabled: r.disabled,
+                          className: o(
+                            "flex w-full items-center justify-between gap-2 rounded-sm py-1.5 pl-6 pr-2 text-sm",
+                            "transition-colors duration-100 hover:bg-accent hover:text-accent-foreground",
+                            "disabled:pointer-events-none disabled:opacity-50",
+                            l === r.value && "bg-accent"
+                          ),
+                          children: [
+                            /* @__PURE__ */ t("span", { className: "truncate", children: r.label }),
+                            /* @__PURE__ */ t(
+                              h,
+                              {
+                                className: o(
+                                  "h-4 w-4 shrink-0",
+                                  l === r.value ? "opacity-100" : "opacity-0"
+                                )
+                              }
+                            )
+                          ]
+                        },
+                        r.value
+                      ))
+                    ]
+                  },
+                  e.value ?? e.label
+                ))
+              ) : k.map((e) => /* @__PURE__ */ c(
+                R,
+                {
+                  variant: "ghost",
+                  className: o(
+                    "w-full justify-start font-normal",
+                    l === e.value && "bg-accent"
+                  ),
+                  onClick: () => u(e.value),
+                  disabled: e.disabled,
+                  children: [
+                    /* @__PURE__ */ t(
+                      h,
+                      {
+                        className: o(
+                          "mr-2 h-4 w-4",
+                          l === e.value ? "opacity-100" : "opacity-0"
+                        )
+                      }
+                    ),
+                    /* @__PURE__ */ t("span", { className: "truncate", children: e.label })
+                  ]
+                },
+                e.value
+              )) : /* @__PURE__ */ t("div", { className: "py-6 text-center text-sm text-muted-foreground", children: O }) })
+            }
+          )
+        ] })
+      }
+    )
+  ] });
+});
+Y.displayName = "Combobox";
+export {
+  Y as Combobox
+};
+//# sourceMappingURL=combobox.js.map

package/dist/components/ui/forms/combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.js","sources":["../../../../src/components/ui/forms/combobox.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { Check, ChevronsUpDown, Search } from \"lucide-react\";\nimport { cn, mergeRefs } from \"../utils\";\nimport { Button } from \"../primitives/button\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"../overlays/popover\";\nimport { Input } from \"./input\";\n\nexport interface ComboboxOption {\n  value: string;\n  label: string;\n  disabled?: boolean;\n}\n\nexport interface ComboboxGroup {\n  /**\n   * Rótulo do grupo — renderizado em negrito e caixa alta\n   */\n  label: string;\n\n  /**\n   * Quando presente, o cabeçalho do grupo é selecionável e representa o próprio grupo.\n   * Sem `value`, o cabeçalho é apenas um rótulo visual não clicável.\n   */\n  value?: string;\n\n  /**\n   * Opções pertencentes ao grupo — renderizadas indentadas, em peso normal\n   */\n  options: ComboboxOption[];\n}\n\nexport interface ComboboxProps {\n  /** Rótulo acessível do gatilho quando não há `<Label>` associado */\n  \"aria-label\"?: string;\n  \"aria-labelledby\"?: string;\n\n  /**\n   * Valor selecionado atual\n   */\n  value?: string;\n\n  /**\n   * Callback quando o valor muda\n   */\n  onValueChange?: (value: string) => void;\n\n  /**\n   * Lista de opções disponíveis.\n   * Use `options` OU `groups` — nunca os dois ao mesmo tempo.\n   */\n  options?: ComboboxOption[];\n\n  /**\n   * Opções agrupadas hierarquicamente.\n   * Use `options` OU `groups` — nunca os dois ao mesmo tempo.\n   */\n  groups?: ComboboxGroup[];\n\n  /**\n   * Placeholder quando nenhum valor está selecionado\n   */\n  placeholder?: string;\n  \n  /**\n   * Placeholder do campo de busca\n   */\n  searchPlaceholder?: string;\n  \n  /**\n   * Mensagem quando não há resultados\n   */\n  emptyMessage?: string;\n  \n  /**\n   * Se o campo está desabilitado\n   */\n  disabled?: boolean;\n  \n  /**\n   * Se está carregando opções\n   */\n  loading?: boolean;\n  \n  /**\n   * Classes adicionais para o trigger\n   */\n  className?: string;\n  \n  /**\n   * Largura do popover (padrão: mesma largura do trigger)\n   */\n  popoverWidth?: string | number;\n  \n  /**\n   * Altura máxima da lista de opções\n   */\n  maxHeight?: string;\n  \n  /**\n   * Alinhamento do popover\n   */\n  align?: \"start\" | \"center\" | \"end\";\n  \n  /**\n   * Se deve permitir limpar seleção\n   */\n  clearable?: boolean;\n\n  /**\n   * Função customizada de filtro\n   */\n  filterFn?: (option: ComboboxOption, searchTerm: string) => boolean;\n}\n\n/**\n * ComboBox - Componente de seleção com busca\n * \n * Combina um Select tradicional com capacidade de pesquisa.\n * Ideal para listas grandes onde o usuário precisa buscar valores.\n *\n * @example\n * ```tsx\n * // Lista plana\n * <Combobox\n *   value={clienteId}\n *   onValueChange={setClienteId}\n *   options={clientes}\n *   placeholder=\"Selecione o cliente\"\n *   searchPlaceholder=\"Buscar cliente...\"\n * />\n *\n * // Lista hierárquica — grupos selecionáveis com seus clientes indentados\n * <Combobox\n *   value={selecao}\n *   onValueChange={setSelecao}\n *   groups={grupos.map(g => ({\n *     label: g.nomeGrupo,\n *     value: `g-${g.grupoClienteId}`,\n *     options: g.clientes.map(c => ({ value: String(c.id), label: c.nome })),\n *   }))}\n * />\n * ```\n */\nexport const Combobox = React.forwardRef<\n  React.ElementRef<typeof Button>,\n  ComboboxProps\n>(({\n  value,\n  onValueChange,\n  options,\n  groups,\n  placeholder = \"Selecionar...\",\n  searchPlaceholder = \"Buscar...\",\n  emptyMessage = \"Nenhum resultado encontrado\",\n  disabled = false,\n  loading = false,\n  className,\n  popoverWidth,\n  maxHeight = \"300px\",\n  align = \"start\",\n  clearable = false,\n  filterFn,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n}, ref) => {\n  const [open, setOpen] = React.useState(false);\n  const [searchTerm, setSearchTerm] = React.useState(\"\");\n  const triggerRef = React.useRef<HTMLButtonElement>(null);\n  const mergedTriggerRef = React.useMemo(() => mergeRefs(triggerRef, ref), [ref]);\n\n  // Função de filtro padrão\n  const defaultFilterFn = (option: ComboboxOption, term: string) => {\n    const searchLower = term.toLowerCase();\n    return (\n      option.label.toLowerCase().includes(searchLower) ||\n      option.value.toLowerCase().includes(searchLower)\n    );\n  };\n\n  const filter = filterFn || defaultFilterFn;\n\n  // Filtrar opções baseado no termo de busca\n  const filteredOptions = React.useMemo(() => {\n    if (!options) return [];\n    if (!searchTerm) return options;\n    return options.filter((option) => filter(option, searchTerm));\n  }, [options, searchTerm, filter]);\n\n  // Filtrar grupos preservando a hierarquia: um grupo permanece visível quando o próprio\n  // rótulo casa com a busca (com todas as suas opções) ou quando alguma opção casa.\n  const filteredGroups = React.useMemo(() => {\n    if (!groups) return undefined;\n    if (!searchTerm) return groups;\n\n    const termLower = searchTerm.toLowerCase();\n\n    return groups\n      .map((group) => {\n        if (group.label.toLowerCase().includes(termLower)) return group;\n        return { ...group, options: group.options.filter((o) => filter(o, searchTerm)) };\n      })\n      .filter(\n        (group) =>\n          group.options.length > 0 || group.label.toLowerCase().includes(termLower)\n      );\n  }, [groups, searchTerm, filter]);\n\n  // Todas as opções selecionáveis — inclui os cabeçalhos de grupo que têm `value`,\n  // para que o trigger consiga exibir o rótulo de um grupo selecionado.\n  const allOptions = React.useMemo<ComboboxOption[]>(() => {\n    if (groups) {\n      return groups.flatMap((group) => [\n        ...(group.value ? [{ value: group.value, label: group.label }] : []),\n        ...group.options,\n      ]);\n    }\n    return options ?? [];\n  }, [options, groups]);\n\n  // Encontrar a opção selecionada\n  const selectedOption = allOptions.find((option) => option.value === value);\n\n  const hasResults = groups\n    ? (filteredGroups?.length ?? 0) > 0\n    : filteredOptions.length > 0;\n\n  // Resetar busca ao fechar\n  const handleOpenChange = (newOpen: boolean) => {\n    setOpen(newOpen);\n    if (!newOpen) {\n      setSearchTerm(\"\");\n    }\n  };\n\n  // Selecionar opção\n  const handleSelect = (selectedValue: string) => {\n    if (value === selectedValue && clearable) {\n      onValueChange?.(\"\");\n    } else {\n      onValueChange?.(selectedValue);\n    }\n    setOpen(false);\n  };\n\n  return (\n    <Popover open={open} onOpenChange={handleOpenChange}>\n      <PopoverTrigger asChild>\n        <Button\n          ref={mergedTriggerRef}\n          variant=\"outline\"\n          role=\"combobox\"\n          aria-expanded={open}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledby}\n          className={cn(\n            \"w-full justify-between font-normal\",\n            !value && \"text-muted-foreground\",\n            className\n          )}\n          disabled={disabled || loading}\n        >\n          <span className=\"truncate\">\n            {loading\n              ? \"Carregando...\"\n              : selectedOption\n              ? selectedOption.label\n              : placeholder}\n          </span>\n          <ChevronsUpDown className=\"ml-2 h-4 w-4 shrink-0 opacity-50\" />\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        className=\"overflow-hidden p-0\"\n        style={{\n          width: popoverWidth || triggerRef.current?.offsetWidth || 'auto',\n        }}\n        align={align}\n      >\n        <div className=\"flex flex-col overflow-hidden\">\n          {/* Search Input */}\n          <div className=\"flex items-center border-b px-3\">\n            <Search className=\"mr-2 h-4 w-4 shrink-0 opacity-50\" />\n            <Input\n              placeholder={searchPlaceholder}\n              value={searchTerm}\n              onChange={(e) => setSearchTerm(e.target.value)}\n              className=\"h-11 border-0 focus-visible:ring-0 focus-visible:ring-offset-0\"\n              autoFocus\n            />\n          </div>\n\n          {/* Options List */}\n          <div\n            className=\"overflow-y-auto overflow-x-hidden overscroll-contain [&::-webkit-scrollbar]:w-2.5 [&::-webkit-scrollbar-track]:bg-transparent [&::-webkit-scrollbar-thumb]:rounded-full [&::-webkit-scrollbar-thumb]:bg-primary/30 [&::-webkit-scrollbar-thumb:hover]:bg-primary/50\"\n            style={{ maxHeight }}\n            onWheel={(e) => e.stopPropagation()}\n            onTouchMove={(e) => e.stopPropagation()}\n          >\n            <div className=\"p-1\">\n              {!hasResults ? (\n                <div className=\"py-6 text-center text-sm text-muted-foreground\">\n                  {emptyMessage}\n                </div>\n              ) : groups ? (\n                // Itens de grupo usam <button> nativo, não o componente Button: a variante\n                // `has-[>svg]:px-3` do Button entra em conflito com o recuo dos filhos e\n                // anula a indentação. Mesmo padrão adotado no MultiSelect.\n                filteredGroups?.map((group, groupIndex) => (\n                  <div\n                    key={group.value ?? group.label}\n                    className={cn(\n                      // Separador entre blocos de grupo\n                      groupIndex > 0 && \"mt-1.5 border-t border-border pt-1.5\"\n                    )}\n                  >\n                    {group.value ? (\n                      // Cabeçalho selecionável — representa o próprio grupo\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSelect(group.value!)}\n                        className={cn(\n                          \"flex w-full items-center justify-between gap-2 rounded-sm px-2 py-1.5 text-sm\",\n                          \"font-semibold uppercase tracking-wide\",\n                          \"transition-colors duration-100 hover:bg-accent hover:text-accent-foreground\",\n                          value === group.value && \"bg-accent\"\n                        )}\n                      >\n                        <span className=\"truncate\">{group.label}</span>\n                        <Check\n                          className={cn(\n                            \"h-4 w-4 shrink-0\",\n                            value === group.value ? \"opacity-100\" : \"opacity-0\"\n                          )}\n                        />\n                      </button>\n                    ) : (\n                      // Cabeçalho apenas visual\n                      <div className=\"px-2 py-1.5 text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                        {group.label}\n                      </div>\n                    )}\n                    {group.options.map((option) => (\n                      <button\n                        key={option.value}\n                        type=\"button\"\n                        onClick={() => handleSelect(option.value)}\n                        disabled={option.disabled}\n                        className={cn(\n                          \"flex w-full items-center justify-between gap-2 rounded-sm py-1.5 pl-6 pr-2 text-sm\",\n                          \"transition-colors duration-100 hover:bg-accent hover:text-accent-foreground\",\n                          \"disabled:pointer-events-none disabled:opacity-50\",\n                          value === option.value && \"bg-accent\"\n                        )}\n                      >\n                        <span className=\"truncate\">{option.label}</span>\n                        <Check\n                          className={cn(\n                            \"h-4 w-4 shrink-0\",\n                            value === option.value ? \"opacity-100\" : \"opacity-0\"\n                          )}\n                        />\n                      </button>\n                    ))}\n                  </div>\n                ))\n              ) : (\n                filteredOptions.map((option) => (\n                  <Button\n                    key={option.value}\n                    variant=\"ghost\"\n                    className={cn(\n                      \"w-full justify-start font-normal\",\n                      value === option.value && \"bg-accent\"\n                    )}\n                    onClick={() => handleSelect(option.value)}\n                    disabled={option.disabled}\n                  >\n                    <Check\n                      className={cn(\n                        \"mr-2 h-4 w-4\",\n                        value === option.value ? \"opacity-100\" : \"opacity-0\"\n                      )}\n                    />\n                    <span className=\"truncate\">{option.label}</span>\n                  </Button>\n                ))\n              )}\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n});\nCombobox.displayName = \"Combobox\";\n"],"names":["Combobox","React","value","onValueChange","options","groups","placeholder","searchPlaceholder","emptyMessage","disabled","loading","className","popoverWidth","maxHeight","align","clearable","filterFn","ariaLabel","ariaLabelledby","ref","open","setOpen","searchTerm","setSearchTerm","triggerRef","mergedTriggerRef","mergeRefs","filter","option","term","searchLower","filteredOptions","filteredGroups","termLower","group","o","selectedOption","hasResults","handleOpenChange","newOpen","handleSelect","selectedValue","jsxs","Popover","jsx","PopoverTrigger","Button","cn","ChevronsUpDown","PopoverContent","_a","Search","Input","groupIndex","Check"],"mappings":"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"}

package/dist/components/ui/forms/currency-input.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),b=require("react"),f=require("./number-input.cjs"),i=require("lucide-react"),u=require("./input-group.cjs"),j=require("../utils.cjs");function y(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const x=y(b),I={BRL:{symbol:"R$",icon:i.Coins,locale:"pt-BR"},USD:{symbol:"$",icon:i.DollarSign,locale:"en-US"},EUR:{symbol:"€",icon:i.Euro,locale:"de-DE"}},g=x.forwardRef(({className:e,currency:t="BRL",locale:r,showSymbol:o=!1,symbolPosition:c="start",min:s=0,...a},l)=>{const m=I[t],p=r||m.locale,d=m.icon;return o?n.jsxs(u.InputGroup,{className:e,children:[c==="start"&&n.jsx(u.InputGroupAddon,{children:n.jsx(d,{className:"h-4 w-4 text-muted-foreground"})}),n.jsx(f.NumberInput,{ref:l,className:j.cn("border-none shadow-none ring-0 focus-visible:ring-0 focus-visible:border-transparent",c==="start"?"pl-2":"pr-2"),min:s,precision:2,formatOptions:{style:"currency",currency:t,minimumFractionDigits:2,maximumFractionDigits:2},locale:p,...a}),c==="end"&&n.jsx(u.InputGroupAddon,{align:"inline-end",children:n.jsx(d,{className:"h-4 w-4 text-muted-foreground"})})]}):n.jsx(f.NumberInput,{ref:l,className:e,min:s,precision:2,formatOptions:{style:"currency",currency:t,minimumFractionDigits:2,maximumFractionDigits:2},locale:p,...a})});g.displayName="CurrencyInput";exports.CurrencyInput=g;
+//# sourceMappingURL=currency-input.cjs.map

package/dist/components/ui/forms/currency-input.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.cjs","sources":["../../../../src/components/ui/forms/currency-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { NumberInput, NumberInputProps } from \"./number-input\";\nimport { DollarSign, Euro, Coins } from \"lucide-react\";\nimport { InputGroup, InputGroupAddon } from \"./input-group\";\nimport { cn } from \"../utils\";\n\nexport interface CurrencyInputProps extends Omit<NumberInputProps, \"formatOptions\" | \"precision\"> {\n  currency?: \"BRL\" | \"USD\" | \"EUR\";\n  locale?: string;\n  showSymbol?: boolean;\n  symbolPosition?: \"start\" | \"end\";\n}\n\nconst currencyConfig = {\n  BRL: {\n    symbol: \"R$\",\n    icon: Coins,\n    locale: \"pt-BR\",\n  },\n  USD: {\n    symbol: \"$\",\n    icon: DollarSign,\n    locale: \"en-US\",\n  },\n  EUR: {\n    symbol: \"€\",\n    icon: Euro,\n    locale: \"de-DE\",\n  },\n} as const;\n\nconst CurrencyInput = React.forwardRef<HTMLInputElement, CurrencyInputProps>(\n  (\n    {\n      className,\n      currency = \"BRL\",\n      locale: customLocale,\n      showSymbol = false,\n      symbolPosition = \"start\",\n      min = 0,\n      ...props\n    },\n    ref\n  ) => {\n    const config = currencyConfig[currency];\n    const effectiveLocale = customLocale || config.locale;\n    const Icon = config.icon;\n\n    // Se não mostrar símbolo, retorna NumberInput puro\n    if (!showSymbol) {\n      return (\n        <NumberInput\n          ref={ref}\n          className={className}\n          min={min}\n          precision={2}\n          formatOptions={{\n            style: \"currency\",\n            currency: currency,\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n          }}\n          locale={effectiveLocale}\n          {...props}\n        />\n      );\n    }\n\n    // Com símbolo, usa InputGroup\n    return (\n      <InputGroup className={className}>\n        {symbolPosition === \"start\" && (\n          <InputGroupAddon>\n            <Icon className=\"h-4 w-4 text-muted-foreground\" />\n          </InputGroupAddon>\n        )}\n        \n        <NumberInput\n          ref={ref}\n          className={cn(\n            \"border-none shadow-none ring-0 focus-visible:ring-0 focus-visible:border-transparent\",\n            symbolPosition === \"start\" ? \"pl-2\" : \"pr-2\"\n          )}\n          min={min}\n          precision={2}\n          formatOptions={{\n            style: \"currency\",\n            currency: currency,\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n          }}\n          locale={effectiveLocale}\n          {...props}\n        />\n\n        {symbolPosition === \"end\" && (\n          <InputGroupAddon align=\"inline-end\">\n            <Icon className=\"h-4 w-4 text-muted-foreground\" />\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n  }\n);\n\nCurrencyInput.displayName = \"CurrencyInput\";\n\nexport { CurrencyInput };\n\n"],"names":["currencyConfig","Coins","DollarSign","Euro","CurrencyInput","React","className","currency","customLocale","showSymbol","symbolPosition","min","props","ref","config","effectiveLocale","Icon","jsxs","InputGroup","jsx","InputGroupAddon","NumberInput","cn"],"mappings":"kiBAeMA,EAAiB,CACrB,IAAK,CACH,OAAQ,KACR,KAAMC,EAAAA,MACN,OAAQ,OAAA,EAEV,IAAK,CACH,OAAQ,IACR,KAAMC,EAAAA,WACN,OAAQ,OAAA,EAEV,IAAK,CACH,OAAQ,IACR,KAAMC,EAAAA,KACN,OAAQ,OAAA,CAEZ,EAEMC,EAAgBC,EAAM,WAC1B,CACE,CACE,UAAAC,EACA,SAAAC,EAAW,MACX,OAAQC,EACR,WAAAC,EAAa,GACb,eAAAC,EAAiB,QACjB,IAAAC,EAAM,EACN,GAAGC,CAAA,EAELC,IACG,CACH,MAAMC,EAASd,EAAeO,CAAQ,EAChCQ,EAAkBP,GAAgBM,EAAO,OACzCE,EAAOF,EAAO,KAGpB,OAAKL,EAqBHQ,OAACC,EAAAA,YAAW,UAAAZ,EACT,SAAA,CAAAI,IAAmB,SAClBS,MAACC,EAAAA,gBAAA,CACC,eAACJ,EAAA,CAAK,UAAU,gCAAgC,CAAA,CAClD,EAGFG,EAAAA,IAACE,EAAAA,YAAA,CACC,IAAAR,EACA,UAAWS,EAAAA,GACT,uFACAZ,IAAmB,QAAU,OAAS,MAAA,EAExC,IAAAC,EACA,UAAW,EACX,cAAe,CACb,MAAO,WACP,SAAAJ,EACA,sBAAuB,EACvB,sBAAuB,CAAA,EAEzB,OAAQQ,EACP,GAAGH,CAAA,CAAA,EAGLF,IAAmB,OAClBS,EAAAA,IAACC,EAAAA,gBAAA,CAAgB,MAAM,aACrB,SAAAD,EAAAA,IAACH,EAAA,CAAK,UAAU,+BAAA,CAAgC,CAAA,CAClD,CAAA,EAEJ,EAjDEG,EAAAA,IAACE,EAAAA,YAAA,CACC,IAAAR,EACA,UAAAP,EACA,IAAAK,EACA,UAAW,EACX,cAAe,CACb,MAAO,WACP,SAAAJ,EACA,sBAAuB,EACvB,sBAAuB,CAAA,EAEzB,OAAQQ,EACP,GAAGH,CAAA,CAAA,CAuCZ,CACF,EAEAR,EAAc,YAAc"}

package/dist/components/ui/forms/currency-input.js

@@ -0,0 +1,81 @@
+"use client";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import * as g from "react";
+import { NumberInput as m } from "./number-input.js";
+import { Euro as x, DollarSign as y, Coins as D } from "lucide-react";
+import { InputGroup as R, InputGroupAddon as u } from "./input-group.js";
+import { cn as b } from "../utils.js";
+const h = {
+  BRL: {
+    symbol: "R$",
+    icon: D,
+    locale: "pt-BR"
+  },
+  USD: {
+    symbol: "$",
+    icon: y,
+    locale: "en-US"
+  },
+  EUR: {
+    symbol: "€",
+    icon: x,
+    locale: "de-DE"
+  }
+}, I = g.forwardRef(
+  ({
+    className: e,
+    currency: r = "BRL",
+    locale: p,
+    showSymbol: f = !1,
+    symbolPosition: n = "start",
+    min: i = 0,
+    ...t
+  }, c) => {
+    const a = h[r], s = p || a.locale, l = a.icon;
+    return f ? /* @__PURE__ */ d(R, { className: e, children: [
+      n === "start" && /* @__PURE__ */ o(u, { children: /* @__PURE__ */ o(l, { className: "h-4 w-4 text-muted-foreground" }) }),
+      /* @__PURE__ */ o(
+        m,
+        {
+          ref: c,
+          className: b(
+            "border-none shadow-none ring-0 focus-visible:ring-0 focus-visible:border-transparent",
+            n === "start" ? "pl-2" : "pr-2"
+          ),
+          min: i,
+          precision: 2,
+          formatOptions: {
+            style: "currency",
+            currency: r,
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2
+          },
+          locale: s,
+          ...t
+        }
+      ),
+      n === "end" && /* @__PURE__ */ o(u, { align: "inline-end", children: /* @__PURE__ */ o(l, { className: "h-4 w-4 text-muted-foreground" }) })
+    ] }) : /* @__PURE__ */ o(
+      m,
+      {
+        ref: c,
+        className: e,
+        min: i,
+        precision: 2,
+        formatOptions: {
+          style: "currency",
+          currency: r,
+          minimumFractionDigits: 2,
+          maximumFractionDigits: 2
+        },
+        locale: s,
+        ...t
+      }
+    );
+  }
+);
+I.displayName = "CurrencyInput";
+export {
+  I as CurrencyInput
+};
+//# sourceMappingURL=currency-input.js.map

package/dist/components/ui/forms/currency-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currency-input.js","sources":["../../../../src/components/ui/forms/currency-input.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { NumberInput, NumberInputProps } from \"./number-input\";\nimport { DollarSign, Euro, Coins } from \"lucide-react\";\nimport { InputGroup, InputGroupAddon } from \"./input-group\";\nimport { cn } from \"../utils\";\n\nexport interface CurrencyInputProps extends Omit<NumberInputProps, \"formatOptions\" | \"precision\"> {\n  currency?: \"BRL\" | \"USD\" | \"EUR\";\n  locale?: string;\n  showSymbol?: boolean;\n  symbolPosition?: \"start\" | \"end\";\n}\n\nconst currencyConfig = {\n  BRL: {\n    symbol: \"R$\",\n    icon: Coins,\n    locale: \"pt-BR\",\n  },\n  USD: {\n    symbol: \"$\",\n    icon: DollarSign,\n    locale: \"en-US\",\n  },\n  EUR: {\n    symbol: \"€\",\n    icon: Euro,\n    locale: \"de-DE\",\n  },\n} as const;\n\nconst CurrencyInput = React.forwardRef<HTMLInputElement, CurrencyInputProps>(\n  (\n    {\n      className,\n      currency = \"BRL\",\n      locale: customLocale,\n      showSymbol = false,\n      symbolPosition = \"start\",\n      min = 0,\n      ...props\n    },\n    ref\n  ) => {\n    const config = currencyConfig[currency];\n    const effectiveLocale = customLocale || config.locale;\n    const Icon = config.icon;\n\n    // Se não mostrar símbolo, retorna NumberInput puro\n    if (!showSymbol) {\n      return (\n        <NumberInput\n          ref={ref}\n          className={className}\n          min={min}\n          precision={2}\n          formatOptions={{\n            style: \"currency\",\n            currency: currency,\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n          }}\n          locale={effectiveLocale}\n          {...props}\n        />\n      );\n    }\n\n    // Com símbolo, usa InputGroup\n    return (\n      <InputGroup className={className}>\n        {symbolPosition === \"start\" && (\n          <InputGroupAddon>\n            <Icon className=\"h-4 w-4 text-muted-foreground\" />\n          </InputGroupAddon>\n        )}\n        \n        <NumberInput\n          ref={ref}\n          className={cn(\n            \"border-none shadow-none ring-0 focus-visible:ring-0 focus-visible:border-transparent\",\n            symbolPosition === \"start\" ? \"pl-2\" : \"pr-2\"\n          )}\n          min={min}\n          precision={2}\n          formatOptions={{\n            style: \"currency\",\n            currency: currency,\n            minimumFractionDigits: 2,\n            maximumFractionDigits: 2,\n          }}\n          locale={effectiveLocale}\n          {...props}\n        />\n\n        {symbolPosition === \"end\" && (\n          <InputGroupAddon align=\"inline-end\">\n            <Icon className=\"h-4 w-4 text-muted-foreground\" />\n          </InputGroupAddon>\n        )}\n      </InputGroup>\n    );\n  }\n);\n\nCurrencyInput.displayName = \"CurrencyInput\";\n\nexport { CurrencyInput };\n\n"],"names":["currencyConfig","Coins","DollarSign","Euro","CurrencyInput","React","className","currency","customLocale","showSymbol","symbolPosition","min","props","ref","config","effectiveLocale","Icon","jsxs","InputGroup","jsx","InputGroupAddon","NumberInput","cn"],"mappings":";;;;;;;AAeA,MAAMA,IAAiB;AAAA,EACrB,KAAK;AAAA,IACH,QAAQ;AAAA,IACR,MAAMC;AAAA,IACN,QAAQ;AAAA,EAAA;AAAA,EAEV,KAAK;AAAA,IACH,QAAQ;AAAA,IACR,MAAMC;AAAA,IACN,QAAQ;AAAA,EAAA;AAAA,EAEV,KAAK;AAAA,IACH,QAAQ;AAAA,IACR,MAAMC;AAAA,IACN,QAAQ;AAAA,EAAA;AAEZ,GAEMC,IAAgBC,EAAM;AAAA,EAC1B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,QAAQC;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,gBAAAC,IAAiB;AAAA,IACjB,KAAAC,IAAM;AAAA,IACN,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAASd,EAAeO,CAAQ,GAChCQ,IAAkBP,KAAgBM,EAAO,QACzCE,IAAOF,EAAO;AAGpB,WAAKL,IAqBH,gBAAAQ,EAACC,KAAW,WAAAZ,GACT,UAAA;AAAA,MAAAI,MAAmB,WAClB,gBAAAS,EAACC,GAAA,EACC,4BAACJ,GAAA,EAAK,WAAU,iCAAgC,EAAA,CAClD;AAAA,MAGF,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAAR;AAAA,UACA,WAAWS;AAAA,YACT;AAAA,YACAZ,MAAmB,UAAU,SAAS;AAAA,UAAA;AAAA,UAExC,KAAAC;AAAA,UACA,WAAW;AAAA,UACX,eAAe;AAAA,YACb,OAAO;AAAA,YACP,UAAAJ;AAAA,YACA,uBAAuB;AAAA,YACvB,uBAAuB;AAAA,UAAA;AAAA,UAEzB,QAAQQ;AAAA,UACP,GAAGH;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLF,MAAmB,SAClB,gBAAAS,EAACC,GAAA,EAAgB,OAAM,cACrB,UAAA,gBAAAD,EAACH,GAAA,EAAK,WAAU,gCAAA,CAAgC,EAAA,CAClD;AAAA,IAAA,GAEJ,IAjDE,gBAAAG;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,KAAAR;AAAA,QACA,WAAAP;AAAA,QACA,KAAAK;AAAA,QACA,WAAW;AAAA,QACX,eAAe;AAAA,UACb,OAAO;AAAA,UACP,UAAAJ;AAAA,UACA,uBAAuB;AAAA,UACvB,uBAAuB;AAAA,QAAA;AAAA,QAEzB,QAAQQ;AAAA,QACP,GAAGH;AAAA,MAAA;AAAA,IAAA;AAAA,EAuCZ;AACF;AAEAR,EAAc,cAAc;"}

package/dist/components/ui/forms/date-picker.cjs

@@ -0,0 +1,2 @@
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),v=require("date-fns"),J=require("date-fns/locale"),k=require("lucide-react"),Q=require("react"),H=require("../primitives/button.cjs"),U=require("./calendar.cjs"),W=require("./input.cjs"),N=require("../overlays/popover.cjs"),Y=require("./time-picker.cjs"),Z=require("../utils.cjs");function T(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const d in r)if(d!=="default"){const n=Object.getOwnPropertyDescriptor(r,d);Object.defineProperty(t,d,n.get?n:{enumerable:!0,get:()=>r[d]})}}return t.default=r,Object.freeze(t)}const a=T(Q),w=a.forwardRef(({value:r,onChange:t,placeholder:d="Selecione uma data",disabled:n=!1,minDate:y,maxDate:p,dateFormat:D,locale:m=J.ptBR,className:O,error:S=!1,showTime:o=!1,timeFormat:B="24h",minuteStep:R=5,defaultTime:I="09:00",id:z,name:F},V)=>{const[E,M]=a.useState(!1),[j,f]=a.useState(""),[x,c]=a.useState(!1),b=D||(o?"dd/MM/yyyy HH:mm":"dd/MM/yyyy"),_=a.useMemo(()=>o?["dd/MM/yyyy HH:mm","dd/MM/yyyy HH:mm:ss","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","ddMMyyyy","ddMMyy"],[o]);a.useEffect(()=>{r?(f(v.format(r,b,{locale:m})),c(!1)):(f(""),c(!1))},[r,b,m]);const P=a.useMemo(()=>{if(!r)return I;const e=r.getHours().toString().padStart(2,"0"),i=r.getMinutes().toString().padStart(2,"0");return`${e}:${i}`},[r,I]),K=e=>{if(!n){if(!e){t==null||t(void 0);return}if(o){const[i,l]=P.split(":").map(Number);e.setHours(i,l,0,0)}else e.setHours(0,0,0,0);t==null||t(e),o||M(!1)}},h=e=>{if(r){const i=new Date(r),[l,u]=e.split(":").map(Number);i.setHours(l,u,0,0),t==null||t(i)}else{const i=new Date,[l,u]=e.split(":").map(Number);i.setHours(l,u,0,0),t==null||t(i)}},A=e=>{const i=e.trim();if(!i)return null;for(const l of _)try{const u=v.parse(i,l,new Date);if(v.isValid(u)){if(y&&u<y||p&&u>p)continue;return u}}catch{continue}return null},L=e=>{if(n)return;const i=e.target.value;f(i),c(!1)},q=()=>{if(n)return;if(!j.trim()){t==null||t(void 0),c(!1);return}const e=A(j);e?(t==null||t(e),c(!1)):c(!0)},X=e=>{e.key==="Enter"?(e.preventDefault(),q(),x||M(!0)):e.key==="Escape"&&(e.preventDefault(),f(r?v.format(r,b,{locale:m}):""),c(!1))},G=e=>{e.stopPropagation(),t==null||t(void 0),f(""),c(!1)};return s.jsxs(N.Popover,{open:!n&&E,onOpenChange:e=>{n||M(e)},children:[s.jsxs("div",{className:"relative w-full",children:[s.jsx(W.Input,{ref:V,id:z,name:F,value:j,onChange:L,onBlur:q,onKeyDown:X,placeholder:d,disabled:n,"aria-invalid":S||x,className:Z.cn("pr-20",(S||x)&&"border-destructive focus-visible:ring-destructive/20",O)}),s.jsxs("div",{className:"absolute inset-y-0 right-0 flex items-center gap-1 pr-1",children:[j&&!n&&s.jsxs(H.Button,{type:"button",variant:"ghost",size:"sm",className:"h-7 w-7 p-0 hover:bg-transparent",onClick:G,tabIndex:-1,children:[s.jsx(k.X,{className:"h-4 w-4 text-muted-foreground hover:text-foreground"}),s.jsx("span",{className:"sr-only",children:"Limpar"})]}),s.jsx(N.PopoverTrigger,{asChild:!0,children:s.jsx(H.Button,{type:"button",variant:"ghost",size:"sm",className:"h-7 w-7 p-0 hover:bg-transparent",disabled:n,"aria-label":"Abrir calendário",children:s.jsx(k.CalendarIcon,{className:"h-4 w-4 text-muted-foreground"})})})]})]}),s.jsxs(N.PopoverContent,{className:"w-auto p-0",align:"start",children:[s.jsx(U.Calendar,{mode:"single",selected:r,onSelect:K,disabled:e=>!!(y&&e<y||p&&e>p),locale:m,autoFocus:!0,defaultMonth:r||void 0}),o&&s.jsx("div",{className:"border-t p-3",children:s.jsx(Y.TimePicker,{value:P,onChange:h,format:B,minuteStep:R,variant:"inline",showIcon:!0})}),o&&s.jsx("div",{className:"border-t p-3 flex justify-end",children:s.jsx(H.Button,{size:"sm",onClick:()=>M(!1),children:"Confirmar"})})]})]})});w.displayName="DatePicker";exports.DatePicker=w;
+//# sourceMappingURL=date-picker.cjs.map