@mahatisystems/mahati-ui-components 1.0.22 → 1.0.23

package/dist/index.js

@@ -761,8 +761,8 @@ See https://s-c.sh/2BAXzed for more info.`),window[Qe]+=1);var _jsxruntime = req
   min-height: 180px;
   transition: height 0.3s ease;
 `,La=c.div`
-  display: ${e=>e.active?"block":"none"};
-  position: ${e=>e.active?"relative":"absolute"};
+  display: ${e=>e.$active?"block":"none"};
+  position: ${e=>e.$active?"relative":"absolute"};
   animation: ${Da} 0.3s ease;
 
   h3 {
@@ -776,7 +776,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Qe]+=1);var _jsxruntime = req
     line-height: 1.6;
     font-weight: 500;
   }
-`,ja=({tabs:e,variant:t="underline",activeIndex:r,onTabChange:o})=>{let n=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let a=_optionalChain([n, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.querySelector, 'call', _8 => _8(".active")]);a&&(n.current.style.height=a.offsetHeight+"px")},[r]),_jsxruntime.jsxs.call(void 0, _a,{variant:t,children:[_jsxruntime.jsxs.call(void 0, Ma,{variant:t,children:[e.map((a,i)=>_jsxruntime.jsxs.call(void 0, Na,{$active:r===i,onClick:()=>o(i),variant:t,children:[a.icon&&a.icon,a.label]},i)),_jsxruntime.jsx.call(void 0, za,{index:r,count:e.length,variant:t})]}),_jsxruntime.jsx.call(void 0, Ba,{ref:n,children:e.map((a,i)=>_jsxruntime.jsx.call(void 0, La,{active:r===i,className:r===i?"active":"",children:a.content},i))})]})},Fa= exports.MahatiTabbedInterface =ja;var Ua=c.div`
+`,ja=({tabs:e,variant:t="underline",activeIndex:r,onTabChange:o})=>{let n=_react.useRef.call(void 0, null);return _react.useEffect.call(void 0, ()=>{let a=_optionalChain([n, 'access', _6 => _6.current, 'optionalAccess', _7 => _7.querySelector, 'call', _8 => _8(".active")]);a&&(n.current.style.height=a.offsetHeight+"px")},[r]),_jsxruntime.jsxs.call(void 0, _a,{variant:t,children:[_jsxruntime.jsxs.call(void 0, Ma,{variant:t,children:[e.map((a,i)=>_jsxruntime.jsxs.call(void 0, Na,{$active:r===i,onClick:()=>o(i),variant:t,children:[a.icon&&a.icon,a.label]},i)),_jsxruntime.jsx.call(void 0, za,{index:r,count:e.length,variant:t})]}),_jsxruntime.jsx.call(void 0, Ba,{ref:n,children:e.map((a,i)=>_jsxruntime.jsx.call(void 0, La,{$active:r===i,className:r===i?"active":"",children:a.content},i))})]})},Fa= exports.MahatiTabbedInterface =ja;var Ua=c.div`
   border: 4px solid rgba(0, 123, 255, 0.2); 
   border-radius: 10%;
   border-top: 4px solid #007bff;

package/dist/index.mjs

@@ -761,8 +761,8 @@ See https://s-c.sh/2BAXzed for more info.`),window[Qe]+=1);import{jsx as fn,jsxs
   min-height: 180px;
   transition: height 0.3s ease;
 `,La=c.div`
-  display: ${e=>e.active?"block":"none"};
-  position: ${e=>e.active?"relative":"absolute"};
+  display: ${e=>e.$active?"block":"none"};
+  position: ${e=>e.$active?"relative":"absolute"};
   animation: ${Da} 0.3s ease;
 
   h3 {
@@ -776,7 +776,7 @@ See https://s-c.sh/2BAXzed for more info.`),window[Qe]+=1);import{jsx as fn,jsxs
     line-height: 1.6;
     font-weight: 500;
   }
-`,ja=({tabs:e,variant:t="underline",activeIndex:r,onTabChange:o})=>{let n=Oa(null);return $a(()=>{let a=n.current?.querySelector(".active");a&&(n.current.style.height=a.offsetHeight+"px")},[r]),Ut(_a,{variant:t,children:[Ut(Ma,{variant:t,children:[e.map((a,i)=>Ut(Na,{$active:r===i,onClick:()=>o(i),variant:t,children:[a.icon&&a.icon,a.label]},i)),Vt(za,{index:r,count:e.length,variant:t})]}),Vt(Ba,{ref:n,children:e.map((a,i)=>Vt(La,{active:r===i,className:r===i?"active":"",children:a.content},i))})]})},Fa=ja;var Ua=c.div`
+`,ja=({tabs:e,variant:t="underline",activeIndex:r,onTabChange:o})=>{let n=Oa(null);return $a(()=>{let a=n.current?.querySelector(".active");a&&(n.current.style.height=a.offsetHeight+"px")},[r]),Ut(_a,{variant:t,children:[Ut(Ma,{variant:t,children:[e.map((a,i)=>Ut(Na,{$active:r===i,onClick:()=>o(i),variant:t,children:[a.icon&&a.icon,a.label]},i)),Vt(za,{index:r,count:e.length,variant:t})]}),Vt(Ba,{ref:n,children:e.map((a,i)=>Vt(La,{$active:r===i,className:r===i?"active":"",children:a.content},i))})]})},Fa=ja;var Ua=c.div`
   border: 4px solid rgba(0, 123, 255, 0.2); 
   border-radius: 10%;
   border-top: 4px solid #007bff;