lecom-ui 5.0.6 → 5.0.7

package/dist/select.js

@@ -0,0 +1,156 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { CaretSortIcon, ChevronUpIcon, ChevronDownIcon, CheckIcon } from '@radix-ui/react-icons';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Database } from 'lucide-react';
+import { cn } from './lib/utils.js';
+import { Input } from './input.js';
+
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(
+  ({ className, children, position = "popper", isSearch = false, ...props }, ref) => {
+    const [search, setSearch] = React.useState("");
+    const [filteredChildren, setFilteredChildren] = React.useState([children]);
+    const inputRef = React.useRef(null);
+    React.useEffect(() => {
+      const filtered = React.Children.toArray(children).filter((child) => {
+        if (React.isValidElement(child) && child.props.children) {
+          return child.props.children.toLowerCase().includes(search.toLowerCase());
+        }
+        return false;
+      });
+      setFilteredChildren(filtered);
+    }, [search, children]);
+    React.useEffect(() => {
+      if (inputRef.current) {
+        inputRef.current.focus();
+      }
+    }, [search, filteredChildren]);
+    return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+      SelectPrimitive.Content,
+      {
+        ref,
+        className: cn(
+          "relative z-50 max-h-96 min-w-[8rem] overflow-y-auto rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+          position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+          className
+        ),
+        position,
+        ...props,
+        children: [
+          isSearch && /* @__PURE__ */ jsx("div", { className: "p-2", children: /* @__PURE__ */ jsx(
+            Input,
+            {
+              type: "text",
+              ref: inputRef,
+              placeholder: "Search...",
+              className: "w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm focus:outline-none focus:ring-1 focus:ring-ring",
+              value: search,
+              onChange: (e) => setSearch(e.target.value)
+            }
+          ) }),
+          /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+          filteredChildren.length > 0 ? /* @__PURE__ */ jsx(
+            SelectPrimitive.Viewport,
+            {
+              className: cn(
+                "p-1",
+                position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+              ),
+              children: React.Children.toArray(
+                filteredChildren
+              )
+            }
+          ) : /* @__PURE__ */ jsxs(SelectPrimitive.Viewport, { className: "flex flex-col items-center gap-2 p-3 text-gray-400", children: [
+            /* @__PURE__ */ jsx(Database, { className: "w-5 h-5" }),
+            "No Data"
+          ] }),
+          /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+        ]
+      }
+    ) });
+  }
+);
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    }
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/separator.js

@@ -0,0 +1,24 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+import { cn } from './lib/utils.js';
+
+const Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-border",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };

package/dist/sheet.js

