lecom-ui 5.3.18 → 5.3.20

package/dist/_virtual/_commonjsHelpers.js

@@ -0,0 +1,5 @@
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+export { getDefaultExportFromCjs };

package/dist/_virtual/index.js

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
+import { __require as requireLib } from '../node_modules/hex-color-opacity/lib/index.js';
+
+var libExports = requireLib();
+var opacity = /*@__PURE__*/getDefaultExportFromCjs(libExports);
+
+export { opacity as default };

package/dist/components/Accordion/Accordion.js

@@ -2,33 +2,24 @@ import * as React from 'react';
 import { cn } from '../../lib/utils.js';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import { cva } from 'class-variance-authority';
-import { ChevronRight, ChevronDown } from 'lucide-react';
+import { ChevronDown } from 'lucide-react';
 
 const accordionVariants = cva(
-  "flex flex-1 items-center gap-4 transition-all text-left outline-none w-full",
+  "flex flex-1 items-start justify-between gap-4 transition-all text-left [&[data-state=open]>svg]:rotate-180 w-full text-center outline-none",
   {
     variants: {
       variant: {
-        default: "border-t border-grey-400 text-grey-950 hover:bg-grey-200 hover:rounded-lg hover:border-t-transparent hover:ring-0 focus:hover:ring-0 active:bg-grey-400 active:border-transparent active:ring-0 disabled:text-grey-300 disabled:bg-transparent disabled:cursor-not-allowed disabled:hover:bg-none disabled:hover:rounded-none disabled:hover:border-grey-400 disabled:focus:ring-0 disabled:active:bg-transparent",
-        collapse: "bg-transparent border-none data-[state=open]:font-semibold hover:bg-transparent"
+        default: "border-t border-grey-400 text-grey-950 hover:bg-grey-200 hover:rounded-lg hover:border-t-transparent hover:ring-0 focus:hover:ring-0 active:bg-grey-400 active:border-transparent active:ring-0 disabled:text-grey-300 disabled:bg-transparent disabled:cursor-not-allowed disabled:hover:bg-none disabled:hover:rounded-none disabled:hover:border-grey-400 disabled:focus:ring-0 disabled:active:bg-transparent"
       },
       size: {
         small: "heading-xxsmall-600 py-1.5 px-4 min-h-8",
         medium: "heading-xsmall-600 py-2.5 px-4 min-h-10",
-        large: "heading-small-600 py-3 px-4 min-h-12",
-        "collapse-small": "text-sm py-1.5 px-4 min-h-8",
-        "collapse-medium": "text-base py-2.5 px-4 min-h-10",
-        "collapse-large": "text-lg py-3 px-4 min-h-12"
-      },
-      iconPosition: {
-        start: "justify-start",
-        end: "justify-between"
+        large: "heading-small-600 py-3 px-4 min-h-12"
       }
     },
     defaultVariants: {
       variant: "default",
-      size: "large",
-      iconPosition: "end"
+      size: "large"
     }
   }
 );
