@cnc-ti/layout-basic 8.3.19 → 8.3.21

package/dist/index.mjs

@@ -8348,7 +8348,7 @@ var ModalMudancaEntidade = ({
       onClose,
       visibleModal,
       content: /* @__PURE__ */ jsxs6(Fragment6, { children: [
-        /* @__PURE__ */ jsx18(DialogTitle, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidadess" }),
+        /* @__PURE__ */ jsx18(DialogTitle, { className: "cnc-DialogTitle cnc-mt-10 cnc-mb-4 ", children: "Selecionar a entidade" }),
         /* @__PURE__ */ jsxs6("div", { className: "cnc-flex cnc-mb-5 ", children: [
           /* @__PURE__ */ jsx18(SelectComponent, {}),
           /* @__PURE__ */ jsx18(Button, { className: "cnc-text-white cnc-ml-5", onClick: buttonAction, children: "Trocar entidade" })
@@ -10595,14 +10595,58 @@ var SelectSeparator = React56.forwardRef(({ className, ...props }, ref) => /* @_
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
-// src/components/atoms/forms/input.tsx
+// src/components/Tabs/index.tsx
+import * as TabsPrimitive from "@radix-ui/react-tabs";
 import * as React57 from "react";
-import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
-var Input = React57.forwardRef(
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Tabs = TabsPrimitive.Root;
+var TabsList = React57.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx31(
+    TabsPrimitive.List,
+    {
+      ref,
+      className: cn("cnc-flex cnc-gap-[2px] cnc-border-b ", className),
+      ...props
+    }
+  );
+});
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = React57.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx31(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "cnc-data-[state=active]:bg-muted cnc-data-[state=active]:text-primary cnc-relative cnc-text-sm cnc-font-normal cnc-px-4 cnc-py-2 cnc-bg-[#00000005] data-[state=active]:cnc-bg-white data-[state=active]:cnc-text-[#04319bfd] data-[state=active]:cnc-font-bold cnc-border-l cnc-border-r cnc-border-t cnc-rounded-tl-sm cnc-rounded-tr-sm ",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = React57.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsx31(
+    TabsPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "cnc-space-y-4  cnc-border-l cnc-border-r cnc-border-b  cnc-p-5 cnc-h-full",
+        className
+      ),
+      ...props,
+      children
+    }
+  );
+});
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+// src/components/atoms/forms/input.tsx
+import * as React58 from "react";
+import { jsx as jsx32, jsxs as jsxs10 } from "react/jsx-runtime";
+var Input = React58.forwardRef(
   ({ className, type, id, label, ...props }, ref) => {
     const idGenerate = id ? id : label && `field-${Date.now()}-${Math.random() * 1e5}`;
     return /* @__PURE__ */ jsxs10("div", { className: "cnc-w-full", children: [
-      label && /* @__PURE__ */ jsx31(
+      label && /* @__PURE__ */ jsx32(
         "label",
         {
           htmlFor: idGenerate,
@@ -10610,7 +10654,7 @@ var Input = React57.forwardRef(
           children: label
         }
       ),
-      /* @__PURE__ */ jsx31(
+      /* @__PURE__ */ jsx32(
         "input",
         {
           type,
@@ -10632,14 +10676,13 @@ var Input = React57.forwardRef(
 Input.displayName = "Input";
 
 // src/components/atoms/forms/checkbox.tsx
-import * as React58 from "react";
-import { jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
-var Checkbox = React58.forwardRef(
+import * as React59 from "react";
+import { jsx as jsx33, jsxs as jsxs11 } from "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__ */ jsxs11("div", { className: "cnc-w-full cnc-flex cnc-flex-row", children: [
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx33(
         "input",
         {
           type: "checkbox",
@@ -10649,7 +10692,7 @@ var Checkbox = React58.forwardRef(
           ...props
         }
       ),
-      label && /* @__PURE__ */ jsx32(
+      label && /* @__PURE__ */ jsx33(
         "label",
         {
           htmlFor: idGenerate,
@@ -10663,7 +10706,7 @@ var Checkbox = React58.forwardRef(
 Checkbox.displayName = "Checkbox";
 
 // src/components/atoms/display/badge.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 var Badge = ({
   variant = "default",
   rounded = true,
@@ -10685,7 +10728,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__ */ jsx33(
+  return /* @__PURE__ */ jsx34(
     "span",
     {
       className: cn(
@@ -10701,12 +10744,12 @@ var Badge = ({
 };
 
 // src/components/molecules/card.tsx
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Card({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -10721,7 +10764,7 @@ function CardHeader({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx34("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -10736,13 +10779,13 @@ function CardContent({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx34("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+  return /* @__PURE__ */ jsx35("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
 }
 function CardFooter({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -10757,7 +10800,7 @@ function CardFooterItem({
   className,
   ...rest
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       className: cn(
@@ -10771,7 +10814,7 @@ function CardFooterItem({
 
 // src/components/molecules/collapsible.tsx
 import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var Collapsible = CollapsiblePrimitive.Root;
 var CollapsibleTrigger2 = CollapsiblePrimitive.CollapsibleTrigger;
 var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
@@ -10779,16 +10822,16 @@ var AnimatedCollapsibleContent = ({
   className,
   ...rest
 }) => {
-  return /* @__PURE__ */ jsx35(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+  return /* @__PURE__ */ jsx36(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
 };
 
 // src/components/molecules/display/page-header.tsx
-import { jsx as jsx36, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs12 } from "react/jsx-runtime";
 function PageHeader({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "header",
     {
       className: cn(
@@ -10803,7 +10846,7 @@ function PageHeaderTitleContent({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
@@ -10821,15 +10864,15 @@ function PageHeaderTitle({
 }) {
   const ComponentTitle = titleAs;
   return /* @__PURE__ */ jsxs12("div", { children: [
-    /* @__PURE__ */ jsx36(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
-    description && /* @__PURE__ */ jsx36("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
+    /* @__PURE__ */ jsx37(ComponentTitle, { className: "cnc-text-2xl cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+    description && /* @__PURE__ */ jsx37("p", { className: "cnc-text-sm cnc-text-brand-gray-500", children: description })
   ] });
 }
 function PageHeaderActionsContainer({
   children,
   className
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn(
@@ -10841,14 +10884,14 @@ function PageHeaderActionsContainer({
   );
 }
 function Title2({ title, as: Component = "h1" }) {
-  return /* @__PURE__ */ jsx36(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__ */ jsx37(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 React63 from "react";
+import * as React64 from "react";
 
 // src/components/molecules/overlay/command.tsx
-import * as React61 from "react";
+import * as React62 from "react";
 
 // ../../node_modules/cmdk/dist/chunk-NZJY6EH4.mjs
 var U = 1;
@@ -10882,10 +10925,10 @@ import * as w from "@radix-ui/react-dialog";
 import * as t from "react";
 
 // ../../node_modules/cmdk/node_modules/@radix-ui/react-primitive/dist/index.mjs
-import * as React59 from "react";
+import * as React60 from "react";
 import * as ReactDOM6 from "react-dom";
 import { createSlot as createSlot3 } from "@radix-ui/react-slot";
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var NODES3 = [
   "a",
   "button",
@@ -10907,20 +10950,20 @@ var NODES3 = [
 ];
 var Primitive3 = NODES3.reduce((primitive, node) => {
   const Slot7 = createSlot3(`Primitive.${node}`);
-  const Node2 = React59.forwardRef((props, forwardedRef) => {
+  const Node2 = React60.forwardRef((props, forwardedRef) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot7 : node;
     if (typeof window !== "undefined") {
       window[Symbol.for("radix-ui")] = true;
     }
-    return /* @__PURE__ */ jsx37(Comp, { ...primitiveProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsx38(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 React60 from "react";
+import * as React61 from "react";
 function setRef3(ref, value) {
   if (typeof ref === "function") {
     return ref(value);
@@ -11270,8 +11313,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 jsx38, jsxs as jsxs13 } from "react/jsx-runtime";
-var Command = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+import { jsx as jsx39, jsxs as jsxs13 } from "react/jsx-runtime";
+var Command = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   _e,
   {
     ref,
@@ -11284,16 +11327,16 @@ var Command = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = _e.displayName;
 var CommandDialog = ({ children, ...props }) => {
-  return /* @__PURE__ */ jsx38(Dialog, { ...props, children: /* @__PURE__ */ jsx38(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx38(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__ */ jsx39(Dialog, { ...props, children: /* @__PURE__ */ jsx39(DialogContent, { className: "cnc-overflow-hidden cnc-p-0", children: /* @__PURE__ */ jsx39(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 = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13(
+var CommandInput = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs13(
   "div",
   {
     className: "cnc-flex cnc-items-center cnc-border-b cnc-px-3",
     "cmdk-input-wrapper": "",
     children: [
-      /* @__PURE__ */ jsx38(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
-      /* @__PURE__ */ jsx38(
+      /* @__PURE__ */ jsx39(Search, { className: "cnc-mr-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" }),
+      /* @__PURE__ */ jsx39(
         _e.Input,
         {
           ref,
@@ -11308,7 +11351,7 @@ var CommandInput = React61.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandInput.displayName = _e.Input.displayName;
-var CommandList = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandList = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   _e.List,
   {
     ref,
@@ -11320,7 +11363,7 @@ var CommandList = React61.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = _e.List.displayName;
-var CommandEmpty = React61.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
+var CommandEmpty = React62.forwardRef((props, ref) => /* @__PURE__ */ jsx39(
   _e.Empty,
   {
     ref,
@@ -11329,7 +11372,7 @@ var CommandEmpty = React61.forwardRef((props, ref) => /* @__PURE__ */ jsx38(
   }
 ));
 CommandEmpty.displayName = _e.Empty.displayName;
-var CommandGroup = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandGroup = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   _e.Group,
   {
     ref,
@@ -11341,7 +11384,7 @@ var CommandGroup = React61.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = _e.Group.displayName;
-var CommandSeparator = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandSeparator = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   _e.Separator,
   {
     ref,
@@ -11350,12 +11393,12 @@ var CommandSeparator = React61.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = _e.Separator.displayName;
-var CommandItem = React61.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx38(
+var CommandItem = React62.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx39(
   _e.Item,
   {
     ref,
     className: cn(
-      "cnc-relative cnc-flex cnc-cursor-default cnc-gap-2 cnc-select-none cnc-items-center cnc-rounded-sm cnc-px-2 cnc-py-1.5 cnc-text-sm cnc-outline-none data-[disabled=true]:cnc-pointer-events-none data-[disabled=true]:cnc-opacity-50 data-[selected=true]:cnc-bg-accent data-[selected=true]:cnc-text-accent-foreground  [&_svg]:cnc-size-4 [&_svg]:cnc-shrink-0",
+      "cnc-relative cnc-flex cnc-cursor-default cnc-gap-2 cnc-select-none cnc-items-center cnc-rounded-sm cnc-px-2 cnc-py-1.5 cnc-text-sm cnc-outline-none data-[disabled=true]:cnc-pointer-events-none data-[disabled=true]:cnc-opacity-50 data-[selected=true]:cnc-bg-accent data-[selected=true]:cnc-text-accent-foreground [&_svg]:cnc-pointer-events-none [&_svg]:cnc-size-4 [&_svg]:cnc-shrink-0",
       className
     ),
     ...props
@@ -11366,7 +11409,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     "span",
     {
       className: cn(
@@ -11380,11 +11423,11 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // src/components/molecules/overlay/popover.tsx
-import * as React62 from "react";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import * as React63 from "react";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var Popover3 = Root24;
 var PopoverTrigger3 = Trigger4;
-var PopoverContent3 = React62.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx39(Portal5, { children: /* @__PURE__ */ jsx39(
+var PopoverContent3 = React63.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx40(Portal5, { children: /* @__PURE__ */ jsx40(
   Content23,
   {
     ref,
@@ -11400,7 +11443,7 @@ var PopoverContent3 = React62.forwardRef(({ className, align = "center", sideOff
 PopoverContent3.displayName = Content23.displayName;
 
 // src/components/molecules/forms/combobox.tsx
-import { jsx as jsx40, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs14 } from "react/jsx-runtime";
 function Combobox({
   options,
   placeholder = "",
@@ -11408,9 +11451,9 @@ function Combobox({
   onChange,
   value = ""
 }) {
-  const [open, setOpen] = React63.useState(false);
+  const [open, setOpen] = React64.useState(false);
   return /* @__PURE__ */ jsxs14(Popover3, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx40(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs14(
+    /* @__PURE__ */ jsx41(PopoverTrigger3, { asChild: true, children: /* @__PURE__ */ jsxs14(
       Button,
       {
         variant: "outline",
@@ -11418,21 +11461,21 @@ function Combobox({
         "aria-expanded": open,
         className: "cnc-w-full cnc-justify-between cnc-truncate ",
         children: [
-          /* @__PURE__ */ jsx40("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
-          /* @__PURE__ */ jsx40(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
+          /* @__PURE__ */ jsx41("div", { children: value ? options?.find((framework) => framework.value === value)?.label : placeholder }),
+          /* @__PURE__ */ jsx41(ChevronsUpDown, { className: "cnc-ml-2 cnc-h-4 cnc-w-4 cnc-shrink-0 cnc-opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41(
       PopoverContent3,
       {
         align: "start",
         className: "cnc-w-[--radix-popover-trigger-width] cnc-p-0",
         children: /* @__PURE__ */ jsxs14(Command, { children: [
-          /* @__PURE__ */ jsx40(CommandInput, { placeholder: command?.placeholder }),
+          /* @__PURE__ */ jsx41(CommandInput, { placeholder: command?.placeholder }),
           /* @__PURE__ */ jsxs14(CommandList, { children: [
-            /* @__PURE__ */ jsx40(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
-            /* @__PURE__ */ jsx40(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ jsxs14(
+            /* @__PURE__ */ jsx41(CommandEmpty, { children: command?.emptyMessage ?? "Nenhum item encontrado" }),
+            /* @__PURE__ */ jsx41(CommandGroup, { children: options?.map((option) => /* @__PURE__ */ jsxs14(
               CommandItem,
               {
                 value: option.value,
@@ -11443,7 +11486,7 @@ function Combobox({
                 },
                 keywords: [option.value, option.label],
                 children: [
-                  /* @__PURE__ */ jsx40(
+                  /* @__PURE__ */ jsx41(
                     Check,
                     {
                       className: cn(
@@ -11543,6 +11586,10 @@ export {
   SidebarImageBrand,
   SidebarNavCollapse,
   SidebarNavLink,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
   Title2 as Title,
   buttonVariants
 };