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

package/index.cjs.js

@@ -2122,9 +2122,9 @@ const{__scopeCheckbox:r,forceMount:a,...o}=t,i=Es("CheckboxIndicator",r)
 `,Ts=({isRequired:t,isErrored:n,className:r,readOnly:a,label:o,...i})=>{
 const l=qt();return e.createElement(As,null,e.createElement(ks,{
 className:`CheckboxRoot ${r??""}`.trim(),required:t,"aria-invalid":n,
-"aria-label":o,"aria-required":t,"aria-readonly":a,"aria-disabled":i.disabled,
-...i},e.createElement(Ls,{className:"CheckboxIndicator"
-},"indeterminate"===i.checked?e.createElement(Dr,{
+"aria-label":o||"Checkbox","aria-required":t,"aria-readonly":a,
+"aria-disabled":i.disabled,...i},e.createElement(Ls,{
+className:"CheckboxIndicator"},"indeterminate"===i.checked?e.createElement(Dr,{
 className:"toggle-indeterminate",width:8,height:6,fill:l.colors.common.accent
 }):e.createElement(xr,{className:"toggle-on",width:8,height:6,
 fill:l.colors.common.accent}))),o&&e.createElement(Br,{
@@ -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;
@@ -16419,27 +16422,29 @@ index:r})
 fill:I.colors.common.accent})))})))),E&&_&&e.createElement(ws,null,_))
 },exports.Popover=CI,
 exports.PopoverClose=wI,exports.Radio=({checked:t,className:n,disabled:r,id:a,isRequired:o,label:i,name:l,readOnly:c,...s})=>e.createElement(MI,{
-className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,"aria-label":i,
-value:t?"default":"",required:o,disabled:r,"aria-readonly":c,...s
-},e.createElement(SI,null,e.createElement(EI,{checked:t,"aria-checked":t,
-className:"RadioGroupItem",disabled:r,"aria-readonly":c,value:"default",
-id:"default"},e.createElement(xI,{className:"RadioGroupIndicator"
-})),i&&e.createElement(Br,{className:"RadioLabel",disabled:r,"aria-readonly":c,
-"aria-label":i,htmlFor:a
-},i,i&&o&&e.createElement(jr,null,"*")))),exports.RadioGroup=({options:t,defaultValue:n,idAccessor:r="id",nameAccessor:a="name",onChange:o,className:i,id:l,isErrored:c,errorText:s,disabled:u,isRequired:d,label:h,readOnly:p,value:f,...m})=>e.createElement(zI,null,h&&e.createElement(Fr,{
+className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,
+"aria-label":i||"Radio button",value:t?"default":"",required:o,disabled:r,
+"aria-readonly":c,...s},e.createElement(SI,null,e.createElement(EI,{checked:t,
+"aria-checked":t,className:"RadioGroupItem",disabled:r,"aria-readonly":c,
+value:"default",id:"default"},e.createElement(xI,{
+className:"RadioGroupIndicator"})),i&&e.createElement(Br,{
+className:"RadioLabel",disabled:r,"aria-readonly":c,"aria-label":i,htmlFor:a
+},i,i&&o&&e.createElement(jr,null,"*")))),
+exports.RadioGroup=({options:t,defaultValue:n,idAccessor:r="id",nameAccessor:a="name",onChange:o,className:i,id:l,isErrored:c,errorText:s,disabled:u,isRequired:d,label:h,readOnly:p,value:f,...m})=>e.createElement(zI,null,h&&e.createElement(Fr,{
 id:l,className:"input-label"
 },h,h&&d&&e.createElement(jr,null,"*")),e.createElement(MI,{defaultValue:n,
-value:f,onValueChange:e=>{p||u||o?.(e)},"aria-readonly":p,id:l,"aria-label":h,
-"aria-labelledby":l,className:`RadioGroupRoot ${i??""}`.trim(),...m
-},t?.map((t=>e.createElement(SI,{key:t?.[r],className:"RadioContainer"
-},e.createElement(EI,{className:"RadioGroupItem",disabled:t.disabled,
-value:t?.[r],id:t?.[r],"aria-label":t?.[a]},e.createElement(xI,{
-className:"RadioGroupIndicator"})),e.createElement(Br,{className:"RadioLabel",
-disabled:t.disabled,htmlFor:t?.[r]
-},t?.[a]))))),c&&s&&e.createElement(ws,null,s)),
-exports.RadixMenuItem=Tc,exports.RadixSelectItem=nh,
-exports.Reorder=yF,exports.RequiredIndicator=jr,
-exports.StyledLabel=Fr,exports.Table=t=>{
+value:f,onValueChange:e=>{p||u||o?.(e)},"aria-readonly":p,id:l,
+"aria-label":h||"Radio Group","aria-labelledby":h?l:void 0,
+className:`RadioGroupRoot ${i??""}`.trim(),...m},t?.map((t=>e.createElement(SI,{
+key:t?.[r],className:"RadioContainer"},e.createElement(EI,{
+className:"RadioGroupItem",disabled:t.disabled,value:t?.[r],id:t?.[r],
+"aria-label":t?.[a]},e.createElement(xI,{className:"RadioGroupIndicator"
+})),e.createElement(Br,{className:"RadioLabel",disabled:t.disabled,
+htmlFor:t?.[r]
+},t?.[a]))))),c&&s&&e.createElement(ws,null,s)),exports.RadixMenuItem=Tc,
+exports.RadixSelectItem=nh,
+exports.Reorder=yF,exports.RequiredIndicator=jr,exports.StyledLabel=Fr,
+exports.Table=t=>{
 const{data:n,columns:a,showFooter:o=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,filterComponent:p,hideTableOnEmpty:f,hideTopPagination:m,hideFilters:v,showTableOnLoading:g,hideLoaderOnTopPagination:y,hideActions:b,count:w,pageIndex:C=0,pageSize:z=20,enablePreviousPage:M,enableNextPage:x,hideColumnSettings:E=!0,hideBottomPagination:S,rowMenuOptions:_,onPreviousPageClick:H,onNextPageClick:D,disableRowSelect:V,hideSelectAllInTable:L,onSelectAllRows:A,onRowSelect:k,onMenuOptionSelect:T,onRowClick:R,columnOrder:P,setColumnOrder:I,setHiddenColumns:O,hiddenColumns:N,selectedRowIds:F={},setSelectedRowIds:B,dataKey:j="id",cellPropGetter:$,setPageIndex:U,rowPropGetter:Y}=t,W=qt(),[G,K]=e.useState(!v),q={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
 display:e=>e,group:e=>e},Z=-1===w||void 0===w,X=e.useMemo((()=>[...V?[]:[{
@@ -16530,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

@@ -2131,9 +2131,9 @@ pointerEvents:"none",...e.style}})))})))`
 `,au=({isRequired:e,isErrored:n,className:r,readOnly:a,label:o,...i})=>{
 const l=vn();return t.createElement(nu,null,t.createElement(ru,{
 className:`CheckboxRoot ${r??""}`.trim(),required:e,"aria-invalid":n,
-"aria-label":o,"aria-required":e,"aria-readonly":a,"aria-disabled":i.disabled,
-...i},t.createElement(tu,{className:"CheckboxIndicator"
-},"indeterminate"===i.checked?t.createElement(qr,{
+"aria-label":o||"Checkbox","aria-required":e,"aria-readonly":a,
+"aria-disabled":i.disabled,...i},t.createElement(tu,{
+className:"CheckboxIndicator"},"indeterminate"===i.checked?t.createElement(qr,{
 className:"toggle-indeterminate",width:8,height:6,fill:l.colors.common.accent
 }):t.createElement(Ur,{className:"toggle-on",width:8,height:6,
 fill:l.colors.common.accent}))),o&&t.createElement(ca,{
@@ -12948,24 +12948,24 @@ onInteractOutside:()=>u?.(),side:g,align:o,sideOffset:8,avoidCollisions:l
   display: flex;
   align-items: center;
 `,iO=({checked:e,className:n,disabled:r,id:a,isRequired:o,label:i,name:l,readOnly:c,...s})=>t.createElement(nO,{
-className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,"aria-label":i,
-value:e?"default":"",required:o,disabled:r,"aria-readonly":c,...s
-},t.createElement(oO,null,t.createElement(aO,{checked:e,"aria-checked":e,
-className:"RadioGroupItem",disabled:r,"aria-readonly":c,value:"default",
-id:"default"},t.createElement(rO,{className:"RadioGroupIndicator"
-})),i&&t.createElement(ca,{className:"RadioLabel",disabled:r,"aria-readonly":c,
-"aria-label":i,htmlFor:a
+className:`RadioGroupRoot ${n??""}`.trim(),id:a,name:l,
+"aria-label":i||"Radio button",value:e?"default":"",required:o,disabled:r,
+"aria-readonly":c,...s},t.createElement(oO,null,t.createElement(aO,{checked:e,
+"aria-checked":e,className:"RadioGroupItem",disabled:r,"aria-readonly":c,
+value:"default",id:"default"},t.createElement(rO,{
+className:"RadioGroupIndicator"})),i&&t.createElement(ca,{
+className:"RadioLabel",disabled:r,"aria-readonly":c,"aria-label":i,htmlFor:a
 },i,i&&o&&t.createElement(sa,null,"*")))),lO=({options:e,defaultValue:n,idAccessor:r="id",nameAccessor:a="name",onChange:o,className:i,id:l,isErrored:c,errorText:s,disabled:u,isRequired:d,label:h,readOnly:p,value:f,...m})=>t.createElement(tO,null,h&&t.createElement(la,{
 id:l,className:"input-label"
 },h,h&&d&&t.createElement(sa,null,"*")),t.createElement(nO,{defaultValue:n,
-value:f,onValueChange:e=>{p||u||o?.(e)},"aria-readonly":p,id:l,"aria-label":h,
-"aria-labelledby":l,className:`RadioGroupRoot ${i??""}`.trim(),...m
-},e?.map((e=>t.createElement(oO,{key:e?.[r],className:"RadioContainer"
-},t.createElement(aO,{className:"RadioGroupItem",disabled:e.disabled,
-value:e?.[r],id:e?.[r],"aria-label":e?.[a]},t.createElement(rO,{
-className:"RadioGroupIndicator"})),t.createElement(ca,{className:"RadioLabel",
-disabled:e.disabled,htmlFor:e?.[r]
-},e?.[a]))))),c&&s&&t.createElement($s,null,s))
+value:f,onValueChange:e=>{p||u||o?.(e)},"aria-readonly":p,id:l,
+"aria-label":h||"Radio Group","aria-labelledby":h?l:void 0,
+className:`RadioGroupRoot ${i??""}`.trim(),...m},e?.map((e=>t.createElement(oO,{
+key:e?.[r],className:"RadioContainer"},t.createElement(aO,{
+className:"RadioGroupItem",disabled:e.disabled,value:e?.[r],id:e?.[r],
+"aria-label":e?.[a]},t.createElement(rO,{className:"RadioGroupIndicator"
+})),t.createElement(ca,{className:"RadioLabel",disabled:e.disabled,
+htmlFor:e?.[r]},e?.[a]))))),c&&s&&t.createElement($s,null,s))
 ;const cO="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement
 ;function sO(e){const t=Object.prototype.toString.call(e)
 ;return"[object Window]"===t||"[object global]"===t}function uO(e){
@@ -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.54",
+  "version": "2.0.0-beta.56",
   "description": "React Ui Components for Freemium Apps",
   "main": "./index.js",
   "module": "./index.js",