lecom-ui 2.5.9 → 2.6.0

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,63 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+import { cva } from 'class-variance-authority';
+import { Minus, Check } from 'lucide-react';
+
+const checkboxVariants = cva(
+  "peer relative h-5 w-5 shrink-0 rounded border-2 border-grey-400 transition-all hover:border-grey-500 active:border-grey-700 disabled:cursor-not-allowed disabled:border-grey-300 focus-visible:outline-none focus-visible:before:absolute focus-visible:before:-z-10 focus-visible:before:top-1/2 focus-visible:before:left-1/2 focus-visible:before:transform focus-visible:before:-translate-x-1/2 focus-visible:before:-translate-y-1/2 focus-visible:before:w-10 focus-visible:before:h-10 focus-visible:before:rounded-full focus-visible:before:bg-blue-100",
+  {
+    variants: {
+      variant: {
+        default: "data-[state=checked]:border-blue-600 data-[state=checked]:bg-blue-600 data-[state=checked]:text-white data-[state=checked]:hover:bg-blue-700 data-[state=checked]:hover:border-blue-700 data-[state=checked]:active:bg-blue-800 data-[state=checked]:active:border-blue-800 data-[state=checked]:disabled:bg-blue-400 data-[state=checked]:disabled:border-blue-400"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Checkbox = React.forwardRef(
+  ({
+    className,
+    variant,
+    checked,
+    disabled,
+    children,
+    indeterminate,
+    ...props
+  }, ref) => {
+    const id = React.useId();
+    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center space-x-2" }, /* @__PURE__ */ React.createElement(
+      CheckboxPrimitive.Root,
+      {
+        ref,
+        className: cn(
+          checkboxVariants({ variant, className }),
+          indeterminate && "indeterminate"
+        ),
+        checked,
+        disabled,
+        ...props,
+        id
+      },
+      /* @__PURE__ */ React.createElement(
+        CheckboxPrimitive.Indicator,
+        {
+          className: cn("flex items-center justify-center")
+        },
+        indeterminate ? /* @__PURE__ */ React.createElement(Minus, { className: "h-4 w-4" }) : /* @__PURE__ */ React.createElement(Check, { className: "h-4 w-4" })
+      )
+    ), /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        htmlFor: id,
+        className: "body-medium-400 leading-none cursor-pointer peer-disabled:cursor-not-allowed peer-disabled:opacity-50 transition-opacity"
+      },
+      children
+    ));
+  }
+);
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+export { Checkbox };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ColumnDef } from '@tanstack/react-table';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
@@ -44,6 +45,14 @@ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
+declare const checkboxVariants: (props?: ({
+    variant?: "default" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface CheckboxProps extends React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, VariantProps<typeof checkboxVariants> {
+    indeterminate?: boolean;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+
 type Transparent = 'transparent';
 type Black = 'black';
 type White = 'white';
@@ -514,4 +523,4 @@ declare const fonts: {
     ibm: string[];
 };
 
-export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, type CalloutNotificationProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, DataTable, 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, type FillColor, type Fonts, type HeaderProps, type InlineNotificationProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Notification, type NotificationProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, TOAST_REMOVE_DELAY, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };
+export { type BgColor, Button, type ButtonProps, CadastroFacil, type CadastroFacilProps, type CalloutNotificationProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, type CheckboxProps, type Color, type ColorToken, type CustomStyles$1 as CustomStyles, DataTable, 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, type FillColor, type Fonts, type HeaderProps, type InlineNotificationProps, Layout, type LayoutProps, LogoLecom, LogoLecomBrand, type LogoLecomBrandProps, type LogoLecomProps, ModoTeste, type ModoTesteProps, Notification, type NotificationProps, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, TOAST_REMOVE_DELAY, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };

package/dist/index.js

@@ -1,5 +1,6 @@
 export { Button, buttonVariants } from './components/Button/Button.js';
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
+export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { CadastroFacil } from './components/CustomIcon/Icons/CadastroFacil.js';
 export { LogoLecom } from './components/CustomIcon/Icons/LogoLecom.js';
 export { ModoTeste } from './components/CustomIcon/Icons/ModoTeste.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lecom-ui",
-  "version": "2.5.9",
+  "version": "2.6.0",
   "license": "MIT",
   "type": "module",
   "module": "dist/index.js",