react-better-html 1.1.271 → 1.1.273

package/dist/index.mjs

@@ -1535,7 +1535,11 @@ var IconElement = styled3.svg.withConfig({
 var Icon = forwardRef4(function Icon2({ name, size = 16, ...props }, ref) {
   const theme2 = useTheme5();
   const { icons: icons2 } = useBetterCoreContext2();
-  const { style, hoverStyle, restProps } = useComponentPropsGrouper(props);
+  const {
+    style: { fill, stroke, strokeColor, ...restStyle },
+    hoverStyle,
+    restProps
+  } = useComponentPropsGrouper(props);
   const dataProps = useComponentPropsWithPrefix(restProps, "data");
   const ariaProps = useComponentPropsWithPrefix(restProps, "aria");
   const svgColor = props.color ?? theme2.colors.textPrimary;
@@ -1556,7 +1560,7 @@ var Icon = forwardRef4(function Icon2({ name, size = 16, ...props }, ref) {
       xmlns: "http://www.w3.org/2000/svg",
       theme: theme2,
       hoverColor: svgHoverColorColor,
-      style,
+      style: restStyle,
       hoverStyle,
       ...restProps,
       ...dataProps,
@@ -1567,8 +1571,8 @@ var Icon = forwardRef4(function Icon2({ name, size = 16, ...props }, ref) {
         {
           ...path,
           className: path.type === "fill" ? "react-better-html-icon-path-with-fill" : "react-better-html-icon-path-with-stroke",
-          fill: path.type === "fill" ? svgColor : void 0,
-          stroke: path.type === "stroke" ? svgColor : void 0,
+          fill: path.type === "fill" ? fill ?? svgColor : void 0,
+          stroke: path.type === "stroke" ? strokeColor ?? stroke ?? svgColor : void 0,
           key: path.d
         }
       ))
@@ -7470,17 +7474,27 @@ var Tooltip_default = Tooltip2;
 
 // src/components/Tabs.tsx
 import { forwardRef as forwardRef17, memo as memo25, useCallback as useCallback16, useEffect as useEffect14, useImperativeHandle as useImperativeHandle4, useMemo as useMemo11, useRef as useRef8, useState as useState13 } from "react";
-import { useBetterCoreContext as useBetterCoreContext10, useTheme as useTheme27 } from "react-better-core";
+import { useTheme as useTheme27 } from "react-better-core";
 import { jsx as jsx25, jsxs as jsxs22 } from "react/jsx-runtime";
 var tabBottomLineWidth = 2;
 var tabDotSize = 6;
 var defaultTabName = "tab";
-var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", gap, noBottomLine, onChange, children, ...props }, ref) {
+var TabsComponent = forwardRef17(function Tabs({
+  tabs,
+  name,
+  accentColor,
+  style = "default",
+  gap,
+  noBottomLine,
+  keepUrlHistory = true,
+  onChange,
+  children,
+  ...props
+}, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   const theme2 = useTheme27();
   const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
   const { componentsState } = useBetterHtmlContextInternal();
-  const { colorTheme } = useBetterCoreContext10();
   const firstRenderPassedRef = useRef8(false);
   const tabsRef = useRef8({});
   const tabsGap = gap ?? (style === "box" ? theme2.styles.gap / 2 : 0);
@@ -7501,12 +7515,15 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
       setSelectedTabId(tabId);
       onChange?.(tabId);
       if (urlQuery) {
-        urlQuery.setQuery({
-          [name ?? defaultTabName]: tabId
-        });
+        urlQuery.setQuery(
+          {
+            [name ?? defaultTabName]: tabId
+          },
+          keepUrlHistory
+        );
       }
     },
-    [onChange, name, urlQuery]
+    [onChange, name, urlQuery, keepUrlHistory]
   );
   const width = useMemo11(
     () => tabsRef.current[selectedTabId]?.getBoundingClientRect().width ?? 0,
@@ -7831,7 +7848,7 @@ import { createContext as createContext2, memo as memo27, useCallback as useCall
 import {
   calculateColorContrast,
   lightenColor as lightenColor3,
-  useBetterCoreContext as useBetterCoreContext11,
+  useBetterCoreContext as useBetterCoreContext10,
   useBooleanState as useBooleanState8,
   useTheme as useTheme29
 } from "react-better-core";
@@ -7857,7 +7874,7 @@ var MenuItemTypeItem = memo27(function MenuItemTypeItem2({
   const theme2 = useTheme29();
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed, setSideMenuIsCollapsed } = useBetterHtmlContextInternal();
-  const { colorTheme } = useBetterCoreContext11();
+  const { colorTheme } = useBetterCoreContext10();
   const { activeItem, setActiveItem } = useSideMenuContext();
   const [isOpened, setIsOpened] = useBooleanState8();
   const isCollapsed = sideMenuIsCollapsed && !mediaQuery.size1000;