@cnc-ti/layout-basic 8.3.0 → 8.3.1

package/dist/index.mjs

@@ -9245,6 +9245,8 @@ import { jsx as jsx24, jsxs as jsxs10 } from "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__ */ jsxs10(
   SelectPrimitive.Trigger,
   {
@@ -9319,7 +9321,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
   }
 ));
@@ -9349,9 +9354,225 @@ var SelectSeparator = React38.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+// src/components/atoms/forms/input.tsx
+import * as React39 from "react";
+import { jsx as jsx25, jsxs as jsxs11 } from "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__ */ jsxs11("div", { className: "cnc-w-full", children: [
+      label && /* @__PURE__ */ jsx25(
+        "label",
+        {
+          htmlFor: idGenerate,
+          className: "cnc-block cnc-text-sm cnc-mb-1 cnc-font-medium cnc-text-brand-gray-600",
+          children: label
+        }
+      ),
+      /* @__PURE__ */ jsx25(
+        "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
+import { jsx as jsx26 } from "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__ */ jsx26(
+    "span",
+    {
+      className: cn(
+        baseStyle,
+        variants[variant],
+        sizes[size4],
+        rounded ? "cnc-rounded-full" : "",
+        className
+      ),
+      ...rest
+    }
+  );
+};
+
+// src/components/molecules/card.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+function Card({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx27(
+    "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__ */ jsx27("div", { className: "cnc-px-6 cnc-pt-6", children: /* @__PURE__ */ jsx27(
+    "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__ */ jsx27("div", { className: cn("cnc-px-6 cnc-py-2", className), ...rest });
+}
+function CardFooter({
+  className,
+  ...rest
+}) {
+  return /* @__PURE__ */ jsx27(
+    "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__ */ jsx27(
+    "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
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { jsx as jsx28 } from "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__ */ jsx28(CollapsibleContent2, { className: "cnc-collapsible-content", ...rest });
+};
+
+// src/components/molecules/display/page-header.tsx
+import { Fragment as Fragment8, jsx as jsx29, jsxs as jsxs12 } from "react/jsx-runtime";
+function PageHeader({
+  title,
+  description,
+  actions,
+  titleAs = "h1",
+  showGoBack = false
+}) {
+  const ComponentTitle = titleAs;
+  return /* @__PURE__ */ jsx29(Fragment8, { children: title && /* @__PURE__ */ jsxs12("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__ */ jsx29("div", { className: "cnc-flex cnc-flex-col cnc-gap-2", children: /* @__PURE__ */ jsxs12("div", { className: "cnc-flex cnc-items-start cnc-gap-2", children: [
+      showGoBack && /* @__PURE__ */ jsx29(
+        "button",
+        {
+          className: "cnc-mt-1 hover:cnc-opacity-60",
+          onClick: () => window.history.back(),
+          children: /* @__PURE__ */ jsx29(
+            "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__ */ jsx29(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  d: "M15.75 19.5 8.25 12l7.5-7.5"
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs12("div", { children: [
+        /* @__PURE__ */ jsx29(ComponentTitle, { className: "cnc-text-2xl cnc-leading-8 cnc-font-semibold cnc-text-brand-blue-600", children: title }),
+        description && /* @__PURE__ */ jsx29("p", { className: "cnc-text-brand-gray-500 cnc-leading-4", children: description })
+      ] })
+    ] }) }),
+    actions && /* @__PURE__ */ jsx29("div", { className: "cnc-flex cnc-gap-4", children: actions })
+  ] }) });
+}
+function Title2({ title, as: Component = "h1" }) {
+  return /* @__PURE__ */ jsx29(Component, { className: "cnc-text-[28px] cnc-text-[#1F2C4D] cnc-font-bold cnc-mt-[10px] cnc-mb-5", children: title });
+}
 export {
   AplicationsHeader,
+  Badge,
   Button,
+  Card,
+  CardContent,
+  CardFooter,
+  CardFooterItem,
+  CardHeader,
+  Collapsible,
+  AnimatedCollapsibleContent as CollapsibleContent,
+  CollapsibleTrigger2 as CollapsibleTrigger,
   Dialog2 as Dialog,
   DialogClose2 as DialogClose,
   DialogContent2 as DialogContent,
@@ -9381,9 +9602,11 @@ export {
   HeaderContainer,
   HeaderProfileHeader,
   HeaderProfileItem,
+  Input,
   Modal,
   ModalEntidade,
   ModalMudancaEntidade,
+  PageHeader,
   Popover2 as Popover,
   PopoverContent2 as PopoverContent,
   PopoverTrigger2 as PopoverTrigger,
@@ -9392,16 +9615,19 @@ export {
   SelectGroup,
   SelectItem,
   SelectLabel,
+  SelectPortal,
   SelectScrollDownButton,
   SelectScrollUpButton,
   SelectSeparator,
   SelectTrigger,
   SelectValue,
+  SelectViewport,
   Sidebar,
   SidebarContainer,
   SidebarImageBrand,
   SidebarNavCollapse,
   SidebarNavLink,
+  Title2 as Title,
   buttonVariants
 };
 /*! Bundled license information: