freemium-ui 2.0.0-beta.55 → 2.0.0-beta.56

package/index.cjs.js

@@ -15555,6 +15555,8 @@ id:u,tabIndex:0},l,{ref:n,style:{...t.style,
 animationDuration:h.current?"0s":void 0}}),r&&i)))
 })),cj=on(nj)``,sj=on(lj)``,uj=on(oj)`
   border-bottom: 1px solid #f5f7f9;
+  display: flex;
+  flex-wrap: nowrap;
 `,dj=on(ij)`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: unset;
@@ -15564,6 +15566,7 @@ animationDuration:h.current?"0s":void 0}}),r&&i)))
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
+  white-space: nowrap;
   color: ${({theme:e})=>e.colors.text.primary};
   border-bottom: 2px solid transparent;
   border-radius: 4px 4px 0 0;
@@ -16532,12 +16535,12 @@ onClick:()=>{ce?.(Math.ceil(n.length/fe)-1)},disabled:l||c
 se()},disabled:!ae()||l||c},">"),e.createElement(wa,{variant:"secondary",
 onClick:()=>{ue()},disabled:!ae()||l||c
 },">>"))))))))),!v&&G&&p&&e.createElement(xB,null,p)))
-},exports.Tabs=({options:t=[],idAccessor:n="id",nameAccessor:r="name",onChange:a,defaultValue:o,renderTabsContent:i,value:l})=>e.createElement(cj,{
-className:"TabsRoot",value:l,defaultValue:o,onValueChange:a
-},e.createElement(uj,{className:"TabsList","aria-label":"Manage your account"
+},exports.Tabs=({options:t=[],idAccessor:n="id",nameAccessor:r="name",onChange:a,defaultValue:o,label:i,renderTabsContent:l,value:c})=>e.createElement(cj,{
+className:"TabsRoot",value:c,defaultValue:o,onValueChange:a
+},e.createElement(uj,{className:"TabsList","aria-label":i
 },t.map((t=>e.createElement(dj,{className:"TabsTrigger",value:t?.[n]
 },t?.[r])))),t.map((t=>e.createElement(sj,{className:"TabsContent",value:t?.[n]
-},i?i(t):null)))),
+},l?l(t):null)))),
 exports.TabsContent=sj,exports.TabsList=uj,exports.TabsRoot=cj,
 exports.TabsTrigger=dj,
 exports.Tag=Hv,exports.TextArea=qm,exports.ThemeProvider=t=>e.createElement(Zt,{

package/index.d.ts

@@ -1231,6 +1231,7 @@ type TabsProps<T extends TabsItemProps = TabsItemProps> = {
      * Id accessor of tabes
      */
     idAccessor?: string;
+    label?: string;
     /**
      * Name accessor of tabes
      */
@@ -1253,7 +1254,7 @@ type TabsProps<T extends TabsItemProps = TabsItemProps> = {
 /**
  * Tabs component is used to show a set of tabs to the user. It is used to show different sections of content in a single view. It can be used to show different categories of content.
  */
-declare const Tabs: <T extends TabsItemProps>({ options, idAccessor, nameAccessor, onChange, defaultValue, renderTabsContent, value, }: TabsProps<T>) => react__default.JSX.Element;
+declare const Tabs: <T extends TabsItemProps>({ options, idAccessor, nameAccessor, onChange, defaultValue, label, renderTabsContent, value, }: TabsProps<T>) => react__default.JSX.Element;
 
 interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {
     /**

package/index.js

@@ -15748,6 +15748,8 @@ id:d,tabIndex:0},c,{ref:t,style:{...e.style,
 animationDuration:p.current?"0s":void 0}}),n&&l)))
 })),$j=En(Rj)``,Uj=En(jj)``,Yj=En(Fj)`
   border-bottom: 1px solid #f5f7f9;
+  display: flex;
+  flex-wrap: nowrap;
 `,Wj=En(Bj)`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: unset;
@@ -15757,6 +15759,7 @@ animationDuration:p.current?"0s":void 0}}),n&&l)))
   font-weight: 400;
   font-size: 14px;
   line-height: 20px;
+  white-space: nowrap;
   color: ${({theme:e})=>e.colors.text.primary};
   border-bottom: 2px solid transparent;
   border-radius: 4px 4px 0 0;
@@ -15768,12 +15771,12 @@ animationDuration:p.current?"0s":void 0}}),n&&l)))
     color: ${({theme:e})=>e.colors.text.link};
     border-color: ${({theme:e})=>e.colors.text.link};
   }
-`,Gj=({options:e=[],idAccessor:n="id",nameAccessor:r="name",onChange:a,defaultValue:o,renderTabsContent:i,value:l})=>t.createElement($j,{
-className:"TabsRoot",value:l,defaultValue:o,onValueChange:a
-},t.createElement(Yj,{className:"TabsList","aria-label":"Manage your account"
+`,Gj=({options:e=[],idAccessor:n="id",nameAccessor:r="name",onChange:a,defaultValue:o,label:i,renderTabsContent:l,value:c})=>t.createElement($j,{
+className:"TabsRoot",value:c,defaultValue:o,onValueChange:a
+},t.createElement(Yj,{className:"TabsList","aria-label":i
 },e.map((e=>t.createElement(Wj,{className:"TabsTrigger",value:e?.[n]
 },e?.[r])))),e.map((e=>t.createElement(Uj,{className:"TabsContent",value:e?.[n]
-},i?i(e):null)))),Kj=t.createContext({toasts:[],windowState:"focus",
+},l?l(e):null)))),Kj=t.createContext({toasts:[],windowState:"focus",
 addToast:()=>{},updateToasts:()=>{}
 }),qj="ToastProvider",[Zj,Xj,Qj]=Fn("Toast"),[Jj,e$]=Ln("Toast",[Qj]),[t$,n$]=Jj(qj),r$=e=>{
 const{__scopeToast:t,label:n="Notification",duration:a=5e3,swipeDirection:o="right",swipeThreshold:l=50,children:s}=e,[u,d]=m(null),[h,p]=m(0),f=r(!1),v=r(!1)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.0-beta.55",
+  "version": "2.0.0-beta.56",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",