@edifice.io/react 2.2.11-develop-pedago.20250710120949 → 2.2.11-develop-pedago.20250710171345

package/dist/components/Flex/Flex.js

@@ -7,7 +7,7 @@ const Flex = ({
   justify,
   gap,
   fill,
-  wrap = "wrap",
+  wrap,
   className,
   children,
   ...restProps

package/dist/components/Tabs/components/Tabs.d.ts

@@ -34,15 +34,19 @@ export interface TabsProps {
      */
     stickyTop?: number;
     /**
-     * Additional class names for the Tabs component
+     * Additional class name for the tab header
      */
-    className?: string;
+    headerClassName?: string;
+    /**
+     * Additional class name for the content area
+     */
+    contentClassName?: string;
 }
 /**
  * Tab Content displayed one at a time when a Tab Item is selected
  */
 export declare const Tabs: {
-    ({ defaultId, items, fullWidth, fullHeight, onChange, children, isSticky, stickyTop, className, }: TabsProps): import("react/jsx-runtime").JSX.Element;
+    ({ defaultId, items, fullWidth, fullHeight, onChange, children, isSticky, stickyTop, headerClassName, contentClassName, }: TabsProps): import("react/jsx-runtime").JSX.Element;
     Item: {
         ({ icon, badge, label, id, order, }: TabsItemProps & {
             order: number;
@@ -50,7 +54,7 @@ export declare const Tabs: {
         displayName: string;
     };
     Panel: {
-        ({ children, currentItem, fullHeight }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+        ({ children, currentItem, fullHeight, className, }: import('./TabsPanel').TabsPanelProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     List: {

package/dist/components/Tabs/components/Tabs.js

@@ -14,7 +14,8 @@ const Tabs = ({
   children,
   isSticky = !1,
   stickyTop = 0,
-  className
+  headerClassName,
+  contentClassName
 }) => {
   const {
     activeTab,
@@ -37,8 +38,8 @@ const Tabs = ({
     onKeyDown
   }), [activeTab, items, onKeyDown, setSelectedTab, tabUnderlineLeft, tabUnderlineWidth, tabsRef]), currentItem = items.find((item) => item.id === activeTab);
   return /* @__PURE__ */ jsx(TabsContext.Provider, { value, children: typeof children == "function" ? children(currentItem) : /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tabs.List, { fullWidth, isSticky, stickyTop, className }),
-    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, fullHeight, children: currentItem == null ? void 0 : currentItem.content })
+    /* @__PURE__ */ jsx(Tabs.List, { fullWidth, isSticky, stickyTop, className: headerClassName }),
+    /* @__PURE__ */ jsx(Tabs.Panel, { currentItem, fullHeight, className: contentClassName, children: currentItem == null ? void 0 : currentItem.content })
   ] }) });
 };
 Tabs.Item = TabsItem;

package/dist/components/Tabs/components/TabsList.js

@@ -1,4 +1,4 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useTabsContext } from "../context/TabsContext.js";
 import { Tabs } from "./Tabs.js";
@@ -19,15 +19,15 @@ const TabsList = (props) => {
     "position-sticky z-1": isSticky,
     "position-relative": !isSticky
   }, className);
-  return /* @__PURE__ */ jsxs("div", { className: tabslist, ...restProps, style: isSticky ? {
+  return /* @__PURE__ */ jsx("div", { className: tabslist, ...restProps, style: isSticky ? {
     top: stickyTop
-  } : void 0, children: [
-    /* @__PURE__ */ jsx("ul", { className: ulClasses, role: "tablist", children: items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)) }),
+  } : void 0, children: /* @__PURE__ */ jsxs("ul", { className: ulClasses, role: "tablist", children: [
+    items.map((item, order) => /* @__PURE__ */ jsx(Tabs.Item, { order, ...item }, item.id)),
     /* @__PURE__ */ jsx("span", { className: "nav-slide", style: {
       left: tabUnderlineLeft,
       width: tabUnderlineWidth
     } })
-  ] });
+  ] }) });
 };
 export {
   TabsList as default

package/dist/components/Tabs/components/TabsPanel.d.ts

@@ -13,9 +13,13 @@ export interface TabsPanelProps {
      * Whether tabs should take full available height
      */
     fullHeight?: boolean;
+    /**
+     * Additional class name for the content area
+     */
+    className?: string;
 }
 declare const TabsPanel: {
-    ({ children, currentItem, fullHeight }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, currentItem, fullHeight, className, }: TabsPanelProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default TabsPanel;

package/dist/components/Tabs/components/TabsPanel.js

@@ -1,16 +1,17 @@
 import { jsx } from "react/jsx-runtime";
-import { useTabsContext } from "../context/TabsContext.js";
 import clsx from "clsx";
+import { useTabsContext } from "../context/TabsContext.js";
 const TabsPanel = ({
   children,
   currentItem,
-  fullHeight
+  fullHeight,
+  className
 }) => {
   const {
     activeTab
   } = useTabsContext(), contentClasses = clsx("tab-content d-flex flex-fill w-100", {
     "position-relative h-100": fullHeight
-  });
+  }, className);
   return /* @__PURE__ */ jsx("div", { className: contentClasses, children: /* @__PURE__ */ jsx("div", { className: `tab-pane flex-fill w-100 fade ${activeTab === (currentItem == null ? void 0 : currentItem.id) ? "show active" : ""}`, id: `tabpanel-${currentItem == null ? void 0 : currentItem.id}`, role: "tabpanel", "aria-labelledby": `tab-${currentItem == null ? void 0 : currentItem.id}`, tabIndex: 0, children }) });
 };
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.2.11-develop-pedago.20250710120949",
+  "version": "2.2.11-develop-pedago.20250710171345",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -130,9 +130,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250710120949",
-    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250710120949",
-    "@edifice.io/utilities": "2.2.11-develop-pedago.20250710120949"
+    "@edifice.io/bootstrap": "2.2.11-develop-pedago.20250710171345",
+    "@edifice.io/tiptap-extensions": "2.2.11-develop-pedago.20250710171345",
+    "@edifice.io/utilities": "2.2.11-develop-pedago.20250710171345"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -163,8 +163,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.2.11-develop-pedago.20250710120949",
-    "@edifice.io/config": "2.2.11-develop-pedago.20250710120949"
+    "@edifice.io/client": "2.2.11-develop-pedago.20250710171345",
+    "@edifice.io/config": "2.2.11-develop-pedago.20250710171345"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",