react-better-html 1.1.256 → 1.1.258

package/dist/index.mjs

@@ -1479,6 +1479,7 @@ Image.profileImage = forwardRef3(function ProfileImage({ size = 40, letters, let
       borderRadius: 999,
       alignItems: "center",
       justifyContent: "center",
+      userSelect: "none",
       ref,
       ...props,
       width: size,
@@ -7453,7 +7454,7 @@ 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", onChange, children, ...props }, ref) {
+var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style = "default", gap, onChange, children, ...props }, ref) {
   const reactRouterDomPlugin2 = usePlugin("react-router-dom");
   const theme2 = useTheme27();
   const urlQuery = reactRouterDomPlugin2 ? useUrlQuery() : void 0;
@@ -7461,6 +7462,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
   const { colorTheme } = useBetterCoreContext10();
   const firstRenderPassedRef = useRef8(false);
   const tabsRef = useRef8({});
+  const tabsGap = gap ?? (style === "box" ? theme2.styles.gap / 2 : 0);
   const [selectedTab, setSelectedTab] = useState13(() => {
     const selectedTabId = tabs[0];
     if (urlQuery) {
@@ -7472,7 +7474,6 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
     return selectedTabId;
   });
   const [rerenderState, setRerenderState] = useState13(0);
-  const tabsGap = style === "box" ? theme2.styles.gap / 2 : 0;
   const onClickTab = useCallback16(
     (tab) => {
       setSelectedTab(tab);
@@ -7556,6 +7557,7 @@ var TabsComponent = forwardRef17(function Tabs({ tabs, name, accentColor, style
         return /* @__PURE__ */ jsxs22(
           Div_default,
           {
+            className: "react-better-html-tabs-tab",
             position: "relative",
             width: "fit-content",
             backgroundColor: style === "box" ? selected ? theme2.colors.primary : theme2.colors.backgroundContent : theme2.colors.backgroundBase,
@@ -8251,7 +8253,11 @@ var SideMenuComponent = function SideMenu({
     }
   ) });
 };
-SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, ...props }) {
+SideMenuComponent.pageHolder = function SideMenuPageHolder({
+  additionalTopComponent,
+  additionalBottomComponent,
+  ...props
+}) {
   const theme2 = useTheme29();
   const mediaQuery = useMediaQuery();
   const { components, sideMenuIsCollapsed } = useBetterHtmlContextInternal();
@@ -8265,8 +8271,9 @@ SideMenuComponent.pageHolder = function SideMenuPageHolder({ outsideComponent, .
       paddingLeft: !mediaQuery.size1000 ? !sideMenuIsCollapsed ? sideMenuWidth : sideMenuCollapsedWidth : void 0,
       transition: theme2.styles.transition,
       children: [
-        outsideComponent,
-        /* @__PURE__ */ jsx27(PageHolder_default, { ...props })
+        additionalTopComponent,
+        /* @__PURE__ */ jsx27(PageHolder_default, { ...props }),
+        additionalBottomComponent
       ]
     }
   );