@cnc-ti/layout-basic 8.3.11 → 8.3.12

package/dist/index.mjs

@@ -2654,12 +2654,13 @@ var buttonVariants = cva(
   {
     variants: {
       variant: {
+        default: "cnc-bg-primary cnc-text-primary-foreground hover:cnc-bg-primary/90",
         confirm: "cnc-bg-brand-blue-400 cnc-border-brand-blue-500 hover:cnc-bg-brand-blue-400/90",
         create: "cnc-bg-brand-green-100 cnc-border-brand-green-200 hover:cnc-bg-brand-green-100/80",
         secondary: "cnc-bg-brand-gray-20 cnc-text-secondary-foreground hover:cnc-brightness-95",
         danger: "cnc-bg-brand-red-500 cnc-border-brand-red-600 hover:cnc-bg-brand-red-500/80",
-        outline: "cnc-border cnc-border-input cnc-text-brand-gray-200 cnc-bg-background cnc-shadow-sm hover:cnc-bg-brand-blue-50 hover:cnc-text-accent-foreground",
-        default: "cnc-bg-primary cnc-text-primary-foreground hover:cnc-bg-primary/90"
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
       },
       size: {
         default: "cnc-h-10 cnc-px-4 cnc-py-2",
@@ -10063,7 +10064,7 @@ function Sidebar({ children, ...rest }) {
   return /* @__PURE__ */ jsx26(Accordion.Root, { ...rest, children: /* @__PURE__ */ jsx26(
     "div",
     {
-      className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \n                cnc-scroll-smooth cnc-overflow-y-auto\n                [&::-webkit-scrollbar]:cnc-w-1\n                [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\n                [&::-webkit-scrollbar-thumb]:cnc-rounded\n                [&::-webkit-scrollbar-thumb]:cnc-border\n                [&::-webkit-scrollbar-thumb]:cnc-border-solid\n                [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\n                [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\n                cnc-sidebar-child-w-0",
+      className: "cnc-w-full cnc-h-screen-minus-70 cnc-flex cnc-flex-col cnc-py-8 cnc-bg-primary-800 cnc-px-5 \r\n                cnc-scroll-smooth cnc-overflow-y-auto\r\n                [&::-webkit-scrollbar]:cnc-w-1\r\n                [&::-webkit-scrollbar-track]:cnc-bg-brand-blue-500\r\n                [&::-webkit-scrollbar-thumb]:cnc-rounded\r\n                [&::-webkit-scrollbar-thumb]:cnc-border\r\n                [&::-webkit-scrollbar-thumb]:cnc-border-solid\r\n                [&::-webkit-scrollbar-thumb]:cnc-border-brand-gray-400\r\n                [&::-webkit-scrollbar-thumb]:cnc-bg-brand-gray-200\r\n                cnc-sidebar-child-w-0",
       children
     }
   ) });
@@ -12095,39 +12096,8 @@ var Input = React74.forwardRef(
 );
 Input.displayName = "Input";
 
-// src/components/atoms/forms/checkbox.tsx
-import * as React75 from "react";
-import { jsx as jsx38, jsxs as jsxs12 } from "react/jsx-runtime";
-var Checkbox = React75.forwardRef(
-  ({ className, id, label, ...props }, ref) => {
-    console.log();
-    const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
-    return /* @__PURE__ */ jsxs12("div", { className: "cnc-w-full cnc-flex cnc-flex-row ", children: [
-      /* @__PURE__ */ jsx38(
-        "input",
-        {
-          type: "checkbox",
-          id: idGenerate,
-          className: cn("cnc-w-6 cnc-h-6", className),
-          ref,
-          ...props
-        }
-      ),
-      label && /* @__PURE__ */ jsx38(
-        "label",
-        {
-          htmlFor: idGenerate,
-          className: "cnc-block cnc-text-sm cnc-font-medium cnc-text-brand-gray-600 cnc-ml-2",
-          children: label
-        }
-      )
-    ] });
-  }
-);
-Checkbox.displayName = "Checkbox";
-
 // src/components/atoms/display/badge.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Badge = ({
   variant = "default",
   rounded = true,
@@ -12149,7 +12119,7 @@ var Badge = ({
     md: "cnc-text-sm cnc-px-3 cnc-py-1",
     lg: "cnc-text-base cnc-px-4 cnc-py-2"
   };
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     "span",
     {
       className: cn(
@@ -12165,12 +12135,12 @@ var Badge = ({
 };
 
 // src/components/molecules/card.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Card({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -12185,7 +12155,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx40("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -12200,13 +12170,13 @@ function CardContent({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx40("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+  return /* @__PURE__ */ jsx39("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
 }
 function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -12221,7 +12191,7 @@ function CardFooterItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn(
@@ -12235,7 +12205,7 @@ function CardFooterItem({
 
 // src/components/molecules/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
@@ -12243,16 +12213,16 @@ var AnimatedCollapsibleContent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx41(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+  return /* @__PURE__ */ jsx40(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
 };
 
 // src/components/molecules/display/page-header.tsx
-import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
 function PageHeader({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     "header",
     {
       className: cn(
@@ -12267,7 +12237,7 @@ function PageHeaderTitleContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn(
@@ -12284,16 +12254,16 @@ function PageHeaderTitle({
   titleAs = "h1"
 }) {
   const ComponentTitle = titleAs;
-  return /* @__PURE__ */ jsxs13("div", { children: [
-    /* @__PURE__ */ jsx42(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-    description && /* @__PURE__ */ jsx42("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+  return /* @__PURE__ */ jsxs12("div", { children: [
+    /* @__PURE__ */ jsx41(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ jsx41("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
   ] });
 }
 function PageHeaderActionsContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn(
@@ -12305,14 +12275,14 @@ function PageHeaderActionsContainer({
   );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ jsx42(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
+  return /* @__PURE__ */ jsx41(Component, { className: "cnc-text-[24px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-2 cnc-mb-4 text-center md:cnc-text-[28px] md:cnc-text-left", children: title });
 }
 
 // src/components/molecules/forms/combobox.tsx
-import * as React80 from "react";
+import * as React79 from "react";
 
 // src/components/molecules/overlay/command.tsx
-import * as React78 from "react";
+import * as React77 from "react";
 
 // ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
 var U = 1;
@@ -12345,10 +12315,10 @@ function W(_, C, h) {
 import * as t from "react";
 
 // ../../node_modules/cmdk/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React76 from "react";
+import * as React75 from "react";
 import * as ReactDOM8 from "react-dom";
 import { createSlot as createSlot5 } from "@radix-ui/react-slot";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var NODES4 = [
   "a",
   "button",
@@ -12370,20 +12340,20 @@ var NODES4 = [
 ];
 var Primitive4 = NODES4.reduce((primitive, node) => {
   const Slot8 = createSlot5(`Primitive.${node}`);
-  const Node2 = React76.forwardRef((props, forwardedRef) => {
+  const Node2 = React75.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot8 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx43(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx42(Comp, { ...primitiveProps, ref: forwardedRef });
   });
   Node2.displayName = `Primitive.${node}`;
   return { ...primitive, [node]: Node2 };
 }, {});
 
 // ../../node_modules/cmdk/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
-import * as React77 from "react";
+import * as React76 from "react";
 function setRef4(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -12733,8 +12703,8 @@ function B2({ asChild: r2, children: o }, n) {
 var Te = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
 
 // src/components/molecules/overlay/command.tsx
-import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
-var Command = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+import { jsx as jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
+var Command = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   _e,
   {
     ref,
@@ -12747,16 +12717,16 @@ var Command = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = _e.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx44(Dialog2, { ...props, children: /* @__PURE__ */ jsx44(DialogContent2, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx44(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
+  return /* @__PURE__ */ jsx43(Dialog2, { ...props, children: /* @__PURE__ */ jsx43(DialogContent2, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx43(Command, { className: "cnc-[&_cmdk-group-heading]:cnc-px-2 cnc-[&_cmdk-group-heading]:cnc-font-medium cnc-[&_cmdk-group-heading]:cnc-text-muted-foreground cnc-[&_cmdk-group]:not([hidden])~[cmdk-group]:cnc-pt-0 cnc-[&_cmdk-group]:cnc-px-2 cnc-[&_cmdk-input-wrapper]_svg:cnc-h-5 cnc-[&_cmdk-input-wrapper]_svg:cnc-w-5 cnc-[&_cmdk-input]:cnc-h-12 cnc-[&_cmdk-item]:cnc-px-2 cnc-[&_cmdk-item]:cnc-py-3 cnc-[&_cmdk-item]_svg:cnc-h-5 cnc-[&_cmdk-item]_svg:cnc-w-5", children }) }) });
 };
-var CommandInput = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(
+var CommandInput = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13(
   "div",
   {
     className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx44(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx43(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
+      /* @__PURE__ */ jsx43(
         _e.Input,
         {
           ref,
@@ -12771,7 +12741,7 @@ var CommandInput = React78.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = _e.Input.displayName;
-var CommandList = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var CommandList = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   _e.List,
   {
     ref,
@@ -12783,7 +12753,7 @@ var CommandList = React78.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = _e.List.displayName;
-var CommandEmpty = React78.forwardRef((props, ref) => /* @__PURE__ */ jsx44(
+var CommandEmpty = React77.forwardRef((props, ref) => /* @__PURE__ */ jsx43(
   _e.Empty,
   {
     ref,
@@ -12792,7 +12762,7 @@ var CommandEmpty = React78.forwardRef((props, ref) => /* @__PURE__ */ jsx44(
   }
 ));
 CommandEmpty.displayName = _e.Empty.displayName;
-var CommandGroup = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var CommandGroup = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   _e.Group,
   {
     ref,
@@ -12804,7 +12774,7 @@ var CommandGroup = React78.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = _e.Group.displayName;
-var CommandSeparator = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var CommandSeparator = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   _e.Separator,
   {
     ref,
@@ -12813,7 +12783,7 @@ var CommandSeparator = React78.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = _e.Separator.displayName;
-var CommandItem = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var CommandItem = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
   _e.Item,
   {
     ref,
@@ -12829,7 +12799,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     "span",
     {
       className: cn(
@@ -12843,11 +12813,11 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/molecules/overlay/popover.tsx
-import * as React79 from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import * as React78 from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var Popover3 = Root24;
 var PopoverTrigger3 = Trigger4;
-var PopoverContent3 = React79.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx45(Portal6, { children: /* @__PURE__ */ jsx45(
+var PopoverContent3 = React78.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(Portal6, { children: /* @__PURE__ */ jsx44(
   Content23,
   {
     ref,
@@ -12863,7 +12833,7 @@ var PopoverContent3 = React79.forwardRef(({ className, align = "center", sideOff
 PopoverContent3.displayName = Content23.displayName;
 
 // src/components/molecules/forms/combobox.tsx
-import { jsx as jsx46, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs14 } from "react/jsx-runtime";
 function Combobox({
   options,
   placeholder = "",
@@ -12871,31 +12841,30 @@ function Combobox({
   onChange,
   value = ""
 }) {
-  const [open, setOpen] = React80.useState(false);
-  return /* @__PURE__ */ jsxs15(Popover3, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx46(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs15(
-      Button,
+  const [open, setOpen] = React79.useState(false);
+  return /* @__PURE__ */ jsxs14(Popover3, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx45(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs14(
+      "button",
       {
-        variant: "outline",
         role: "combobox",
         "aria-expanded": open,
-        className: "cnc-w-full cnc-justify-between",
+        className: "cnc-h-10 cnc-px-4 cnc-py-2 cnc-inline-flex cnc-items-center cnc-justify-between cnc-border cnc-border-input cnc-text-brand-gray-200 cnc-bg-background cnc-shadow-sm hover:cnc-bg-brand-blue-50 hover:cnc-text-accent-foreground cnc-rounded-md cnc-text-sm cnc-font-medium cnc-ring-offset-background cnc-transition-colors focus-visible:cnc-outline-none focus-visible:cnc-ring-2 focus-visible:cnc-ring-ring focus-visible:cnc-ring-offset-2 disabled:cnc-pointer-events-none disabled:cnc-opacity-50 cnc-w-full",
         children: [
-          value ? options?.find((framework) => framework.value === value)?.label : placeholder,
-          /* @__PURE__ */ jsx46(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
+          /* @__PURE__ */ jsx45("span", { className: "cnc-truncate cnc-flex-1 cnc-text-left", children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
+          /* @__PURE__ */ jsx45(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx45(
       PopoverContent3,
       {
         align: "start",
         className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
-        children: /* @__PURE__ */ jsxs15(Command, { children: [
-          /* @__PURE__ */ jsx46(CommandInput, { placeholder: command?.placeholder }),
-          /* @__PURE__ */ jsxs15(CommandList, { children: [
-            /* @__PURE__ */ jsx46(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
-            /* @__PURE__ */ jsx46(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ jsxs15(
+        children: /* @__PURE__ */ jsxs14(Command, { children: [
+          /* @__PURE__ */ jsx45(CommandInput, { placeholder: command?.placeholder }),
+          /* @__PURE__ */ jsxs14(CommandList, { children: [
+            /* @__PURE__ */ jsx45(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
+            /* @__PURE__ */ jsx45(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ jsxs14(
               CommandItem,
               {
                 value: option.value,
@@ -12906,7 +12875,7 @@ function Combobox({
                 },
                 keywords: [option.value, option.label],
                 children: [
-                  /* @__PURE__ */ jsx46(
+                  /* @__PURE__ */ jsx45(
                     Check,
                     {
                       className: cn(
@@ -12935,7 +12904,6 @@ export {
   CardFooter,
   CardFooterItem,
   CardHeader,
-  Checkbox,
   Collapsible,
   AnimatedCollapsibleContent as CollapsibleContent,
   CollapsibleTrigger2 as CollapsibleTrigger,