lecom-ui 5.2.71 → 5.2.73

package/dist/select.js

@@ -1,156 +0,0 @@
-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

@@ -1,24 +0,0 @@
-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

@@ -1,106 +0,0 @@
-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

@@ -1,188 +0,0 @@
-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

@@ -1,17 +0,0 @@
-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

@@ -1,23 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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

@@ -1,27 +0,0 @@
-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 };