lecom-ui 2.6.3 → 2.6.5

package/dist/components/Pagination/Pagination.js

@@ -27,7 +27,8 @@ PaginationItem.displayName = "PaginationItem";
 const PaginationPrevious = ({
   className,
   disabled,
-  isActive
+  isActive,
+  onClick
 }) => /* @__PURE__ */ React.createElement(
   Button,
   {
@@ -36,6 +37,7 @@ const PaginationPrevious = ({
     variant: "ghost",
     color: "grey",
     size: "small",
+    onClick,
     className: cn(isActive && "bg-white", className)
   },
   /* @__PURE__ */ React.createElement(ChevronLeft, { size: 20 })
@@ -44,7 +46,8 @@ PaginationPrevious.displayName = "PaginationPrevious";
 const PaginationNext = ({
   className,
   disabled,
-  isActive
+  isActive,
+  onClick
 }) => /* @__PURE__ */ React.createElement(
   Button,
   {
@@ -53,6 +56,7 @@ const PaginationNext = ({
     variant: "ghost",
     color: "grey",
     size: "small",
+    onClick,
     className: cn(isActive && "bg-white", className)
   },
   /* @__PURE__ */ React.createElement(ChevronRight, { size: 20 })
@@ -61,7 +65,8 @@ PaginationNext.displayName = "PaginationNext";
 const PaginationEllipsis = ({
   className,
   disabled,
-  isActive
+  isActive,
+  onClick
 }) => /* @__PURE__ */ React.createElement(
   Button,
   {
@@ -70,6 +75,7 @@ const PaginationEllipsis = ({
     variant: "ghost",
     color: "grey",
     size: "small",
+    onClick,
     className: cn(isActive && "bg-white", className)
   },
   /* @__PURE__ */ React.createElement(MoreHorizontal, { size: 20 })
@@ -79,6 +85,7 @@ const PaginationIndex = ({
   className,
   disabled,
   isActive,
+  onClick,
   children
 }) => /* @__PURE__ */ React.createElement(
   Button,
@@ -88,6 +95,7 @@ const PaginationIndex = ({
     variant: "ghost",
     color: "grey",
     size: "small",
+    onClick,
     className: cn(isActive && "bg-white", className)
   },
   children

package/dist/components/Switch/Switch.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer flex items-center shrink-0 h-6 w-12 p-[2px] group rounded-full cursor-pointer bg-transparent focus:outline-none transition-colors data-[state=unchecked]:border-2 data-[state=unchecked]:border-grey-400 data-[state=unchecked]:hover:border-grey-500 data-[state=unchecked]:active:border-grey-700 data-[state=unchecked]:disabled:border-grey-300 data-[state=checked]:bg-blue-600 data-[state=checked]:hover:bg-blue-700 data-[state=checked]:active:bg-blue-800 data-[state=checked]:disabled:bg-blue-200 disabled:cursor-not-allowed",
+      className
+    ),
+    ref,
+    ...props
+  },
+  /* @__PURE__ */ React.createElement(
+    SwitchPrimitives.Thumb,
+    {
+      className: cn(
+        "pointer-events-none rounded-full shadow-sm transition-all h-4 w-4 data-[state=unchecked]:bg-grey-400 data-[state=unchecked]:translate-x-1 group-hover:data-[state=unchecked]:bg-grey-500 group-focus:ring-8 group-focus:ring-blue-200 group-focus:ring-opacity-50 group-active:group-enabled:h-5 group-active:group-enabled:w-5 group-active:data-[state=unchecked]:bg-grey-700 group-active:group-enabled:data-[state=unchecked]:translate-x-[-2px] group-disabled:data-[state=unchecked]:bg-grey-300 group-disabled:data-[state=unchecked]:bg-opacity-65 data-[state=checked]:bg-white data-[state=checked]:translate-x-6"
+      )
+    }
+  )
+));
+Switch.displayName = "Switch";
+
+export { Switch };

package/dist/index.d.ts

@@ -8,6 +8,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { CustomStyles as CustomStyles$2 } from '@/components/Button';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 
 declare const accordionVariants: (props?: ({
@@ -499,6 +500,7 @@ type PaginationButtonProps = {
     className?: string;
     disabled?: boolean;
     isActive?: boolean;
+    onClick?: () => void;
 };
 interface PaginationIndexProps extends PaginationButtonProps {
     children: React.ReactNode;
@@ -510,19 +512,19 @@ declare const Pagination: {
 declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
 declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
 declare const PaginationPrevious: {
-    ({ className, disabled, isActive, }: PaginationButtonProps): React.JSX.Element;
+    ({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, disabled, isActive, }: PaginationButtonProps): React.JSX.Element;
+    ({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {
-    ({ className, disabled, isActive, }: PaginationButtonProps): React.JSX.Element;
+    ({ className, disabled, isActive, onClick, }: PaginationButtonProps): React.JSX.Element;
     displayName: string;
 };
 declare const PaginationIndex: {
-    ({ className, disabled, isActive, children, }: PaginationIndexProps): React.JSX.Element;
+    ({ className, disabled, isActive, onClick, children, }: PaginationIndexProps): React.JSX.Element;
     displayName: string;
 };
 
@@ -532,6 +534,8 @@ declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimit
 
 declare const Skeleton: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
 
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+
 declare const tagVariants: (props?: ({
     color?: "blue" | "grey" | "green" | "orange" | "pink" | "purple" | "red" | "turquoise" | "yellow" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
@@ -573,4 +577,4 @@ declare const fonts: {
     ibm: string[];
 };
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious, 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, accordionVariants, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, Rpa, type RpaProps, type SideBarProps, Skeleton, Switch, TOAST_REMOVE_DELAY, Tag, type TagProps, type TextColor, type ToastNotificationProps, type ToasterToast, Tooltip, TooltipArrow, TooltipContent, type TooltipContentProps, TooltipProvider, TooltipTrigger, TypeMessageNotification, Typography, type TypographyProps, accordionVariants, buttonVariants, colors, fonts, getPositionClass, notificationVariants, reducer, tagVariants, toast, typographyVariants, useNotificationToast };

package/dist/index.js

@@ -16,6 +16,7 @@ export { TOAST_REMOVE_DELAY, reducer, toast, useNotificationToast } from './comp
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationIndex, PaginationItem, PaginationNext, PaginationPrevious } from './components/Pagination/Pagination.js';
 export { Popover, PopoverContent, PopoverTrigger } from './components/Popover/Popover.js';
 export { Skeleton } from './components/Skeleton/Skeleton.js';
+export { Switch } from './components/Switch/Switch.js';
 export { Tag, tagVariants } from './components/Tag/Tag.js';
 export { Tooltip, TooltipArrow, TooltipContent, TooltipProvider, TooltipTrigger } from './components/Tooltip/Tooltip.js';
 export { Typography, typographyVariants } from './components/Typography/Typography.js';

package/package.json

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