@syscore/ui-library 1.25.0 → 1.27.3

package/dist/index.es.js

@@ -87,13 +87,13 @@ const sizeTextClasses = {
   icon: ""
 };
 const Button = React.forwardRef(
-  ({ className, variant: variant2, size, ftMadeFont, mazzardSoftFont, children, style, ...props }, ref) => {
+  ({ className, variant, size, ftMadeFont, mazzardSoftFont, children, style, ...props }, ref) => {
     const textClass = sizeTextClasses[size || "large"];
     return /* @__PURE__ */ jsx(
       "button",
       {
         className: cn(
-          buttonVariants({ variant: variant2, size }),
+          buttonVariants({ variant, size }),
           ftMadeFont && "font-ftMade",
           mazzardSoftFont && "font-mazzardSoft",
           className
@@ -431,7 +431,7 @@ const AccordionListRow = React.forwardRef(
     rightContent,
     onClick,
     className,
-    variant: variant2 = "default",
+    variant = "default",
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs("div", { ref, onClick, className: cn(className), ...props, children: [
@@ -488,13 +488,13 @@ const defaultElementMap = {
   "number-base": "span"
 };
 const Text = React.forwardRef(
-  ({ className, variant: variant2 = "body-base", as, ...props }, ref) => {
-    const Component = as || defaultElementMap[variant2];
+  ({ className, variant = "body-base", as, ...props }, ref) => {
+    const Component = as || defaultElementMap[variant];
     return /* @__PURE__ */ jsx(
       Component,
       {
         ref,
-        className: cn(typographyVariants({ variant: variant2 }), className),
+        className: cn(typographyVariants({ variant }), className),
         ...props
       }
     );
@@ -508,7 +508,7 @@ const List = React.forwardRef(
 );
 List.displayName = "List";
 const ListItem = React.forwardRef(
-  ({ className, variant: variant2 = "body-base", children, ...props }, ref) => {
+  ({ className, variant = "body-base", children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "li",
       {
@@ -529,7 +529,7 @@ const ListItem = React.forwardRef(
               children: /* @__PURE__ */ jsx("circle", { cx: "2", cy: "2", r: "2", fill: "#71747D" })
             }
           ),
-          /* @__PURE__ */ jsx("span", { className: cn(typographyVariants({ variant: variant2 })), children })
+          /* @__PURE__ */ jsx("span", { className: cn(typographyVariants({ variant })), children })
         ]
       }
     );
@@ -809,13 +809,13 @@ const sheetVariants = cva(
     }
   }
 );
-const SheetContent = React.forwardRef(({ side: side2 = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
   /* @__PURE__ */ jsx(SheetOverlay, {}),
   /* @__PURE__ */ jsxs(
     SheetPrimitive.Content,
     {
       ref,
-      className: cn(sheetVariants({ side: side2 }), className),
+      className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
         children,
@@ -1027,9 +1027,9 @@ function TooltipTrigger({
 }
 function TooltipContent({
   className,
-  variant: variant2,
+  variant,
   sideOffset = 0,
-  side: side2 = "bottom",
+  side = "bottom",
   children,
   alignOffset = 0,
   hideClose = false,
@@ -1062,11 +1062,11 @@ function TooltipContent({
       "data-slot": "tooltip-content",
       sideOffset,
       alignOffset,
-      side: side2,
-      className: cn(tooltipContentVariants({ variant: variant2 }), className),
+      side,
+      className: cn(tooltipContentVariants({ variant }), className),
       ...props,
       children: [
-        variant2 !== "simple" && /* @__PURE__ */ jsx("div", { className: "tooltip-arrow", children: /* @__PURE__ */ jsx(
+        variant !== "simple" && /* @__PURE__ */ jsx("div", { className: "tooltip-arrow", children: /* @__PURE__ */ jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -1083,7 +1083,7 @@ function TooltipContent({
             )
           }
         ) }),
-        variant2 !== "simple" && !hideClose && /* @__PURE__ */ jsx(ToggleClose, {}),
+        variant !== "simple" && !hideClose && /* @__PURE__ */ jsx(ToggleClose, {}),
         children
       ]
     }
@@ -1154,10 +1154,10 @@ const SidebarProvider = React.forwardRef(
       window.addEventListener("keydown", handleKeyDown);
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
-    const state2 = open ? "expanded" : "collapsed";
+    const state = open ? "expanded" : "collapsed";
     const contextValue = React.useMemo(
       () => ({
-        state: state2,
+        state,
         open,
         setOpen,
         isMobile,
@@ -1166,7 +1166,7 @@ const SidebarProvider = React.forwardRef(
         toggleSidebar
       }),
       [
-        state2,
+        state,
         open,
         setOpen,
         isMobile,
@@ -1197,15 +1197,15 @@ const SidebarProvider = React.forwardRef(
 SidebarProvider.displayName = "SidebarProvider";
 const Sidebar = React.forwardRef(
   ({
-    side: side2 = "left",
-    variant: variant2 = "sidebar",
-    collapsible: collapsible2 = "offcanvas",
+    side = "left",
+    variant = "sidebar",
+    collapsible = "offcanvas",
     className,
     children,
     ...props
   }, ref) => {
-    const { isMobile, state: state2, openMobile, setOpenMobile } = useSidebar();
-    if (collapsible2 === "none") {
+    const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+    if (collapsible === "none") {
       return /* @__PURE__ */ jsx(
         "div",
         {
@@ -1229,7 +1229,7 @@ const Sidebar = React.forwardRef(
           style: {
             "--sidebar-width": SIDEBAR_WIDTH_MOBILE
           },
-          side: side2,
+          side,
           children: /* @__PURE__ */ jsx("div", { className: "sidebar-mobile-content", children })
         }
       ) });
@@ -1239,10 +1239,10 @@ const Sidebar = React.forwardRef(
       {
         ref,
         className: "sidebar-base peer",
-        "data-state": state2,
-        "data-collapsible": state2 === "collapsed" ? collapsible2 : "",
-        "data-variant": variant2,
-        "data-side": side2,
+        "data-state": state,
+        "data-collapsible": state === "collapsed" ? collapsible : "",
+        "data-variant": variant,
+        "data-side": side,
         children: [
           /* @__PURE__ */ jsx("div", { className: "sidebar-base" }),
           /* @__PURE__ */ jsx(
@@ -1252,16 +1252,16 @@ const Sidebar = React.forwardRef(
                 "sidebar-container",
                 className
               ),
-              "data-side": side2,
-              "data-collapsible": state2 === "collapsed" ? collapsible2 : "",
-              "data-variant": variant2,
+              "data-side": side,
+              "data-collapsible": state === "collapsed" ? collapsible : "",
+              "data-variant": variant,
               ...props,
               children: /* @__PURE__ */ jsx(
                 "div",
                 {
                   "data-sidebar": "sidebar",
                   className: "sidebar-inner",
-                  "data-variant": variant2,
+                  "data-variant": variant,
                   children
                 }
               )
@@ -1296,7 +1296,7 @@ const SidebarTrigger = React.forwardRef(({ className, onClick, ...props }, ref)
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
+const SidebarRail = React.forwardRef(({ className, side, state, collapsible, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ jsx(
     "button",
@@ -1319,7 +1319,7 @@ const SidebarRail = React.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-const SidebarInset = React.forwardRef(({ className, ...props }, ref) => {
+const SidebarInset = React.forwardRef(({ className, state, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     "main",
     {
@@ -1499,14 +1499,14 @@ const SidebarMenuButton = React.forwardRef(
   ({
     asChild = false,
     isActive = false,
-    variant: variant2 = "default",
+    variant = "default",
     size = "default",
     tooltip,
     className,
     ...props
   }, ref) => {
     const Comp = asChild ? Slot : "button";
-    const { isMobile, state: state2 } = useSidebar();
+    const { isMobile, state } = useSidebar();
     const button = /* @__PURE__ */ jsx(
       Comp,
       {
@@ -1514,7 +1514,7 @@ const SidebarMenuButton = React.forwardRef(
         "data-sidebar": "menu-button",
         "data-size": size,
         "data-active": isActive,
-        className: cn(sidebarMenuButtonVariants({ variant: variant2, size }), className),
+        className: cn(sidebarMenuButtonVariants({ variant, size }), className),
         ...props
       }
     );
@@ -1533,7 +1533,7 @@ const SidebarMenuButton = React.forwardRef(
         {
           side: "right",
           align: "center",
-          hidden: state2 !== "collapsed" || isMobile,
+          hidden: state !== "collapsed" || isMobile,
           ...tooltip
         }
       )
@@ -1543,7 +1543,7 @@ const SidebarMenuButton = React.forwardRef(
 SidebarMenuButton.displayName = "SidebarMenuButton";
 const SidebarMenuAction = React.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  const { state: state2 } = useSidebar();
+  const { state } = useSidebar();
   return /* @__PURE__ */ jsx(
     Comp,
     {
@@ -1638,7 +1638,6 @@ const SidebarMenuSubButton = React.forwardRef(({ asChild = false, size = "md", i
         size === "md" && "sidebar-menu-sub-button--size-md",
         className
       ),
-      "data-size": size,
       ...props
     }
   );
@@ -1978,17 +1977,17 @@ const ToggleGroupContext = React.createContext({
   size: "default",
   variant: "default"
 });
-const ToggleGroup = React.forwardRef(({ className, variant: variant2, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
+const ToggleGroup = React.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("toggle-group", className),
     ...props,
-    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant: variant2, size }, children })
+    children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-const ToggleGroupItem = React.forwardRef(({ className, children, variant: variant2, size, ...props }, ref) => {
+const ToggleGroupItem = React.forwardRef(({ className, children, variant, size, ...props }, ref) => {
   const context = React.useContext(ToggleGroupContext);
   return /* @__PURE__ */ jsx(
     ToggleGroupPrimitive.Item,
@@ -1996,7 +1995,7 @@ const ToggleGroupItem = React.forwardRef(({ className, children, variant: varian
       ref,
       className: cn(
         toggleVariants({
-          variant: context.variant || variant2,
+          variant: context.variant || variant,
           size: context.size || size
         }),
         className
@@ -2098,8 +2097,8 @@ const badgeVariants = cva(
     }
   }
 );
-function Badge({ className, variant: variant2, ...props }) {
-  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant: variant2 }), className), ...props });
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn(badgeVariants({ variant }), className), ...props });
 }
 const alertVariants = cva(
   "alert",
@@ -2115,12 +2114,12 @@ const alertVariants = cva(
     }
   }
 );
-const Alert = React.forwardRef(({ className, variant: variant2, ...props }, ref) => /* @__PURE__ */ jsx(
+const Alert = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
     role: "alert",
-    className: cn(alertVariants({ variant: variant2 }), className),
+    className: cn(alertVariants({ variant }), className),
     ...props
   }
 ));
@@ -2706,7 +2705,7 @@ const getStatusClass = (status, colorScheme = "light") => {
 const Tag = React.forwardRef(
   ({
     children,
-    variant: variant2 = "text",
+    variant = "text",
     active = false,
     status,
     colorScheme = "light",
@@ -2736,7 +2735,7 @@ const Tag = React.forwardRef(
         }
       );
     }
-    if (variant2 === "code") {
+    if (variant === "code") {
       return /* @__PURE__ */ jsx(
         "button",
         {
@@ -2988,7 +2987,7 @@ function TabsTrigger({
   value,
   children,
   className,
-  variant: variant2 = "default"
+  variant = "default"
 }) {
   const { selectedValue, setSelectedValue, registerValue } = useTabsContext();
   const { registerRef } = useTabsNavContext();
@@ -3008,7 +3007,7 @@ function TabsTrigger({
     "button",
     {
       className: cn("tabs-nav-button", className),
-      "data-variant": variant2,
+      "data-variant": variant,
       onClick: handleClick,
       ref: refCallback,
       children: /* @__PURE__ */ jsx(
@@ -3814,13 +3813,13 @@ const CarouselItem = React.forwardRef(({ className, ...props }, ref) => {
 });
 CarouselItem.displayName = "CarouselItem";
 const CarouselPrevious = React.forwardRef(
-  ({ className, variant: variant2 = "general-secondary", size = "icon", ...props }, ref) => {
+  ({ className, variant = "general-secondary", size = "icon", ...props }, ref) => {
     const { orientation, scrollPrev, canScrollPrev } = useCarousel();
     return /* @__PURE__ */ jsxs(
       Button,
       {
         ref,
-        variant: variant2,
+        variant,
         size,
         className: cn(
           "carousel-button carousel-button--previous",
@@ -3840,13 +3839,13 @@ const CarouselPrevious = React.forwardRef(
 );
 CarouselPrevious.displayName = "CarouselPrevious";
 const CarouselNext = React.forwardRef(
-  ({ className, variant: variant2 = "general-secondary", size = "icon", ...props }, ref) => {
+  ({ className, variant = "general-secondary", size = "icon", ...props }, ref) => {
     const { orientation, scrollNext, canScrollNext } = useCarousel();
     return /* @__PURE__ */ jsxs(
       Button,
       {
         ref,
-        variant: variant2,
+        variant,
         size,
         className: cn(
           "carousel-button carousel-button--next",
@@ -3892,12 +3891,12 @@ const toastVariants = cva(
     }
   }
 );
-const Toast = React.forwardRef(({ className, variant: variant2, ...props }, ref) => {
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => {
   return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
       ref,
-      className: cn(toastVariants({ variant: variant2 }), className),
+      className: cn(toastVariants({ variant }), className),
       ...props
     }
   );
@@ -3962,17 +3961,17 @@ const addToRemoveQueue = (toastId) => {
   }, TOAST_REMOVE_DELAY);
   toastTimeouts.set(toastId, timeout);
 };
-const reducer = (state2, action) => {
+const reducer = (state, action) => {
   switch (action.type) {
     case "ADD_TOAST":
       return {
-        ...state2,
-        toasts: [action.toast, ...state2.toasts].slice(0, TOAST_LIMIT)
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
       };
     case "UPDATE_TOAST":
       return {
-        ...state2,
-        toasts: state2.toasts.map(
+        ...state,
+        toasts: state.toasts.map(
           (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
         )
       };
@@ -3981,13 +3980,13 @@ const reducer = (state2, action) => {
       if (toastId) {
         addToRemoveQueue(toastId);
       } else {
-        state2.toasts.forEach((toast2) => {
+        state.toasts.forEach((toast2) => {
           addToRemoveQueue(toast2.id);
         });
       }
       return {
-        ...state2,
-        toasts: state2.toasts.map(
+        ...state,
+        toasts: state.toasts.map(
           (t) => t.id === toastId || toastId === void 0 ? {
             ...t,
             open: false
@@ -3998,13 +3997,13 @@ const reducer = (state2, action) => {
     case "REMOVE_TOAST":
       if (action.toastId === void 0) {
         return {
-          ...state2,
+          ...state,
           toasts: []
         };
       }
       return {
-        ...state2,
-        toasts: state2.toasts.filter((t) => t.id !== action.toastId)
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
       };
   }
 };
@@ -4041,7 +4040,7 @@ function toast({ ...props }) {
   };
 }
 function useToast() {
-  const [state2, setState] = React.useState(memoryState);
+  const [state, setState] = React.useState(memoryState);
   React.useEffect(() => {
     listeners.push(setState);
     return () => {
@@ -4050,9 +4049,9 @@ function useToast() {
         listeners.splice(index, 1);
       }
     };
-  }, [state2]);
+  }, [state]);
   return {
-    ...state2,
+    ...state,
     toast,
     dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
   };
@@ -7095,9 +7094,9 @@ const VARIANT_COLORS = {
 };
 const UtilityTriangleInfo = ({
   className,
-  variant: variant2 = "low"
+  variant = "low"
 }) => {
-  const { fill, stroke } = VARIANT_COLORS[variant2];
+  const { fill, stroke } = VARIANT_COLORS[variant];
   return /* @__PURE__ */ jsx(
     "svg",
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syscore/ui-library",
-  "version": "1.25.0",
+  "version": "1.27.3",
   "description": "A comprehensive React component library built with Radix UI, Tailwind CSS, and TypeScript",
   "private": false,
   "type": "module",