@@ -36,93 +27,47 @@ const Accordion = AccordionPrimitive.Root;
 const AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
 AccordionItem.displayName = "AccordionItem";
 const AccordionTrigger = React.forwardRef(
-  ({
-    className,
-    children,
-    variant = "default",
-    size,
-    disabled,
-    asChild,
-    iconPosition = "end",
-    ghost = false,
-    mode,
-    header,
-    extra,
-    ...props
-  }, ref) => {
-    const isCollapseMode = mode === "collapse";
-    const finalVariant = isCollapseMode || ghost ? "collapse" : variant;
-    const finalIconPosition = isCollapseMode ? "start" : iconPosition;
-    const allowedSizes = ["small", "medium", "large"];
-    let finalSize = size;
-    if ((isCollapseMode || ghost) && size && allowedSizes.includes(size) && typeof size === "string") {
-      if (size === "collapse-small" || size === "collapse-medium" || size === "collapse-large") {
-        finalSize = size;
-      } else {
-        finalSize = `collapse-${size}`;
-      }
-    }
-    const content = isCollapseMode ? header : children;
-    const renderTriggerContent = () => {
-      if (asChild) {
-        return content;
-      }
-      if (isCollapseMode || ghost && finalIconPosition === "start") {
-        return /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 truncate" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center justify-center flex-shrink-0 min-w-4 min-h-4 transition-transform duration-300 group-data-[state=open]:rotate-90 text-grey-700 text-lg select-none font-normal" }, /* @__PURE__ */ React.createElement(ChevronRight, { className: "size-4" })), /* @__PURE__ */ React.createElement("span", { className: "font-normal" }, content)), extra && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-500" }, extra));
-      }
-      return /* @__PURE__ */ React.createElement(React.Fragment, null, finalIconPosition === "start" && /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: cn(
-            "size-5 shrink-0 text-grey-800 transition-transform duration-200 [&[data-state=open]]:rotate-90",
-            disabled && "text-grey-300"
-          )
-        }
-      ), /* @__PURE__ */ React.createElement("span", { className: "flex-1" }, content), finalIconPosition === "end" && /* @__PURE__ */ React.createElement(
-        ChevronDown,
-        {
-          className: cn(
-            "size-5 shrink-0 text-grey-800 transition-transform duration-200 [&[data-state=open]]:rotate-180",
-            disabled && "text-grey-300"
-          )
-        }
-      ));
-    };
-    return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, null, /* @__PURE__ */ React.createElement(
-      AccordionPrimitive.Trigger,
+  ({ className, children, variant, size, disabled, asChild, ...props }, ref) => /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, { className: "" }, /* @__PURE__ */ React.createElement(
+    AccordionPrimitive.Trigger,
+    {
+      ref,
+      className: cn(accordionVariants({ variant, size, className })),
+      ...props,
+      disabled,
+      asChild
+    },
+    asChild ? children : /* @__PURE__ */ React.createElement(React.Fragment, null, children, /* @__PURE__ */ React.createElement(
+      ChevronDown,
       {
-        ref,
         className: cn(
-          accordionVariants({
-            variant: finalVariant,
-            size: finalSize,
-            iconPosition: finalIconPosition,
-            className
-          }),
-          (isCollapseMode || ghost) && "group"
-        ),
-        ...props,
-        disabled,
-        asChild
-      },
-      renderTriggerContent()
-    ));
-  }
+          "size-5 shrink-0 text-grey-800 transition-transform duration-200",
+          disabled && "text-grey-300"
+        )
+      }
+    ))
+  ))
 );
