@cnc-ti/layout-basic 8.3.27 → 8.3.29

package/dist/index.d.mts

@@ -416,6 +416,7 @@ declare function Title({ title, as: Component }: TitleProps): react_jsx_runtime.
 interface ItemOption {
     value: any;
     label: string;
+    disabled?: boolean;
 }
 /**
  * Propriedades para o componente Combobox.
@@ -437,6 +438,14 @@ interface ComboboxProps {
     onChange?: (value: string) => void;
     value?: string;
     onInput?: (value: string) => void;
+    /** Se o popover deve ter comportamento modal (padrão: false para compatibilidade com Drawers) */
+    modal?: boolean;
+    /** Classes CSS adicionais para o PopoverContent */
+    popoverClassName?: string;
+    /** Classes CSS adicionais para o botão trigger */
+    buttonClassName?: string;
+    /** Desabilita o combobox */
+    disabled?: boolean;
 }
 /**
  * Componente Combobox reutilizável com suporte a busca, exibição de placeholder e seleção de opções.
@@ -458,7 +467,7 @@ interface ComboboxProps {
  * />
  * ```
  */
-declare function Combobox({ options, placeholder, command, onChange, value, onInput, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+declare function Combobox({ options, placeholder, command, onChange, value, onInput, modal, popoverClassName, buttonClassName, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;

package/dist/index.d.ts

@@ -416,6 +416,7 @@ declare function Title({ title, as: Component }: TitleProps): react_jsx_runtime.
 interface ItemOption {
     value: any;
     label: string;
+    disabled?: boolean;
 }
 /**
  * Propriedades para o componente Combobox.
@@ -437,6 +438,14 @@ interface ComboboxProps {
     onChange?: (value: string) => void;
     value?: string;
     onInput?: (value: string) => void;
+    /** Se o popover deve ter comportamento modal (padrão: false para compatibilidade com Drawers) */
+    modal?: boolean;
+    /** Classes CSS adicionais para o PopoverContent */
+    popoverClassName?: string;
+    /** Classes CSS adicionais para o botão trigger */
+    buttonClassName?: string;
+    /** Desabilita o combobox */
+    disabled?: boolean;
 }
 /**
  * Componente Combobox reutilizável com suporte a busca, exibição de placeholder e seleção de opções.
@@ -458,7 +467,7 @@ interface ComboboxProps {
  * />
  * ```
  */
-declare function Combobox({ options, placeholder, command, onChange, value, onInput, }: ComboboxProps): react_jsx_runtime.JSX.Element;
+declare function Combobox({ options, placeholder, command, onChange, value, onInput, modal, popoverClassName, buttonClassName, disabled, }: ComboboxProps): react_jsx_runtime.JSX.Element;
 
 declare const Command: React$1.ForwardRefExoticComponent<Omit<{
     children?: React$1.ReactNode;

package/dist/index.js

@@ -10759,15 +10759,18 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 var React58 = __toESM(require("react"));
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var Input = React58.forwardRef(
-  ({ className, type, id, label, ...props }, ref) => {
+  ({ className, type, id, label, required, ...props }, ref) => {
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "cnc-w-full", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      label && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
         "label",
         {
           htmlFor: idGenerate,
           className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
-          children: label
+          children: [
+            label,
+            required && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "text-red-500", children: " *" })
+          ]
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
@@ -11567,17 +11570,22 @@ function Combobox({
   command,
   onChange,
   value = "",
-  onInput
+  onInput,
+  modal = false,
+  popoverClassName,
+  buttonClassName,
+  disabled = false
 }) {
   const [open, setOpen] = React64.useState(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover3, { open, onOpenChange: setOpen, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Popover3, { open, onOpenChange: setOpen, modal, children: [
     /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
       Button,
       {
         variant: "outline",
         role: "combobox",
         "aria-expanded": open,
-        className: "cnc-w-full cnc-justify-between cnc-truncate ",
+        className: cn("cnc-w-full cnc-justify-between cnc-truncate ", buttonClassName),
+        disabled,
         children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
@@ -11588,7 +11596,7 @@ function Combobox({
       PopoverContent3,
       {
         align: "start",
-        className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
+        className: cn("cnc-w-[--radix-popover-trigger-width] cnc-p-0", popoverClassName),
         children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(Command, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             CommandInput,
@@ -11609,6 +11617,7 @@ function Combobox({
                   setOpen(false);
                 },
                 keywords: [option.value, option.label],
+                disabled: option.disabled,
                 children: [
                   /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                     Check,