@cnc-ti/layout-basic 8.3.0 → 8.3.1

package/dist/index.d.mts

@@ -1,13 +1,14 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactNode, PropsWithChildren, ReactElement, ComponentProps, SVGProps } from 'react';
+import React__default, { HTMLAttributes, ReactNode, PropsWithChildren, ReactElement, ComponentProps, SVGProps, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as Accordion from '@radix-ui/react-accordion';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 
 declare const buttonVariants: (props?: ({
     variant?: "default" | "confirm" | "create" | "secondary" | "danger" | null | undefined;
@@ -246,6 +247,8 @@ declare const DropdownMenuShortcut: {
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectPortal: React$1.FC<SelectPrimitive.SelectPortalProps>;
+declare const SelectViewport: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -254,4 +257,90 @@ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-export { AplicationsHeader, Button, type ButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HeaderContainer, HeaderProfileHeader, HeaderProfileItem, type HeaderProps, Modal, ModalEntidade, ModalMudancaEntidade, type ModalProps, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, buttonVariants };
+interface InputProps extends React$1.ComponentProps<"input"> {
+    label?: string;
+}
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+type BadgeVariant = "default" | "primary" | "success" | "warning" | "danger" | "info";
+type BadgeSize = "sm" | "md" | "lg";
+interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Variação de cor do badge.
+     */
+    variant?: BadgeVariant;
+    /**
+     * Define se o badge deve ter bordas arredondadas.
+     */
+    rounded?: boolean;
+    /**
+     * Define o tamanho do badge.
+     */
+    size?: BadgeSize;
+}
+/**
+ * Badge é um componente para exibir pequenas contagens, status ou rótulos informativos.
+ */
+declare const Badge: ({ variant, rounded, size, className, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Componente principal do Card.
+ * Utilizado para agrupar visualmente conteúdos relacionados.
+ */
+declare function Card({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Cabeçalho do Card, geralmente utilizado para título ou ações superiores.
+ */
+declare function CardHeader({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Conteúdo principal do Card. Ideal para exibir informações ou formulários.
+ */
+declare function CardContent({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Rodapé do Card. Usado normalmente para botões ou ações relacionadas.
+ */
+declare function CardFooter({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Item do Rodapé do Card. Cada item representa uma ação ou elemento visual.
+ *
+ * ✅ Comportamento:
+ * - Quando dois ou mais `<CardFooterItem />` são renderizados dentro do `<CardFooter />`,
+ *   o segundo e os subsequentes recebem automaticamente uma **borda à esquerda** como separador visual,
+ *   aplicada pela classe `.cnc-molecule-card-item + .cnc-molecule-card-item`.
+ */
+declare function CardFooterItem({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Componente que adiciona animação ao conteúdo do Collapsible.
+ *
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Propriedades do componente
+ * @returns {JSX.Element} Elemento animado do conteúdo
+ */
+declare const AnimatedCollapsibleContent: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Props para o componente `PageHeader`.
+ */
+interface PageHeaderProps {
+    title: string;
+    description?: string;
+    titleAs?: keyof JSX.IntrinsicElements;
+    actions?: ReactNode;
+    showGoBack?: boolean;
+}
+/**
+ * Componente de cabeçalho da página.
+ */
+declare function PageHeader({ title, description, actions, titleAs, showGoBack, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+interface TitleProps {
+    title: string;
+    as?: ElementType;
+}
+/**
+ * Componente de título reutilizável.
+ */
+declare function Title({ title, as: Component }: TitleProps): react_jsx_runtime.JSX.Element;
+
+export { AplicationsHeader, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, Card, CardContent, CardFooter, CardFooterItem, CardHeader, Collapsible, AnimatedCollapsibleContent as CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HeaderContainer, HeaderProfileHeader, HeaderProfileItem, type HeaderProps, Input, type InputProps, Modal, ModalEntidade, ModalMudancaEntidade, type ModalProps, PageHeader, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectPortal, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectViewport, Sidebar, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, Title, buttonVariants };

package/dist/index.d.ts

@@ -1,13 +1,14 @@
 import * as class_variance_authority_dist_types from 'class-variance-authority/dist/types';
 import { VariantProps } from 'class-variance-authority';
 import * as React$1 from 'react';
-import React__default, { HTMLAttributes, ReactNode, PropsWithChildren, ReactElement, ComponentProps, SVGProps } from 'react';
+import React__default, { HTMLAttributes, ReactNode, PropsWithChildren, ReactElement, ComponentProps, SVGProps, ElementType } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as Accordion from '@radix-ui/react-accordion';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as SelectPrimitive from '@radix-ui/react-select';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 
 declare const buttonVariants: (props?: ({
     variant?: "default" | "confirm" | "create" | "secondary" | "danger" | null | undefined;
@@ -246,6 +247,8 @@ declare const DropdownMenuShortcut: {
 declare const Select: React$1.FC<SelectPrimitive.SelectProps>;
 declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
+declare const SelectPortal: React$1.FC<SelectPrimitive.SelectPortalProps>;
+declare const SelectViewport: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectViewportProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
@@ -254,4 +257,90 @@ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitiv
 declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 
-export { AplicationsHeader, Button, type ButtonProps, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HeaderContainer, HeaderProfileHeader, HeaderProfileItem, type HeaderProps, Modal, ModalEntidade, ModalMudancaEntidade, type ModalProps, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sidebar, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, buttonVariants };
+interface InputProps extends React$1.ComponentProps<"input"> {
+    label?: string;
+}
+declare const Input: React$1.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+
+type BadgeVariant = "default" | "primary" | "success" | "warning" | "danger" | "info";
+type BadgeSize = "sm" | "md" | "lg";
+interface BadgeProps extends React__default.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Variação de cor do badge.
+     */
+    variant?: BadgeVariant;
+    /**
+     * Define se o badge deve ter bordas arredondadas.
+     */
+    rounded?: boolean;
+    /**
+     * Define o tamanho do badge.
+     */
+    size?: BadgeSize;
+}
+/**
+ * Badge é um componente para exibir pequenas contagens, status ou rótulos informativos.
+ */
+declare const Badge: ({ variant, rounded, size, className, ...rest }: BadgeProps) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Componente principal do Card.
+ * Utilizado para agrupar visualmente conteúdos relacionados.
+ */
+declare function Card({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Cabeçalho do Card, geralmente utilizado para título ou ações superiores.
+ */
+declare function CardHeader({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Conteúdo principal do Card. Ideal para exibir informações ou formulários.
+ */
+declare function CardContent({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Rodapé do Card. Usado normalmente para botões ou ações relacionadas.
+ */
+declare function CardFooter({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+/**
+ * Item do Rodapé do Card. Cada item representa uma ação ou elemento visual.
+ *
+ * ✅ Comportamento:
+ * - Quando dois ou mais `<CardFooterItem />` são renderizados dentro do `<CardFooter />`,
+ *   o segundo e os subsequentes recebem automaticamente uma **borda à esquerda** como separador visual,
+ *   aplicada pela classe `.cnc-molecule-card-item + .cnc-molecule-card-item`.
+ */
+declare function CardFooterItem({ className, ...rest }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
+/**
+ * Componente que adiciona animação ao conteúdo do Collapsible.
+ *
+ * @param {React.HTMLAttributes<HTMLDivElement>} props - Propriedades do componente
+ * @returns {JSX.Element} Elemento animado do conteúdo
+ */
+declare const AnimatedCollapsibleContent: ({ className, ...rest }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
+
+/**
+ * Props para o componente `PageHeader`.
+ */
+interface PageHeaderProps {
+    title: string;
+    description?: string;
+    titleAs?: keyof JSX.IntrinsicElements;
+    actions?: ReactNode;
+    showGoBack?: boolean;
+}
+/**
+ * Componente de cabeçalho da página.
+ */
+declare function PageHeader({ title, description, actions, titleAs, showGoBack, }: PageHeaderProps): react_jsx_runtime.JSX.Element;
+interface TitleProps {
+    title: string;
+    as?: ElementType;
+}
+/**
+ * Componente de título reutilizável.
+ */
+declare function Title({ title, as: Component }: TitleProps): react_jsx_runtime.JSX.Element;
+
+export { AplicationsHeader, Badge, type BadgeSize, type BadgeVariant, Button, type ButtonProps, Card, CardContent, CardFooter, CardFooterItem, CardHeader, Collapsible, AnimatedCollapsibleContent as CollapsibleContent, CollapsibleTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Header, HeaderContainer, HeaderProfileHeader, HeaderProfileItem, type HeaderProps, Input, type InputProps, Modal, ModalEntidade, ModalMudancaEntidade, type ModalProps, PageHeader, Popover, PopoverContent, PopoverTrigger, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectPortal, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, SelectViewport, Sidebar, SidebarContainer, type SidebarContainerProps, SidebarImageBrand, type SidebarImageBrandProps, SidebarNavCollapse, type SidebarNavCollapseProps, SidebarNavLink, type SidebarNavLinkProps, type SidebarProps, Title, buttonVariants };

package/dist/index.js

@@ -36,7 +36,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   AplicationsHeader: () => AplicationsHeader,
+  Badge: () => Badge,
   Button: () => Button,
+  Card: () => Card,
+  CardContent: () => CardContent,
+  CardFooter: () => CardFooter,
+  CardFooterItem: () => CardFooterItem,
+  CardHeader: () => CardHeader,
+  Collapsible: () => Collapsible,
+  CollapsibleContent: () => AnimatedCollapsibleContent,
+  CollapsibleTrigger: () => CollapsibleTrigger2,
   Dialog: () => Dialog2,
   DialogClose: () => DialogClose2,
   DialogContent: () => DialogContent2,
@@ -66,9 +75,11 @@ __export(src_exports, {
   HeaderContainer: () => HeaderContainer,
   HeaderProfileHeader: () => HeaderProfileHeader,
   HeaderProfileItem: () => HeaderProfileItem,
+  Input: () => Input,
   Modal: () => Modal,
   ModalEntidade: () => ModalEntidade,
   ModalMudancaEntidade: () => ModalMudancaEntidade,
+  PageHeader: () => PageHeader,
   Popover: () => Popover2,
   PopoverContent: () => PopoverContent2,
   PopoverTrigger: () => PopoverTrigger2,
@@ -77,16 +88,19 @@ __export(src_exports, {
   SelectGroup: () => SelectGroup,
   SelectItem: () => SelectItem,
   SelectLabel: () => SelectLabel,
+  SelectPortal: () => SelectPortal,
   SelectScrollDownButton: () => SelectScrollDownButton,
   SelectScrollUpButton: () => SelectScrollUpButton,
   SelectSeparator: () => SelectSeparator,
   SelectTrigger: () => SelectTrigger,
   SelectValue: () => SelectValue,
+  SelectViewport: () => SelectViewport,
   Sidebar: () => Sidebar,
   SidebarContainer: () => SidebarContainer,
   SidebarImageBrand: () => SidebarImageBrand,
   SidebarNavCollapse: () => SidebarNavCollapse,
   SidebarNavLink: () => SidebarNavLink,
+  Title: () => Title2,
   buttonVariants: () => buttonVariants
 });
 module.exports = __toCommonJS(src_exports);
@@ -9329,6 +9343,8 @@ var import_jsx_runtime24 = require("react/jsx-runtime");
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
+var SelectPortal = SelectPrimitive.Portal;
+var SelectViewport = SelectPrimitive.Viewport;
 var SelectTrigger = React38.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   SelectPrimitive.Trigger,
   {
@@ -9403,7 +9419,10 @@ var SelectLabel = React38.forwardRef(({ className, ...props }, ref) => /* @__PUR
   SelectPrimitive.Label,
   {
     ref,
-    className: cn("cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-font-semibold", className),
+    className: cn(
+      "cnc-py-1.5 cnc-pl-8 cnc-pr-2 cnc-text-sm cnc-font-semibold",
+      className
+    ),
     ...props
   }
 ));
@@ -9433,10 +9452,226 @@ var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/atoms/forms/input.tsx
+var React39 = __toESM(require("react"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Input = React39.forwardRef(
+  ({ className, type, id, label, ...props }, ref) => {
+    const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "cnc-w-full", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "label",
+        {
+          htmlFor: idGenerate,
+          className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        "input",
+        {
+          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",
+            " 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",
+            className
+          ),
+          ref,
+          ...props
+        }
+      )
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+// src/components/atoms/display/badge.tsx
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Badge = ({
+  variant = "default",
+  rounded = true,
+  size: size4 = "md",
+  className,
+  ...rest
+}) => {
+  const baseStyle = "cnc-inline-flex cnc-items-center cnc-font-semibold cnc-transition-colors";
+  const variants = {
+    default: "cnc-bg-brand-gray-20 cnc-text-brand-gray-600",
+    primary: "cnc-bg-brand-blue-100 cnc-text-white",
+    success: "cnc-bg-brand-green-200 cnc-text-white",
+    warning: "cnc-bg-brand-gold-400 cnc-text-white",
+    danger: "cnc-bg-brand-red-500 cnc-text-white",
+    info: "cnc-bg-brand-blue-60 cnc-text-brand-blue-900"
+  };
+  const sizes = {
+    sm: "cnc-text-xs cnc-px-2 cnc-py-0.5",
+    md: "cnc-text-sm cnc-px-3 cnc-py-1",
+    lg: "cnc-text-base cnc-px-4 cnc-py-2"
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    "span",
+    {
+      className: cn(
+        baseStyle,
+        variants[variant],
+        sizes[size4],
+        rounded ? "cnc-rounded-full" : "",
+        className
+      ),
+      ...rest
+    }
+  );
+};
+
+// src/components/molecules/card.tsx
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function Card({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      className: cn(
+        "cnc-w-full cnc-flex cnc-flex-col cnc-border-2 cnc-border-brand-gray-50 cnc-rounded-md cnc-shadow",
+        className
+      ),
+      ...rest
+    }
+  );
+}
+function CardHeader({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      className: cn(
+        "cnc-flex cnc-items-center cnc-justify-between cnc-w-full cnc-border-b-2 cnc-border-brand-gray-50 cnc-pb-4",
+        className
+      ),
+      ...rest
+    }
+  ) });
+}
+function CardContent({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+}
+function CardFooter({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      className: cn(
+        "cnc-mt-4 cnc-flex cnc-border-t-2 cnc-border-brand-gray-50",
+        className
+      ),
+      ...rest
+    }
+  );
+}
+function CardFooterItem({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    "div",
+    {
+      className: cn(
+        "cnc-molecule-card-item cnc-flex cnc-flex-1 cnc-items-center cnc-justify-center cnc-py-3 cnc-px-8",
+        className
+      ),
+      ...rest
+    }
+  );
+}
+
+// src/components/molecules/collapsible.tsx
+var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"));
+var import_jsx_runtime28 = require("react/jsx-runtime");
+var Collapsible = CollapsiblePrimitive.Root;
+var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
+var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
+var AnimatedCollapsibleContent = ({
+  className,
+  ...rest
+}) => {
+  const state = rest["data-state"];
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+};
+
+// src/components/molecules/display/page-header.tsx
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function PageHeader({
+  title,
+  description,
+  actions,
+  titleAs = "h1",
+  showGoBack = false
+}) {
+  const ComponentTitle = titleAs;
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, { children: title && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("header", { className: "cnc-w-full cnc-flex cnc-items-center cnc-justify-between cnc-p-8 cnc-bg-brand-blue-50 cnc-border-b-2 cnc-border-brand-blue-60", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "cnc-flex cnc-items-start cnc-gap-2", children: [
+      showGoBack && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        "button",
+        {
+          className: "cnc-mt-1 hover:cnc-opacity-60",
+          onClick: () => window.history.back(),
+          children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "cnc-w-6 cnc-h-6 cnc-text-[#1F2C4D]",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              strokeWidth: 1.5,
+              stroke: "currentColor",
+              children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M15.75 19.5 8.25 12l7.5-7.5"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+        description && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
+      ] })
+    ] }) }),
+    actions && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "cnc-flex cnc-gap-4", children: actions })
+  ] }) });
+}
+function Title2({ title, as: Component = "h1" }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AplicationsHeader,
+  Badge,
   Button,
+  Card,
+  CardContent,
+  CardFooter,
+  CardFooterItem,
+  CardHeader,
+  Collapsible,
+  CollapsibleContent,
+  CollapsibleTrigger,
   Dialog,
   DialogClose,
   DialogContent,
@@ -9466,9 +9701,11 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
   HeaderContainer,
   HeaderProfileHeader,
   HeaderProfileItem,
+  Input,
   Modal,
   ModalEntidade,
   ModalMudancaEntidade,
+  PageHeader,
   Popover,
   PopoverContent,
   PopoverTrigger,
@@ -9477,16 +9714,19 @@ SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
   SelectGroup,
   SelectItem,
   SelectLabel,
+  SelectPortal,
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SelectViewport,
   Sidebar,
   SidebarContainer,
   SidebarImageBrand,
   SidebarNavCollapse,
   SidebarNavLink,
+  Title,
   buttonVariants
 });
 /*! Bundled license information: