@cnc-ti/layout-basic 8.3.21 → 8.3.22

package/dist/index.d.mts

@@ -434,6 +434,7 @@ interface ComboboxProps {
     };
     onChange?: (value: string) => void;
     value?: string;
+    onInput?: (value: string) => void;
 }
 /**
  * Componente Combobox reutilizável com suporte a busca, exibição de placeholder e seleção de opções.
@@ -455,7 +456,7 @@ interface ComboboxProps {
  * />
  * ```
  */
-declare function Combobox({ options, placeholder, command, onChange, value, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+declare function Combobox({ options, placeholder, command, onChange, value, onInput, }: ComboboxProps): react_jsx_runtime.JSX.Element;
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;

package/dist/index.d.ts

@@ -434,6 +434,7 @@ interface ComboboxProps {
     };
     onChange?: (value: string) => void;
     value?: string;
+    onInput?: (value: string) => void;
 }
 /**
  * Componente Combobox reutilizável com suporte a busca, exibição de placeholder e seleção de opções.
@@ -455,7 +456,7 @@ interface ComboboxProps {
  * />
  * ```
  */
-declare function Combobox({ options, placeholder, command, onChange, value, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+declare function Combobox({ options, placeholder, command, onChange, value, onInput, }: ComboboxProps): react_jsx_runtime.JSX.Element;
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;

package/dist/index.js

@@ -10776,7 +10776,7 @@ var Input = React58.forwardRef(
           type,
           id: idGenerate,
           className: cn(
-            "cnc-flex cnc-h-8 cnc-w-full cnc-rounded-md cnc-border cnc-border-input cnc-bg-transparent cnc-px-3 cnc-py-1 cnc-text-base cnc-shadow-sm cnc-transition-colors",
+            "cnc-flex cnc-h-10 cnc-w-full cnc-rounded-md cnc-border cnc-border-input cnc-bg-transparent cnc-px-3 cnc-py-1 cnc-text-base cnc-shadow-sm cnc-transition-colors",
             " file:cnc-border-0 file:cnc-bg-transparent file:cnc-text-sm file:cnc-font-medium file:cnc-text-foreground placeholder:cnc-text-muted-foreground focus-visible:cnc-outline-none",
             "focus-visible:cnc-ring-2 focus-visible:cnc-ring-brand-gray-500/50 disabled:cnc-cursor-not-allowed disabled:cnc-opacity-50 md:cnc-text-sm ",
             "not-disabled:hover:cnc-border-brand-gray-500",
@@ -10796,6 +10796,7 @@ var React59 = __toESM(require("react"));
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var Checkbox = React59.forwardRef(
   ({ className, id, label, ...props }, ref) => {
+    console.log();
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
       /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
@@ -11565,7 +11566,8 @@ function Combobox({
   placeholder = "",
   command,
   onChange,
-  value = ""
+  value = "",
+  onInput
 }) {
   const [open, setOpen] = React64.useState(false);
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover3, { open, onOpenChange: setOpen, children: [
@@ -11588,7 +11590,13 @@ function Combobox({
         align: "start",
         className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
         children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Command, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandInput, { placeholder: command?.placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+            CommandInput,
+            {
+              placeholder: command?.placeholder,
+              onInput: (e) => onInput && onInput(e.target?.value)
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(CommandList, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
             /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(