@syscore/ui-library 1.24.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",
     {
@@ -10725,7 +10724,7 @@ const BadgeCertificationBronze = ({
           {
             d: "M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0491 46.8021 8.43565 45.1886C6.82216 43.5751 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43565 8.43562C10.0491 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8067 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5751 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8067 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z",
             fill: "url(#paint0_linear_9834_265)",
-            "fill-opacity": "0.8"
+            fillOpacity: "0.8"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -10828,10 +10827,10 @@ const BadgeCertificationBronze = ({
             y2: "0.822974",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx("stop", { offset: "0.173077", "stop-color": "#DCBA8E" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.324306", "stop-color": "#ECDDBA" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.484968", "stop-color": "#F2E9C9" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.826923", "stop-color": "#DFC196" })
+              /* @__PURE__ */ jsx("stop", { offset: "0.173077", stopColor: "#DCBA8E" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.324306", stopColor: "#ECDDBA" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.484968", stopColor: "#F2E9C9" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.826923", stopColor: "#DFC196" })
             ]
           }
         ) })
@@ -10864,7 +10863,7 @@ const BadgeCertificationSilver = ({
           {
             d: "M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0491 46.8021 8.43565 45.1886C6.82216 43.5751 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43565 8.43562C10.0491 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8067 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5751 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8067 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z",
             fill: "url(#paint0_linear_9834_296)",
-            "fill-opacity": "0.8"
+            fillOpacity: "0.8"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -10967,10 +10966,10 @@ const BadgeCertificationSilver = ({
             y2: "0.822974",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx("stop", { offset: "0.173077", "stop-color": "#BCC4CD" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.324306", "stop-color": "#FCFCFD" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.484968", "stop-color": "#FCFCFD" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.826923", "stop-color": "#BCC4CD" })
+              /* @__PURE__ */ jsx("stop", { offset: "0.173077", stopColor: "#BCC4CD" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.324306", stopColor: "#FCFCFD" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.484968", stopColor: "#FCFCFD" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.826923", stopColor: "#BCC4CD" })
             ]
           }
         ) })
@@ -11142,7 +11141,7 @@ const BadgeCertificationPlatinum = ({
           {
             d: "M26.8122 52.8121C24.5706 52.8121 22.2424 52.5414 20.0875 51.9133C17.9325 51.2853 15.7884 50.4839 13.8176 49.3144C11.8467 48.1449 10.0491 46.8021 8.43565 45.1886C6.82216 43.5751 5.47939 41.7884 4.30987 39.8067C3.14036 37.8359 2.33903 35.7784 1.71096 33.5368C1.08288 31.3819 0.812164 29.0537 0.812164 26.8121C0.812164 24.5706 1.08288 22.2424 1.71096 20.0874C2.33903 17.9325 3.14036 15.7884 4.30987 13.8175C5.47939 11.8467 6.82216 10.0491 8.43565 8.43562C10.0491 6.82213 11.8359 5.47936 13.8176 4.30984C15.7884 3.14033 17.8459 2.339 20.0875 1.71093C22.2424 1.08285 24.5706 0.812134 26.8122 0.812134C29.0537 0.812134 31.3819 1.08285 33.5369 1.71093C35.6918 2.339 37.8359 3.14033 39.8067 4.30984C41.7776 5.47936 43.5752 6.82213 45.1887 8.43562C46.8022 10.0491 48.1449 11.8359 49.3145 13.8175C50.484 15.7884 51.2853 17.8459 51.9134 20.0874C52.5414 22.2424 52.8122 24.5706 52.8122 26.8121C52.8122 29.0537 52.5414 31.3819 51.9134 33.5368C51.2853 35.6918 50.484 37.8359 49.3145 39.8067C48.1449 41.7776 46.8022 43.5751 45.1887 45.1886C43.5752 46.8021 41.7884 48.1449 39.8067 49.3144C37.8359 50.4839 35.7784 51.2853 33.5369 51.9133C31.3819 52.5414 29.0537 52.8121 26.8122 52.8121Z",
             fill: "url(#paint0_linear_9834_358)",
-            "fill-opacity": "0.8"
+            fillOpacity: "0.8"
           }
         ),
         /* @__PURE__ */ jsx(
@@ -11245,10 +11244,10 @@ const BadgeCertificationPlatinum = ({
             y2: "0.822974",
             gradientUnits: "userSpaceOnUse",
             children: [
-              /* @__PURE__ */ jsx("stop", { offset: "0.173077", "stop-color": "#B4B3BC" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.365337", "stop-color": "#E2E1E5" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.542584", "stop-color": "#E2E1E5" }),
-              /* @__PURE__ */ jsx("stop", { offset: "0.826923", "stop-color": "#C6C5CC" })
+              /* @__PURE__ */ jsx("stop", { offset: "0.173077", stopColor: "#B4B3BC" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.365337", stopColor: "#E2E1E5" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.542584", stopColor: "#E2E1E5" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.826923", stopColor: "#C6C5CC" })
             ]
           }
         ) })
@@ -13408,7 +13407,7 @@ function AlphaIcon({
               y2: "-2.36962",
               gradientUnits: "userSpaceOnUse",
               children: [
-                /* @__PURE__ */ jsx("stop", { "stop-color": "#8AEFDB" }),
+                /* @__PURE__ */ jsx("stop", { stopColor: "#8AEFDB" }),
                 /* @__PURE__ */ jsx("stop", { offset: "0.5", stopColor: "#D4BACE" }),
                 /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#CBE0F1" })
               ]

package/package.json

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