react-better-html 1.1.83 → 1.1.85

package/dist/index.mjs

@@ -2194,11 +2194,29 @@ var DivComponent = forwardRef(function Div({ value, as, isTabAccessed, onClickWi
     }
   );
 });
-DivComponent.row = forwardRef(function Row({ invertFlexDirection, ...props }, ref) {
-  return /* @__PURE__ */ jsx2(DivComponent, { display: "flex", flexDirection: invertFlexDirection ? "column" : "row", ref, ...props });
+DivComponent.row = forwardRef(function Row({ reverse, invertFlexDirection, ...props }, ref) {
+  const reverseSuffix = reverse ? "-reverse" : "";
+  return /* @__PURE__ */ jsx2(
+    DivComponent,
+    {
+      display: "flex",
+      flexDirection: (invertFlexDirection ? "column" : "row") + reverseSuffix,
+      ref,
+      ...props
+    }
+  );
 });
-DivComponent.column = forwardRef(function Column({ invertFlexDirection, ...props }, ref) {
-  return /* @__PURE__ */ jsx2(DivComponent, { display: "flex", flexDirection: invertFlexDirection ? "row" : "column", ref, ...props });
+DivComponent.column = forwardRef(function Column({ reverse, invertFlexDirection, ...props }, ref) {
+  const reverseSuffix = reverse ? "-reverse" : "";
+  return /* @__PURE__ */ jsx2(
+    DivComponent,
+    {
+      display: "flex",
+      flexDirection: (invertFlexDirection ? "column" : "row") + reverseSuffix,
+      ref,
+      ...props
+    }
+  );
 });
 DivComponent.grid = forwardRef(function Grid(props, ref) {
   return /* @__PURE__ */ jsx2(DivComponent, { display: "grid", ref, ...props });
@@ -2991,7 +3009,7 @@ var Modal_default = Modal2;
 // src/components/PageHolder.tsx
 import { memo as memo10 } from "react";
 import { jsx as jsx10 } from "react/jsx-runtime";
-function PageHolder({ noMaxContentWidth, children }) {
+function PageHolder({ noMaxContentWidth, children, ...props }) {
   const theme2 = useTheme();
   const { app } = useBetterHtmlContextInternal();
   return /* @__PURE__ */ jsx10(
@@ -3002,6 +3020,7 @@ function PageHolder({ noMaxContentWidth, children }) {
       maxWidth: !noMaxContentWidth ? app.contentMaxWidth : void 0,
       margin: "0px auto",
       padding: theme2.styles.space,
+      ...props,
       children
     }
   );
@@ -5170,6 +5189,7 @@ var InputElement = styled8.input.withConfig({
    &[type="time"] {
       // min-height: 46px;
       -webkit-appearance: none;
+      -moz-appearance: textfield;
 
       &::-webkit-calendar-picker-indicator {
          display: none;
@@ -6603,12 +6623,19 @@ var TabsComponent = forwardRef12(function Tabs({ tabs, name, accentColor, style
       block: "nearest"
     });
   }, [selectedTab]);
+  useEffect9(() => {
+    return () => {
+      componentsState.tabs.setTabGroups(
+        (oldValue) => oldValue.filter((item) => item.name !== (name ?? defaultTabName))
+      );
+    };
+  }, []);
   useImperativeHandle2(
     ref,
     () => {
       return {
         selectedTab,
-        setSelectedTab: onClickTab
+        selectTab: onClickTab
       };
     },
     [selectedTab, onClickTab]
@@ -6679,7 +6706,7 @@ var TabsComponent = forwardRef12(function Tabs({ tabs, name, accentColor, style
         }
       )
     ] }),
-    /* @__PURE__ */ jsx21(Div_default, { width: "100%", children })
+    children && /* @__PURE__ */ jsx21(Div_default, { width: "100%", children })
   ] });
 });
 TabsComponent.content = function Content({ tab, tabWithDot, tabsGroupName, isInitialTab, children }) {