@cnc-ti/layout-basic 8.3.9 → 8.3.10

package/dist/index.mjs

@@ -10063,7 +10063,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 \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",
+      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",
       children
     }
   ) });
@@ -12095,8 +12095,39 @@ 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 cnc-items-baseline", children: [
+      /* @__PURE__ */ jsx38(
+        "input",
+        {
+          type: "checkbox",
+          id: idGenerate,
+          className: cn(className),
+          ref,
+          ...props
+        }
+      ),
+      label && /* @__PURE__ */ jsx38(
+        "label",
+        {
+          htmlFor: idGenerate,
+          className: "cnc-block cnc-text-sm cnc-mb-1 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 jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Badge = ({
   variant = "default",
   rounded = true,
@@ -12118,7 +12149,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__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       className: cn(
@@ -12134,12 +12165,12 @@ var Badge = ({
 };
 
 // src/components/molecules/card.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Card({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -12154,7 +12185,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx39("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -12169,13 +12200,13 @@ function CardContent({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx39("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+  return /* @__PURE__ */ jsx40("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
 }
 function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -12190,7 +12221,7 @@ function CardFooterItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: cn(
@@ -12204,7 +12235,7 @@ function CardFooterItem({
 
 // src/components/molecules/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
@@ -12212,16 +12243,16 @@ var AnimatedCollapsibleContent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx40(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+  return /* @__PURE__ */ jsx41(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
 };
 
 // src/components/molecules/display/page-header.tsx
-import { jsx as jsx41, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
 function PageHeader({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "header",
     {
       className: cn(
@@ -12236,7 +12267,7 @@ function PageHeaderTitleContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       className: cn(
@@ -12253,16 +12284,16 @@ function PageHeaderTitle({
   titleAs = "h1"
 }) {
   const ComponentTitle = titleAs;
-  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 })
+  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 })
   ] });
 }
 function PageHeaderActionsContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       className: cn(
@@ -12274,14 +12305,14 @@ function PageHeaderActionsContainer({
   );
 }
 function Title2({ title, as: Component = "h1" }) {
-  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 });
+  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 });
 }
 
 // src/components/molecules/forms/combobox.tsx
-import * as React79 from "react";
+import * as React80 from "react";
 
 // src/components/molecules/overlay/command.tsx
-import * as React77 from "react";
+import * as React78 from "react";
 
 // ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
 var U = 1;
@@ -12314,10 +12345,10 @@ function W(_, C, h) {
 import * as t from "react";
 
 // ../../node_modules/cmdk/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React75 from "react";
+import * as React76 from "react";
 import * as ReactDOM8 from "react-dom";
 import { createSlot as createSlot5 } from "@radix-ui/react-slot";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var NODES4 = [
   "a",
   "button",
@@ -12339,20 +12370,20 @@ var NODES4 = [
 ];
 var Primitive4 = NODES4.reduce((primitive, node) => {
   const Slot8 = createSlot5(`Primitive.${node}`);
-  const Node2 = React75.forwardRef((props, forwardedRef) => {
+  const Node2 = React76.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot8 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx42(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx43(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 React76 from "react";
+import * as React77 from "react";
 function setRef4(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -12702,8 +12733,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 jsx43, jsxs as jsxs13 } from "react/jsx-runtime";
-var Command = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+import { jsx as jsx44, jsxs as jsxs14 } from "react/jsx-runtime";
+var Command = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   _e,
   {
     ref,
@@ -12716,16 +12747,16 @@ var Command = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = _e.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  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 }) }) });
+  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 }) }) });
 };
-var CommandInput = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13(
+var CommandInput = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs14(
   "div",
   {
     className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx43(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
+      /* @__PURE__ */ jsx44(
         _e.Input,
         {
           ref,
@@ -12740,7 +12771,7 @@ var CommandInput = React77.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = _e.Input.displayName;
-var CommandList = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+var CommandList = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   _e.List,
   {
     ref,
@@ -12752,7 +12783,7 @@ var CommandList = React77.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = _e.List.displayName;
-var CommandEmpty = React77.forwardRef((props, ref) => /* @__PURE__ */ jsx43(
+var CommandEmpty = React78.forwardRef((props, ref) => /* @__PURE__ */ jsx44(
   _e.Empty,
   {
     ref,
@@ -12761,7 +12792,7 @@ var CommandEmpty = React77.forwardRef((props, ref) => /* @__PURE__ */ jsx43(
   }
 ));
 CommandEmpty.displayName = _e.Empty.displayName;
-var CommandGroup = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+var CommandGroup = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   _e.Group,
   {
     ref,
@@ -12773,7 +12804,7 @@ var CommandGroup = React77.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = _e.Group.displayName;
-var CommandSeparator = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+var CommandSeparator = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   _e.Separator,
   {
     ref,
@@ -12782,7 +12813,7 @@ var CommandSeparator = React77.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = _e.Separator.displayName;
-var CommandItem = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx43(
+var CommandItem = React78.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   _e.Item,
   {
     ref,
@@ -12798,7 +12829,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "span",
     {
       className: cn(
@@ -12812,11 +12843,11 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/molecules/overlay/popover.tsx
-import * as React78 from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import * as React79 from "react";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Popover3 = Root24;
 var PopoverTrigger3 = Trigger4;
-var PopoverContent3 = React78.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(Portal6, { children: /* @__PURE__ */ jsx44(
+var PopoverContent3 = React79.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx45(Portal6, { children: /* @__PURE__ */ jsx45(
   Content23,
   {
     ref,
@@ -12832,7 +12863,7 @@ var PopoverContent3 = React78.forwardRef(({ className, align = "center", sideOff
 PopoverContent3.displayName = Content23.displayName;
 
 // src/components/molecules/forms/combobox.tsx
-import { jsx as jsx45, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs15 } from "react/jsx-runtime";
 function Combobox({
   options,
   placeholder = "",
@@ -12840,30 +12871,31 @@ function Combobox({
   onChange,
   value = ""
 }) {
-  const [open, setOpen] = React79.useState(false);
-  return /* @__PURE__ */ jsxs14(Popover3, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx45(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs14(
-      "button",
+  const [open, setOpen] = React80.useState(false);
+  return /* @__PURE__ */ jsxs15(Popover3, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx46(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs15(
+      Button,
       {
+        variant: "outline",
         role: "combobox",
         "aria-expanded": open,
-        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",
+        className: "cnc-w-full cnc-justify-between",
         children: [
-          /* @__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" })
+          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(
+    /* @__PURE__ */ jsx46(
       PopoverContent3,
       {
         align: "start",
         className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
-        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(
+        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(
               CommandItem,
               {
                 value: option.value,
@@ -12874,7 +12906,7 @@ function Combobox({
                 },
                 keywords: [option.value, option.label],
                 children: [
-                  /* @__PURE__ */ jsx45(
+                  /* @__PURE__ */ jsx46(
                     Check,
                     {
                       className: cn(
@@ -12903,6 +12935,7 @@ export {
   CardFooter,
   CardFooterItem,
   CardHeader,
+  Checkbox,
   Collapsible,
   AnimatedCollapsibleContent as CollapsibleContent,
   CollapsibleTrigger2 as CollapsibleTrigger,