@@ -0,0 +1,106 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { Cross2Icon } from '@radix-ui/react-icons';
+import { cva } from 'class-variance-authority';
+import { cn } from './lib/utils.js';
+
+const Sheet = DialogPrimitive.Root;
+const SheetTrigger = DialogPrimitive.Trigger;
+const SheetClose = DialogPrimitive.Close;
+const SheetPortal = DialogPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const sheetVariants = cva(
+  "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx(Cross2Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-foreground", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/sidebar.js

@@ -0,0 +1,188 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { createContext, forwardRef, useState, useEffect, Children, isValidElement, cloneElement, useContext } from 'react';
+import { ReactSVG } from 'react-svg';
+import { cn } from './lib/utils.js';
+import { Skeleton } from './skeleton.js';
+import { Tooltip, TooltipTrigger } from './tooltip.js';
+
+const SideBarContext = createContext({
+  isCollapsed: false,
+  isLoading: false
+});
+function useSideBarContext() {
+  const context = useContext(SideBarContext);
+  if (!context) {
+    throw new Error("Erro ao renderizar SideBar.");
+  }
+  return context;
+}
+const SideBarProvider = ({
+  isCollapsed,
+  isLoading,
+  children
+}) => {
+  return /* @__PURE__ */ jsx(SideBarContext.Provider, { value: { isCollapsed, isLoading }, children });
+};
+const Sidebar = forwardRef(
+  ({
+    isCollapsed,
+    isLoading = false,
+    children,
+    className,
+    shouldHideOnResize = true
+  }, ref) => {
+    const [isHidden, setIsHidden] = useState(false);
+    useEffect(() => {
+      const handleResize = () => {
+        if (shouldHideOnResize && window.innerWidth <= 768 && isCollapsed) {
+          setIsHidden(true);
+        } else {
+          setIsHidden(false);
+        }
+      };
+      window.addEventListener("resize", handleResize);
+      handleResize();
+      return () => {
+        window.removeEventListener("resize", handleResize);
+      };
+    }, [shouldHideOnResize, isCollapsed]);
+    return /* @__PURE__ */ jsx(SideBarProvider, { isCollapsed, isLoading, children: /* @__PURE__ */ jsx(
+      "aside",
+      {
+        ref,
+        className: cn(
+          `bg-white h-screen fixed left-0 top-[50px] z-[9998] shadow border-r-1 transition-all duration-200 ease-in-out`,
+          {
+            "w-[50px]": isCollapsed,
+            "w-[300px]": !isCollapsed,
+            hidden: isHidden
+          },
+          className
+        ),
+        id: "sidebar",
+        children: /* @__PURE__ */ jsx(
+          "nav",
+          {
+            className: `flex h-auto pt-6 w-full items-center overflow-hidden`,
+            children: Children.map(children, (child) => {
+              if (isValidElement(child)) {
+                return cloneElement(child, {
+                  isCollapsed,
+                  isLoading
+                });
+              } else {
+                return child;
+              }
+            })
+          }
+        )
+      }
+    ) });
+  }
+);
+Sidebar.displayName = "Sidebar";
+const SidebarItem = forwardRef(
+  ({ currentPath, menuItems = [], className, target, side }, ref) => {
+    const { isCollapsed, isLoading } = useSideBarContext();
+    const [selectedItem, setSelectedItem] = useState(() => currentPath);
+    return /* @__PURE__ */ jsx("ul", { className: cn(`flex flex-col w-full gap-2 items-center`), children: isLoading ? /* @__PURE__ */ jsx("div", { className: cn("flex flex-col gap-2 w-full"), children: Array.from({ length: menuItems.length }, (_, index) => /* @__PURE__ */ jsx(
+      "li",
+      {
+        className: "flex items-center justify-center h-10 rounded-sm w-full",
+        children: /* @__PURE__ */ jsx(
+          Skeleton,
+          {
+            className: cn(
+              "relative flex justify-center items-center w-full h-10 overflow-hidden",
+              {
+                "m-2": !isCollapsed,
+                "m-1": isCollapsed
+              }
+            ),
+            children: /* @__PURE__ */ jsx(
+              Skeleton,
+              {
+                className: cn(
+                  "absolut h-6 rounded-sm w-11/12 animate-loading drop-shadow-2xl",
+                  {
+                    "m-2": !isCollapsed,
+                    "m-1": isCollapsed
+                  }
+                )
+              }
+            )
+          }
+        )
+      },
+      index
+    )) }) : menuItems.map((item, index) => {
+      const IconComponent = item.icon;
+      return /* @__PURE__ */ jsx(
+        "li",
+        {
+          ref,
+          className: cn(
+            `flex items-center justify-center text-gray-500 rounded-sm transition-colors duration-200 h-10 leading-8 px-2`,
+            {
+              "bg-dodgerblue hover:bg-electricblue": selectedItem === item.href,
+              "hover:bg-gray-scale12": selectedItem !== item.href
+            },
+            className
+          ),
+          onClick: () => setSelectedItem(item.href),
+          style: { width: "calc(100% - 10px)" },
+          children: isCollapsed ? /* @__PURE__ */ jsx(Tooltip, { title: item.label, side, className: "ml-3", children: /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: cn(
+                `flex items-center w-full font-semibold leading-4`,
+                {
+                  "text-letterblue": selectedItem === item.href,
+                  "text-gray-scale60 hover:text-black": selectedItem !== item.href
+                }
+              ),
+              href: item.href,
+              "aria-label": item.label,
+              target,
+              children: /* @__PURE__ */ jsx("div", { className: "flex items-center w-6 justify-center", children: typeof item.icon === "string" ? /* @__PURE__ */ jsx(ReactSVG, { src: item.icon, className: "w-6 h-6" }) : /* @__PURE__ */ jsx(IconComponent, { className: "w-6 h-6" }) })
+            }
+          ) }) }) : /* @__PURE__ */ jsxs(
+            "a",
+            {
+              className: cn(
+                `flex items-center w-full font-semibold leading-4`,
+                {
+                  "text-letterblue": selectedItem === item.href,
+                  "text-gray-scale60 hover:text-black": selectedItem !== item.href
+                }
+              ),
+              href: item.href,
+              "aria-label": item.label,
+              target,
+              children: [
+                /* @__PURE__ */ jsx("div", { className: "flex items-center w-6 justify-center", children: typeof item.icon === "string" ? /* @__PURE__ */ jsx(ReactSVG, { src: item.icon, className: "w-6 h-6" }) : /* @__PURE__ */ jsx(IconComponent, { className: "w-6 h-6" }) }),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cn(
+                      "ml-6 transition-opacity duration-1 ease-in-out text-[#7A7A7A]",
+                      {
+                        "opacity-0 duration-75": isCollapsed,
+                        "opacity-100 duration-500": !isCollapsed
+                      }
+                    ),
+                    children: item.label
+                  }
+                )
+              ]
+            }
+          )
+        },
+        index
+      );
+    }) });
+  }
+);
+SidebarItem.displayName = "SidebarItem";
+
+export { SideBarProvider, Sidebar, SidebarItem };