-const AccordionContent = React.forwardRef(({ className, children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(
+AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+const AccordionContent = React.forwardRef(({ className, children, disabled = false, ...props }, ref) => /* @__PURE__ */ React.createElement(
   AccordionPrimitive.Content,
   {
-    ref,
-    className: cn(
-      "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
-      className
-    ),
     "aria-disabled": disabled,
+    className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...props
   },
-  /* @__PURE__ */ React.createElement("div", { className: "pt-2 pb-4 px-4" }, children)
+  /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref,
+      className: cn(
+        "body-medium-400 text-grey-800 pt-2 pb-4 px-4",
+        disabled && "text-grey-300",
+        className
+      )
+    },
+    children
+  )
 ));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
 AccordionContent.displayName = AccordionPrimitive.Content.displayName;
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, accordionVariants };

package/dist/components/Collapse/Collapse.js

@@ -0,0 +1,128 @@
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import { cva } from 'class-variance-authority';
+import { ChevronRight, ChevronDown } from 'lucide-react';
+
+const collapseVariants = cva(
+  "flex flex-1 items-center gap-4 transition-all text-left outline-none w-full",
+  {
+    variants: {
+      variant: {
+        default: "border-t border-grey-400 text-grey-950 hover:bg-grey-200 hover:rounded-lg hover:border-t-transparent hover:ring-0 focus:hover:ring-0 active:bg-grey-400 active:border-transparent active:ring-0 disabled:text-grey-300 disabled:bg-transparent disabled:cursor-not-allowed disabled:hover:bg-none disabled:hover:rounded-none disabled:hover:border-grey-400 disabled:focus:ring-0 disabled:active:bg-transparent",
+        collapse: "bg-transparent border-none data-[state=open]:font-semibold hover:bg-transparent"
+      },
+      size: {
+        small: "heading-xxsmall-600 py-1.5 px-4 min-h-8",
+        medium: "heading-xsmall-600 py-2.5 px-4 min-h-10",
+        large: "heading-small-600 py-3 px-4 min-h-12",
+        "collapse-small": "text-sm py-1.5 px-4 min-h-8",
+        "collapse-medium": "text-base py-2.5 px-4 min-h-10",
+        "collapse-large": "text-lg py-3 px-4 min-h-12"
+      },
+      iconPosition: {
+        start: "justify-start",
+        end: "justify-between"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "large",
+      iconPosition: "end"
+    }
+  }
+);
+const Collapse = AccordionPrimitive.Root;
+const CollapseItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(AccordionPrimitive.Item, { ref, className: cn(className), ...props }));
+CollapseItem.displayName = "CollapseItem";
+const CollapseTrigger = React.forwardRef(
+  ({
+    className,
+    children,
+    variant = "default",
+    size,
+    disabled,
+    asChild,
+    iconPosition = "end",
+    ghost = false,
+    mode,
+    header,
+    extra,
+    ...props
+  }, ref) => {
+    const isCollapseMode = mode === "collapse";
+    const finalVariant = isCollapseMode || ghost ? "collapse" : variant;
+    const finalIconPosition = isCollapseMode ? "start" : iconPosition;
+    const allowedSizes = ["small", "medium", "large"];
+    let finalSize = size;
+    if ((isCollapseMode || ghost) && size && allowedSizes.includes(size) && typeof size === "string") {
+      if (size === "collapse-small" || size === "collapse-medium" || size === "collapse-large") {
+        finalSize = size;
+      } else {
+        finalSize = `collapse-${size}`;
+      }
+    }
+    const content = isCollapseMode ? header : children;
+    const renderTriggerContent = () => {
+      if (asChild) {
+        return content;
+      }
+      if (isCollapseMode || ghost && finalIconPosition === "start") {
+        return /* @__PURE__ */ React.createElement("div", { className: "flex flex-1 items-center justify-between gap-4 w-full" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 truncate" }, /* @__PURE__ */ React.createElement("span", { className: "flex items-center justify-center flex-shrink-0 min-w-4 min-h-4 transition-transform duration-300 group-data-[state=open]:rotate-90 text-grey-700 text-lg select-none font-normal" }, /* @__PURE__ */ React.createElement(ChevronRight, { className: "size-4" })), /* @__PURE__ */ React.createElement("span", { className: "font-normal" }, content)), extra && /* @__PURE__ */ React.createElement("div", { className: "text-sm text-grey-500" }, extra));
+      }
+      return /* @__PURE__ */ React.createElement(React.Fragment, null, finalIconPosition === "start" && /* @__PURE__ */ React.createElement(
+        ChevronDown,
+        {
+          className: cn(
+            "size-5 shrink-0 text-grey-800 transition-transform duration-200 [&[data-state=open]]:rotate-90",
+            disabled && "text-grey-300"
+          )
+        }
+      ), /* @__PURE__ */ React.createElement("span", { className: "flex-1" }, content), finalIconPosition === "end" && /* @__PURE__ */ React.createElement(
+        ChevronDown,
+        {
+          className: cn(
+            "size-5 shrink-0 text-grey-800 transition-transform duration-200 [&[data-state=open]]:rotate-180",
+            disabled && "text-grey-300"
+          )
+        }
+      ));
+    };
+    return /* @__PURE__ */ React.createElement(AccordionPrimitive.Header, null, /* @__PURE__ */ React.createElement(
+      AccordionPrimitive.Trigger,
+      {
+        ref,
+        className: cn(
+          collapseVariants({
+            variant: finalVariant,
+            size: finalSize,
+            iconPosition: finalIconPosition,
+            className
+          }),
+          (isCollapseMode || ghost) && "group"
+        ),
+        ...props,
+        disabled,
+        asChild
+      },
+      renderTriggerContent()
+    ));
+  }
+);
+const CollapseContent = React.forwardRef(({ className, children, disabled, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "overflow-hidden data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up",
+      className
+    ),
+    "aria-disabled": disabled,
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("div", { className: "pt-2 pb-4 px-4" }, children)
+));
+CollapseTrigger.displayName = AccordionPrimitive.Trigger.displayName;
+CollapseContent.displayName = AccordionPrimitive.Content.displayName;
+
+export { Collapse, CollapseContent, CollapseItem, CollapseTrigger, collapseVariants };

package/dist/components/Select/Select.js

@@ -23,17 +23,17 @@ const SelectTrigger = React.forwardRef(({ className, children, customStyles, ...
     }
   }, [normal]);
   const handleOver = React.useCallback(() => {
-    if (hover) {
+    if (!isActive && hover) {
       setBackgroundColor(opacity(hover.bgColor, hover.opacity));
       setColor(hover.textColor);
     }
-  }, [hover]);
+  }, [hover, isActive]);
   const handleOut = React.useCallback(() => {
-    if (normal) {
+    if (!isActive && normal) {
       setBackgroundColor(opacity(normal.bgColor, normal.opacity));
       setColor(normal.textColor);
     }
-  }, [normal]);
+  }, [normal, isActive]);
   const handleFocus = React.useCallback(() => setIsActive(true), []);
   const handleBlur = React.useCallback(() => setIsActive(false), []);
   const mappedCustomStyles = React.useMemo(() => {

package/dist/components/Table/Table.js

@@ -0,0 +1,80 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../lib/utils.js';
+
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b transition-colors data-[state=selected]:bg-muted",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn("mt-4 text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/components/Textarea/Textarea.js

@@ -3,7 +3,11 @@ import { cn } from '../../lib/utils.js';
 import { cva } from 'class-variance-authority';
 
 const textareaVariants = cva(
-  `flex h-20 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background placeholder:text-muted-foreground outline-none focus-visible:outline-none focus-visible:border-blue-600 focus-visible:ring-2 focus-visible:ring-blue-600 focus-visible:ring-offset-2 focus-visible:bg-background focus-visible:ring-opacity-20 hover:border-blue-600 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm transition-all duration-75`,
+  `flex h-20 w-full rounded-[4px] border border-grey-400 bg-background px-3 py-2
+  placeholder:text-muted-foreground outline-none
+  hover:border-grey-500 focus:bg-background focus:border-grey-400 focus:ring-grey-600 focus:ring-opacity-15 focus:ring-4
+  disabled:cursor-not-allowed disabled:opacity-50
+  transition-all duration-300`,
   {
     variants: {
       variant: {
@@ -11,46 +15,43 @@ const textareaVariants = cva(
         filled: "bg-grey-100 border-grey-100 hover:border-grey-200 hover:bg-grey-200 disabled:bg-grey-200 disabled:border-grey-200",
         borderless: "border-none bg-transparent focus:bg-transparent focus:ring-0"
       },
+      size: {
+        small: "h-8 body-medium-400",
+        default: "h-20 body-large-400",
+        large: "h-28 body-large-400"
+      },
       radius: {
-        default: "rounded-md",
         small: "rounded-sm",
-        large: "rounded-3xl"
+        default: "rounded-[4px]",
+        large: "rounded-3xl",
+        full: "rounded-full"
+      },
+      resize: {
+        default: "resize-none",
+        both: "resize",
+        horizontal: "resize-x",
+        vertical: "resize-y"
       }
     },
     defaultVariants: {
       variant: "default",
-      radius: "default"
+      size: "default",
+      radius: "default",
+      resize: "default"
     }
   }
 );
 const Textarea = React.forwardRef(
-  ({ className, variant, radius, resize = "none", ...props }, ref) => {
-    const getResizeClass = (resize2) => {
-      switch (resize2) {
-        case "none":
-          return "resize-none";
-        case "both":
-          return "resize";
-        case "horizontal":
-          return "resize-x";
-        case "vertical":
-          return "resize-y";
-        default:
-          return "resize-none";
-      }
-    };
-    return /* @__PURE__ */ React.createElement(
-      "textarea",
-      {
-        className: cn(
-          textareaVariants({ variant, radius, className }),
-          getResizeClass(resize)
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
+  ({ className, variant, size, radius, resize, ...props }, ref) => /* @__PURE__ */ React.createElement(
+    "textarea",
+    {
+      className: cn(
+        textareaVariants({ variant, size, radius, resize, className })
+      ),
+      ref,
+      ...props
+    }
+  )
 );
 Textarea.displayName = "Textarea";
 

package/dist/hooks/use-mobile.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+const MOBILE_BREAKPOINT = 768;
+function useIsMobile() {
+  const [isMobile, setIsMobile] = React.useState(
+    void 0
+  );
+  React.useEffect(() => {
+    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
+    const onChange = () => {
+      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    };
+    mql.addEventListener("change", onChange);
+    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
+    return () => mql.removeEventListener("change", onChange);
+  }, []);
+  return !!isMobile;
+}
+
+export { useIsMobile };

package/dist/index.d.ts

@@ -45,31 +45,23 @@ export { zodResolver } from '@hookform/resolvers/zod';
 export { Translation, useTranslation } from 'react-i18next';
 
 declare const accordionVariants: (props?: ({
-    variant?: "default" | "collapse" | null | undefined;
-    size?: "small" | "medium" | "large" | "collapse-small" | "collapse-medium" | "collapse-large" | null | undefined;
-    iconPosition?: "start" | "end" | null | undefined;
+    variant?: "default" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
 declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
-interface CollapseModeProps {
-    mode?: 'collapse';
-    header?: React$1.ReactNode;
-    extra?: React$1.ReactNode;
-}
 declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "collapse" | null | undefined;
-    size?: "small" | "medium" | "large" | "collapse-small" | "collapse-medium" | "collapse-large" | null | undefined;
-    iconPosition?: "start" | "end" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string> & CollapseModeProps & {
+    variant?: "default" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & {
     children?: React$1.ReactNode;
-    ghost?: boolean;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
     disabled?: boolean;
 } & React$1.RefAttributes<HTMLDivElement>>;
 
 declare const buttonVariants: (props?: ({
-    variant?: "ghost" | "filled" | "outlined" | "tonal" | null | undefined;
+    variant?: "filled" | "outlined" | "tonal" | "ghost" | null | undefined;
     size?: "small" | "medium" | "large" | "extraLarge" | null | undefined;
     color?: "blue" | "grey" | "destructive" | null | undefined;
     iconButton?: boolean | null | undefined;
@@ -192,6 +184,30 @@ interface CheckboxProps extends React$1.ComponentPropsWithoutRef<typeof Checkbox
 }
 declare const Checkbox: React$1.ForwardRefExoticComponent<CheckboxProps & React$1.RefAttributes<HTMLButtonElement>>;
 
+declare const collapseVariants: (props?: ({
+    variant?: "default" | "collapse" | null | undefined;
+    size?: "small" | "medium" | "large" | "collapse-small" | "collapse-medium" | "collapse-large" | null | undefined;
+    iconPosition?: "start" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare const Collapse: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
+declare const CollapseItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
+interface CollapseModeProps {
+    mode?: 'collapse';
+    header?: React$1.ReactNode;
+    extra?: React$1.ReactNode;
+}
+declare const CollapseTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+    variant?: "default" | "collapse" | null | undefined;
+    size?: "small" | "medium" | "large" | "collapse-small" | "collapse-medium" | "collapse-large" | null | undefined;
+    iconPosition?: "start" | "end" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string> & CollapseModeProps & {
+    children?: React$1.ReactNode;
+    ghost?: boolean;
+} & React$1.RefAttributes<HTMLButtonElement>>;
+declare const CollapseContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
+    disabled?: boolean;
+} & React$1.RefAttributes<HTMLDivElement>>;
+
 type Transparent = 'transparent';
 type Black = 'black';
 type White = 'white';
@@ -898,7 +914,7 @@ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimi
 declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 
 declare const ResizablePanelGroup: ({ className, ...props }: React$1.ComponentProps<typeof ResizablePrimitive.PanelGroup>) => React$1.JSX.Element;
-declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLLabelElement | HTMLParagraphElement | HTMLHeadingElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
+declare const ResizablePanel: React$1.ForwardRefExoticComponent<Omit<React$1.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLButtonElement | HTMLOListElement | HTMLLIElement | HTMLAnchorElement | HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement | HTMLLabelElement | HTMLInputElement | HTMLUListElement | HTMLObjectElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLCanvasElement | HTMLTableCaptionElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLLegendElement | HTMLLinkElement | HTMLMapElement | HTMLMenuElement | HTMLMetaElement | HTMLMeterElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLPictureElement | HTMLPreElement | HTMLProgressElement | HTMLScriptElement | HTMLSelectElement | HTMLSlotElement | HTMLSourceElement | HTMLStyleElement | HTMLTableElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTemplateElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLVideoElement>, "id" | "onResize"> & {
     className?: string;
     collapsedSize?: number | undefined;
     collapsible?: boolean | undefined;
@@ -1054,10 +1070,11 @@ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.
 
 declare const textareaVariants: (props?: ({
     variant?: "default" | "filled" | "borderless" | null | undefined;
-    radius?: "default" | "small" | "large" | null | undefined;
+    size?: "default" | "small" | "large" | null | undefined;
+    radius?: "default" | "small" | "large" | "full" | null | undefined;
+    resize?: "default" | "both" | "horizontal" | "vertical" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextareaProps extends React$1.ComponentProps<'textarea'>, VariantProps<typeof textareaVariants> {
-    resize?: 'none' | 'both' | 'horizontal' | 'vertical';
 }
 declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
 
@@ -1206,5 +1223,5 @@ interface DateInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputEleme
 }
 declare const DateInput: React$1.ForwardRefExoticComponent<DateInputProps & React$1.RefAttributes<HTMLInputElement>>;
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Combobox, CustomDivider, DataTable, DateInput, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Steps, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, CadastroFacil, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapse, CollapseContent, CollapseItem, CollapseTrigger, Combobox, CustomDivider, DataTable, DateInput, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogScroll, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorEmptyDisplay, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, Input, Layout, LogoLecom, LogoLecomBrand, ModoTeste, MultiSelect, Notification, Pagination, PaginationContent, PaginationEllipsis, PaginationFirst, PaginationIndex, PaginationItem, PaginationLast, PaginationNext, PaginationPrevious, Popover, PopoverContent, PopoverTrigger, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, Rpa, SairModoTeste, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Spin, Steps, Switch, TOAST_REMOVE_DELAY, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, Textarea, ToggleGroup, ToggleGroupItem, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipTrigger, Translations, TypeMessageNotification, Typography, Upload, accordionVariants, buttonVariants, collapseVariants, colors, fonts, initializeI18n, inputVariants, notificationVariants, reducer, tagVariants, textareaVariants, toast, typographyVariants, useFormField, useIsMobile, useNotificationToast, usePagination, useSidebar };
 export type { BgColor, BuildCellSelect, BuildColumns, BuildHeaderSelect, ButtonProps, CadastroFacilProps, CalloutNotificationProps, ChartConfig, CheckboxProps, CheckedCell, CheckedCellChange, CheckedHeader, CheckedHeaderChange, Color, ColorToken, Column, ColumnRender, ColumnSort, ColumnSortClient, ColumnTitle, ComboboxGroup, ComboboxOption, ComboboxProps, CustomStyles$1 as CustomStyles, DataTableProps, DateInputProps, DatePickerProps, DialogContentProps, ErrorEmptyDisplayProps, File, FillColor, Fonts, Header, HeaderProps, InlineNotificationProps, InputProps, LayoutProps, LogoLecomBrandProps, LogoLecomProps, Meta, ModoTesteProps, NotificationProps, PaginationProps, Row, RpaProps, SideBarProps, SpinProps, StepsProps, SwitchProps, TableProps, TagInputProps, TagItem, TagProps, TextColor, TextareaProps, TimelineStepItem, ToastNotificationProps, ToasterToast, TooltipContentProps, TypographyProps, UploadProps, UsePaginationItem };

package/dist/index.js

@@ -4,6 +4,7 @@ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, Breadcr
 export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/Card/Card.js';
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from './components/Chart/Chart.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
+export { Collapse, CollapseContent, CollapseItem, CollapseTrigger, collapseVariants } from './components/Collapse/Collapse.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';