package/dist/skeleton.js

@@ -0,0 +1,17 @@
+import { jsx } from 'react/jsx-runtime';
+import { cn } from './lib/utils.js';
+
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("animate-pulse rounded-md bg-primary/10", className),
+      ...props
+    }
+  );
+}
+
+export { Skeleton };

package/dist/slider.js

@@ -0,0 +1,23 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { cn } from './lib/utils.js';
+
+const Slider = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SliderPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full touch-none select-none items-center",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+export { Slider };

package/dist/status-screen.js

@@ -0,0 +1,71 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { LogOutIcon } from 'lucide-react';
+import { AccessDenied } from './ilustrations/access_denied.js';
+import { PageNotFound } from './ilustrations/page_not_found.js';
+import { cn } from './lib/utils.js';
+import { Button } from './button.js';
+import { IconHandler } from './icon-handler.js';
+
+const StatusScreen = ({
+  imageUrl = "",
+  title,
+  paragraf_one,
+  paragraf_two,
+  type,
+  buttonText = "",
+  buttonIcon,
+  onActionClick,
+  className,
+  children
+}) => {
+  const defaultImage = {
+    "403": {
+      imageUrl: AccessDenied
+    },
+    "404": {
+      imageUrl: PageNotFound
+    }
+  };
+  const errorMessage = type ? defaultImage[type] : void 0;
+  const buttonBack = () => /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: "flex gap-2 mt-8 p-6 bg-buttonblue text-white rounded transition duration-300 ease-in-out hover:brightness-150 hover:delay-150",
+      onClick: onActionClick,
+      children: [
+        buttonIcon ? buttonIcon : /* @__PURE__ */ jsx(LogOutIcon, { className: "transform rotate-180 w-5 h-5" }),
+        /* @__PURE__ */ jsx("span", { className: "text-[18px]", children: buttonText })
+      ]
+    }
+  );
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "flex flex-col justify-center items-center gap-10 bg-white pt-[calc(75px+59px)] max-h-full max-w-full",
+        className
+      ),
+      children: [
+        !imageUrl && errorMessage && errorMessage.imageUrl ? /* @__PURE__ */ jsx(
+          IconHandler,
+          {
+            icon: errorMessage.imageUrl,
+            className: "w-auto h-full",
+            width: "600px",
+            height: "550px"
+          }
+        ) : imageUrl,
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center w-full max-w-8xl text-gray-scale29 font-normal", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold", children: title }),
+          /* @__PURE__ */ jsx("p", { className: "mt-4 text-[20px] flex flex-wrap", children: paragraf_one }),
+          paragraf_two !== "" && /* @__PURE__ */ jsx("p", { className: "text-[20px] flex flex-wrap", children: paragraf_two }),
+          type && (type === "403" || type === "404") && buttonBack(),
+          children
+        ] })
+      ]
+    }
+  );
+};
+StatusScreen.displayName = "StatusScreen";
+
+export { StatusScreen };

package/dist/switch.js

@@ -0,0 +1,27 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SwitchPrimitives from '@radix-ui/react-switch';
+import { cn } from './lib/utils.js';
+
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitives.Root,
+  {
+    className: cn(
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitives.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = SwitchPrimitives.Root.displayName;
+
+export { Switch };

package/dist/{components/Table/Table.js → table.js}

@@ -1,8 +1,8 @@
 import { jsx } from 'react/jsx-runtime';
 import * as React from 'react';
-import { cn } from '../../lib/utils.js';
+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(
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto scrollbar-thin", children: /* @__PURE__ */ jsx(
   "table",
   {
     ref,
@@ -39,7 +39,7 @@ const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   {
     ref,
     className: cn(
-      "border-b transition-colors data-[state=selected]:bg-muted",
+      "border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
       className
     ),
     ...props
@@ -51,7 +51,7 @@ const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   {
     ref,
     className: cn(
-      "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
+      "h-10 px-2 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
       className
     ),
     ...props
@@ -62,7 +62,10 @@ const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   "td",
   {
     ref,
-    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    className: cn(
+      "p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      className
+    ),
     ...props
   }
 ));