freemium-ui 2.0.56 → 2.0.58

package/lib/index.cjs.js

@@ -3560,7 +3560,7 @@ value:""}):null,Array.from(A)):null))
 `,Of=yr.div`
   position: relative;
   width: ${({width:e})=>e||"auto"};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   div.input-container {
     padding-right: 8px;
   }
@@ -3586,7 +3586,7 @@ value:""}):null,Array.from(A)):null))
   background-color: ${({theme:e,disabled:t})=>t?e.colors.fill.disabled:e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.disabled:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -3597,7 +3597,7 @@ value:""}):null,Array.from(A)):null))
     border-color: ${({theme:e,$isErrored:t,disabled:n})=>n?"transparent":t?e.colors.border.error:e.colors.border.active};
   }
 `;yr.span`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   color: ${({isP:e,theme:t})=>e?t.colors.text.placeholder:"inherit"};
   margin-right: 8px;
   max-width: 256px;
@@ -3605,7 +3605,7 @@ value:""}):null,Array.from(A)):null))
   overflow: hidden;
   white-space: nowrap;
 `;const Ff=yr.ul`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   position: absolute;
   width: calc(100% - 16px);
   padding: 8px;
@@ -3624,7 +3624,7 @@ value:""}):null,Array.from(A)):null))
     ${({theme:e})=>xo(e.colors.shadow,.16)} 0px 4px 20px;
   max-height: 200px;
 `,$f=yr.li`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3642,26 +3642,26 @@ value:""}):null,Array.from(A)):null))
 `,Bf=yr.div`
   cursor: pointer;
   color: ${({theme:e})=>e.colors.text.link};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,jf=yr.div`
   min-height: 128px;
   display: grid;
   place-content: center;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,Uf=yr.div`
   display: flex;
   align-items: center;
   gap: 4px;
   height: 100%;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,Yf=yr.div`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,Wf=yr.div`
   height: ${({theme:e})=>`calc(1.5 * ${e.typography.primary.fontSize})`};
 `,Gf=yr(Mf)``,Kf=yr(kf)``,qf=yr(Ef)`
   flex: 1;
 `,Zf=yr(_f)``,Xf=yr(Lf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3696,7 +3696,7 @@ value:""}):null,Array.from(A)):null))
   border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
   margin: 0;
 `,Qf=yr(Af)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.secondary.fontSize};
   line-height: ${({theme:e})=>e.typography.secondary.lineHeight};
@@ -3706,7 +3706,7 @@ value:""}):null,Array.from(A)):null))
   gap: 8px;
   align-items: center;
 `,em=yr(Hf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px;
   overflow: auto;
   list-style: none;
@@ -3729,32 +3729,32 @@ value:""}):null,Array.from(A)):null))
     animation-name: ${xr};
   }
 `,tm=yr(Vf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: flex;
   align-items: center;
 `,nm=yr(Df)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   scrollbar-width: thin !important;
 `,rm=yr(Tf)``;yr(Rf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-bottom: 8px;
 `,yr(Pf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-top: 8px;
   transform: rotate(-180deg);
 `;const om=yr(Sf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   cursor: pointer;
   transform: rotate(-180deg);
   transition: transform 0.2s ease-in-out;
   display: grid;
   place-content: center;
 `,am=yr(xf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
@@ -3818,7 +3818,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3845,7 +3845,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3864,7 +3864,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   div.end-adornment {
     display: grid;
     place-content: center;
@@ -3889,7 +3889,7 @@ className:`input-helper ${t.className??""}`.trim()},t.children),cm=yr.textarea`
   background-color: ${({theme:e})=>e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.normal:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -17384,9 +17384,9 @@ disabled:t.disabled,htmlFor:t?.[r]
 },exports.RadixMenuItem=jv,exports.RadixSelectItem=Lf,
 exports.Reorder=yj,exports.RequiredIndicator=Ao,
 exports.StyledLabel=Do,exports.Table=t=>{
-const{data:n,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:k,onPreviousPageClick:A,enableSorting:L,sortingValues:V,sortingOptions:T,onSortingOptionSelect:R,onNextPageClick:P,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q}=t,ee=cr(),[te,ne]=e.useState(!!y),re={
+const{data:n,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:k,onPreviousPageClick:A,enableSorting:L,sortingValues:V,sortingOptions:T,onSortingOptionSelect:R,onNextPageClick:P,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q,translationTexts:ee}=t,te=cr(),[ne,re]=e.useState(!!y),oe={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},oe=-1===M||void 0===M,ae=e.useMemo((()=>[...I?[]:[{
+display:e=>e,group:e=>e},ae=-1===M||void 0===M,ie=e.useMemo((()=>[...I?[]:[{
 id:"select",header:({table:t})=>O?e.createElement("div",{
 className:"table-checkbox-header"}):e.createElement(Yg,{
 className:"table-checkbox",
@@ -17397,22 +17397,22 @@ cell:({row:t})=>e.createElement(Yg,{className:"table-checkbox",
 checked:t.getIsSelected(),disabled:!t.getCanSelect(),
 indeterminate:t.getIsSomeSelected(),onCheckedChange:e=>{
 t.toggleSelected(!0===e),F?.(t.original,!0===e)}})
-}],...o.map((e=>re.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+}],...o.map((e=>oe.accessor(e.id,{header:e.Header,id:e.id??e.Header,
 cell:t=>e.accessorFn(t.row.original)}))),...k?[{id:"rowMenuOptions",
 header:()=>e.createElement("div",{id:"more-actions-header"}),
 cell:({row:t})=>e.createElement(sb,{trigger:e.createElement(co,{
 className:"more-actions",fill:"currentcolor"}),options:k(t.original)||[],
 onSelect:e=>{e.id&&$?.(e.id,t.original)},side:"bottom",
-align:"rtl"===ee.direction?"start":"end"})
-}]:[]]),[o,I,O,ee.colors.text.primary]),ie=e.useMemo((()=>{const e={}
+align:"rtl"===te.direction?"start":"end"})
+}]:[]]),[o,I,O,te.colors.text.primary]),le=e.useMemo((()=>{const e={}
 ;return o.forEach((t=>{e[t.id]=!(W??[]).includes(t.id)})),e
-}),[o,W]),le=e.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),ce=function(e){
+}),[o,W]),ce=e.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),se=function(e){
 const t={state:{},onStateChange:()=>{},renderFallbackValue:null,...e
 },[n]=r.useState((()=>({current:mU(t)
 }))),[o,a]=r.useState((()=>n.current.initialState))
 ;return n.current.setOptions((t=>({...t,...e,state:{...o,...e.state},
 onStateChange:t=>{a(t),null==e.onStateChange||e.onStateChange(t)}}))),n.current
-}({data:n,columns:ae,getRowId:e=>e?.[Z]??"id",
+}({data:n,columns:ie,getRowId:e=>e?.[Z]??"id",
 getCoreRowModel:e=>Mj((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],
 rowsById:{}},r=function(t,o,a){void 0===o&&(o=0);const i=[]
 ;for(let c=0;c<t.length;c++){
@@ -17422,15 +17422,15 @@ n.rowsById[s.id]=s,i.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.
 null!=(l=s.originalSubRows)&&l.length&&(s.subRows=r(s.originalSubRows,o+1,s)))}
 return i};return n.rows=r(t),n
 }),xj(e.options,"debugTable","getRowModel",(()=>e._autoResetPageIndex()))),
-state:{columnOrder:j,columnVisibility:ie,rowSelection:G,pagination:le},
+state:{columnOrder:j,columnVisibility:le,rowSelection:G,pagination:ce},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=le;t="function"==typeof e?e(le):e,J?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=ie
-;t="function"==typeof e?e(ie):e,Y?.(Object.keys(t).filter((e=>!t[e])))},
+onPaginationChange:e=>{let t=ce;t="function"==typeof e?e(ce):e,J?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=le
+;t="function"==typeof e?e(le):e,Y?.(Object.keys(t).filter((e=>!t[e])))},
 onColumnOrderChange:e=>{let t=j??[];t="function"==typeof e?e(j??[]):e,U?.(t)},
 onRowSelectionChange:e=>{let t=G;t="function"==typeof e?e(G):e,q?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:oe?-1:M
-}),{getPageCount:se,getRowModel:ue,getState:de,getCanNextPage:he,getCanPreviousPage:pe,getPageOptions:fe,previousPage:me,setPageIndex:ve,nextPage:ge,lastPage:ye,firstPage:be}=ce,{rows:we}=ue(),{pagination:{pageIndex:Ce,pageSize:ze}}=de(),Me=Ce*ze+(Ce<se()-1?ze:we.length),xe=ce.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(k?1:0),Ee=T?.[0].find((e=>e.id===V?.[0]))?.name
+enableRowSelection:!0,manualPagination:!0,rowCount:ae?-1:M
+}),{getPageCount:ue,getRowModel:de,getState:he,getCanNextPage:pe,getCanPreviousPage:fe,getPageOptions:me,previousPage:ve,setPageIndex:ge,nextPage:ye,lastPage:be,firstPage:we}=se,{rows:Ce}=de(),{pagination:{pageIndex:ze,pageSize:Me}}=he(),xe=ze*Me+(ze<ue()-1?Me:Ce.length),Ee=se.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(k?1:0),Se=T?.[0].find((e=>e.id===V?.[0]))?.name
 ;return e.createElement(gU,{className:"TableContainer"},!z&&e.createElement(MU,{
 className:"table-actions"
 },d&&e.createElement(e.Fragment,null,d),e.createElement(SU,{
@@ -17439,52 +17439,52 @@ className:"table-header-dropdown-pagination"},L&&e.createElement("div",{
 className:"table-heading-dropdown"},e.createElement("div",{
 className:"table-sorting-heading"},`${b}:`)," ",e.createElement(QU,{
 trigger:e.createElement("div",{className:"table-sorting-value-continer"
-},e.createElement("div",null,Ee),e.createElement(KU,{fill:"currentcolor"})),
+},e.createElement("div",null,Se),e.createElement(KU,{fill:"currentcolor"})),
 isDisableSortDropdown:!!K,options:T||[],value:V,onSelect:e=>{R?.(e??[])}
 })),e.createElement(_U,{className:"table-edit-column-component"
 },p??null),e.createElement(DU,{className:"pagination-actions"
 },!v&&e.createElement(e.Fragment,null,e.createElement(Yo,{variant:"primary",
 className:"pagination-text"},l&&!C?e.createElement(wm,{size:"small"
-}):e.createElement(e.Fragment,null,n.length>0?`${Ce*ze+1} - ${Me} of ${oe?""+(we.length>0?"Many":"-"):M??we.length??"-"}`:null)),e.createElement(xm,{
+}):e.createElement(e.Fragment,null,n.length>0?`${ze*Me+1} - ${xe} ${ee?.of||"of"} ${ae?""+(Ce.length>0?`${ee?.many||"Many"}`:"-"):M??Ce.length??"-"}`:null)),e.createElement(xm,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-A?.(),oe||me()},disabled:oe?!S:!pe()||l||c},e.createElement(bU,{
-fill:ee.colors.text.primary})),e.createElement(xm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{P?.(),oe||ge()},
-disabled:oe?!_:!he()||l||c},e.createElement(wU,{fill:ee.colors.text.primary
+A?.(),ae||ve()},disabled:ae?!S:!fe()||l||c},e.createElement(bU,{
+fill:te.colors.text.primary})),e.createElement(xm,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{P?.(),ae||ye()},
+disabled:ae?!_:!pe()||l||c},e.createElement(wU,{fill:te.colors.text.primary
 }))),!g&&e.createElement(xm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>ne(!te)
-},e.createElement(yU,{style:{transform:te?"rotateY(180deg)":"rotateY(0deg)"},
+className:"table-pagination-button filter-toggle",onClick:()=>re(!ne)
+},e.createElement(yU,{style:{transform:ne?"rotateY(180deg)":"rotateY(0deg)"},
 fill:"currentcolor"}))))),e.createElement(CU,null,e.createElement(zU,{
 className:"table-wrapper"
-},i&&e.createElement(EU,null,i),l&&!w?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===we.length&&m?e.createElement(e.Fragment,null,s):e.createElement(kU,null,e.createElement(AU,null,!H&&e.createElement(xF,{
+},i&&e.createElement(EU,null,i),l&&!w?e.createElement(e.Fragment,null,u):e.createElement(e.Fragment,null,0===Ce.length&&m?e.createElement(e.Fragment,null,s):e.createElement(kU,null,e.createElement(AU,null,!H&&e.createElement(xF,{
 align:"end",avoidCollisions:!0,side:"top",trigger:e.createElement(qU,{
-fill:"currentcolor"})},e.createElement(JU,{table:ce
-})),e.createElement(LU,null,ce.getHeaderGroups().map((t=>e.createElement(RU,{
+fill:"currentcolor"})},e.createElement(JU,{table:se
+})),e.createElement(LU,null,se.getHeaderGroups().map((t=>e.createElement(RU,{
 key:t.id},t.headers.map((t=>e.createElement(IU,{key:t.id
-},t.isPlaceholder?null:vU(t.column.columnDef.header,t.getContext())))))))),e.createElement(VU,null,c&&!l&&e.createElement(PU,null,e.createElement(wm,null)),we.map((t=>e.createElement(RU,{
+},t.isPlaceholder?null:vU(t.column.columnDef.header,t.getContext())))))))),e.createElement(VU,null,c&&!l&&e.createElement(PU,null,e.createElement(wm,null)),Ce.map((t=>e.createElement(RU,{
 key:t.id,$isSelected:t.getIsSelected(),...Q?.(t.original)
 },t.getVisibleCells().map((n=>e.createElement(OU,{key:n.id,onClick:()=>{
 B?.(t.original,n.column.columnDef)},...X?.(n)
-},vU(n.column.columnDef.cell,n.getContext())))))))),a&&e.createElement(TU,null,ce.getFooterGroups().map((t=>e.createElement(RU,{
+},vU(n.column.columnDef.cell,n.getContext())))))))),a&&e.createElement(TU,null,se.getFooterGroups().map((t=>e.createElement(RU,{
 key:t.id},t.headers.map((t=>e.createElement(IU,{key:t.id
 },t.isPlaceholder?null:vU(t.column.columnDef.footer,t.getContext())))))))),!D&&e.createElement(TU,null,e.createElement(RU,null,e.createElement(IU,{
-colSpan:xe},e.createElement(GU,{className:"table-pagination"
-},e.createElement(xm,{variant:"secondary",onClick:()=>{be()},
-disabled:!pe()||l||c},"<<"),e.createElement(xm,{variant:"secondary",
-onClick:()=>{me()},disabled:!pe()||l||c
-},"<"),Ce+1>2&&e.createElement(e.Fragment,null,e.createElement(xm,{
-variant:"secondary",onClick:()=>{be()},disabled:l||c
-},"1"),Ce+1-3!=0&&e.createElement(xm,{variant:"secondary",disabled:!0
-},"...")),fe().map((t=>[t-2,t-1,t,t+1,t+2].includes(Ce+1)&&e.createElement(xm,{
-key:t,variant:"secondary",className:Ce+1===t+1?"active":"",onClick:()=>{ve?.(t)
+colSpan:Ee},e.createElement(GU,{className:"table-pagination"
+},e.createElement(xm,{variant:"secondary",onClick:()=>{we()},
+disabled:!fe()||l||c},"<<"),e.createElement(xm,{variant:"secondary",
+onClick:()=>{ve()},disabled:!fe()||l||c
+},"<"),ze+1>2&&e.createElement(e.Fragment,null,e.createElement(xm,{
+variant:"secondary",onClick:()=>{we()},disabled:l||c
+},"1"),ze+1-3!=0&&e.createElement(xm,{variant:"secondary",disabled:!0
+},"...")),me().map((t=>[t-2,t-1,t,t+1,t+2].includes(ze+1)&&e.createElement(xm,{
+key:t,variant:"secondary",className:ze+1===t+1?"active":"",onClick:()=>{ge?.(t)
 },disabled:l||c
-},t+1))),Ce+2<Math.ceil(n.length/ze)-2&&e.createElement(e.Fragment,null,Ce+2+3!==Math.ceil(n.length/ze)&&e.createElement(xm,{
+},t+1))),ze+2<Math.ceil(n.length/Me)-2&&e.createElement(e.Fragment,null,ze+2+3!==Math.ceil(n.length/Me)&&e.createElement(xm,{
 variant:"secondary",disabled:!0},"..."),e.createElement(xm,{variant:"secondary",
-onClick:()=>{ve?.(Math.ceil(n.length/ze)-1)},disabled:l||c
-},Math.ceil(n.length/ze))),e.createElement(xm,{variant:"secondary",onClick:()=>{
-ge()},disabled:!he()||l||c},">"),e.createElement(xm,{variant:"secondary",
-onClick:()=>{ye()},disabled:!he()||l||c
-},">>"))))))))),!g&&te&&f&&e.createElement(xU,null,f)))
+onClick:()=>{ge?.(Math.ceil(n.length/Me)-1)},disabled:l||c
+},Math.ceil(n.length/Me))),e.createElement(xm,{variant:"secondary",onClick:()=>{
+ye()},disabled:!pe()||l||c},">"),e.createElement(xm,{variant:"secondary",
+onClick:()=>{be()},disabled:!pe()||l||c
+},">>"))))))))),!g&&ne&&f&&e.createElement(xU,null,f)))
 },exports.Tabs=({options:t=[],idAccessor:n="id",nameAccessor:r="name",disabledAccessor:o="disabled",onChange:a,defaultValue:i,label:l,renderTabsContent:c,value:s})=>{
 const u=cr();return e.createElement(hY,{className:"TabsRoot",value:s,
 defaultValue:i,onValueChange:a,dir:u.direction},e.createElement(fY,{

package/lib/index.d.ts

@@ -1286,6 +1286,9 @@ interface TableProps<T extends RowDataType> {
     loadingComponent?: React.ReactElement;
     headerComponent?: React.ReactElement;
     editColumnComponent?: React.ReactElement;
+    translationTexts?: {
+        [key: string]: string;
+    };
     onNextPageClick?: () => void;
     onPreviousPageClick?: () => void;
     onSelectAllRows?: (checked: boolean) => void;

package/lib/index.js

@@ -3521,7 +3521,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
 `,im=Or.div`
   position: relative;
   width: ${({width:e})=>e||"auto"};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   div.input-container {
     padding-right: 8px;
   }
@@ -3547,7 +3547,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   background-color: ${({theme:e,disabled:t})=>t?e.colors.fill.disabled:e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.disabled:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -3558,7 +3558,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
     border-color: ${({theme:e,$isErrored:t,disabled:n})=>n?"transparent":t?e.colors.border.error:e.colors.border.active};
   }
 `;Or.span`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   color: ${({isP:e,theme:t})=>e?t.colors.text.placeholder:"inherit"};
   margin-right: 8px;
   max-width: 256px;
@@ -3566,7 +3566,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   overflow: hidden;
   white-space: nowrap;
 `;const cm=Or.ul`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   position: absolute;
   width: calc(100% - 16px);
   padding: 8px;
@@ -3585,7 +3585,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
     ${({theme:e})=>Yo(e.colors.shadow,.16)} 0px 4px 20px;
   max-height: 200px;
 `,sm=Or.li`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3603,26 +3603,26 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
 `,um=Or.div`
   cursor: pointer;
   color: ${({theme:e})=>e.colors.text.link};
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,dm=Or.div`
   min-height: 128px;
   display: grid;
   place-content: center;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,hm=Or.div`
   display: flex;
   align-items: center;
   gap: 4px;
   height: 100%;
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,pm=Or.div`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
 `,fm=Or.div`
   height: ${({theme:e})=>`calc(1.5 * ${e.typography.primary.fontSize})`};
 `,mm=Or(Yf)``,vm=Or(Jf)``,gm=Or(Gf)`
   flex: 1;
 `,ym=Or(qf)``,bm=Or(em)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px 12px;
   border-radius: 4px;
   display: flex;
@@ -3657,7 +3657,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   border-bottom: 1px solid ${({theme:e})=>e.colors.border.light};
   margin: 0;
 `,Cm=Or(Qf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.secondary.fontSize};
   line-height: ${({theme:e})=>e.typography.secondary.lineHeight};
@@ -3667,7 +3667,7 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
   gap: 8px;
   align-items: center;
 `,zm=Or(Zf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   padding: 8px;
   overflow: auto;
   list-style: none;
@@ -3690,32 +3690,32 @@ autoComplete:m,value:H,onChange:e=>D(e.target.value),disabled:v
     animation-name: ${Ur};
   }
 `,Mm=Or(tm)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: flex;
   align-items: center;
 `,xm=Or(Xf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   scrollbar-width: thin !important;
 `,Em=Or(nm)``;Or(rm)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-bottom: 8px;
 `,Or(om)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   display: grid;
   place-content: center;
   margin-top: 8px;
   transform: rotate(-180deg);
 `;const Sm=Or(Kf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   cursor: pointer;
   transform: rotate(-180deg);
   transition: transform 0.2s ease-in-out;
   display: grid;
   place-content: center;
 `,_m=Or(Wf)`
-  direction: ${({theme:e})=>e.direction};
+  direction: ${({theme:e})=>e.direction} !important;
   font-family: ${({theme:e})=>e.typography.fontFamily};
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
@@ -3779,7 +3779,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3806,7 +3806,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   font-family: ${({theme:e})=>e.typography.fontFamily};
   background-color: ${({theme:e})=>e.colors.fill.surface};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &::placeholder {
     font-family: ${({theme:e})=>e.typography.fontFamily};
     font-size: ${({theme:e})=>e.typography.primary.fontSize};
@@ -3825,7 +3825,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   font-size: ${({theme:e})=>e.typography.primary.fontSize};
   line-height: ${({theme:e})=>e.typography.primary.lineHeight};
   color: ${({theme:e})=>e.colors.text.primary};
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   div.end-adornment {
     display: grid;
     place-content: center;
@@ -3850,7 +3850,7 @@ className:`input-helper ${e.className??""}`.trim()},e.children),Am=Or.textarea`
   background-color: ${({theme:e})=>e.colors.fill.surface};
   border-radius: 4px;
   transition: all 0.2s ease-in-out;
-  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction};
+  direction: ${({theme:e,$forceInputDir:t})=>t||e.direction} !important;
   &:hover {
     border-color: ${({theme:e,disabled:t,$isErrored:n})=>t?e.colors.border.normal:n?e.colors.border.error:e.colors.border.hover};
   }
@@ -16631,9 +16631,9 @@ side:"bottom",sideOffset:4,align:"center",className:"DropdownMenuContent"
 className:"DropdownMenuItem",key:e?.[r],onSelect:()=>{const t=c??[];t[n]=e?.[r],
 a?.(t)}},e?.[o],c?.[n]===e?.[r]&&t.createElement(Ao,{fill:s.colors.common.accent
 })))),t.createElement(yg,{className:"DropdownMenuSeparator"})))))))},PY=n=>{
-const{data:r,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:A,onPreviousPageClick:L,enableSorting:V,sortingValues:k,sortingOptions:T,onSortingOptionSelect:P,onNextPageClick:R,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q}=n,ee=Hr(),[te,ne]=t.useState(!!y),re={
+const{data:r,columns:o,showFooter:a=!1,infoComponent:i,isLoading:l,isFetching:c,emptyComponent:s,loadingComponent:u,actionComponent:d,headerComponent:h,editColumnComponent:p,filterComponent:f,hideTableOnEmpty:m,hideTopPagination:v,hideFilters:g,isFilterOpenByDefault:y=!0,sortingHeading:b,showTableOnLoading:w,hideLoaderOnTopPagination:C,hideActions:z,count:M,pageIndex:x=0,pageSize:E=20,enablePreviousPage:S,enableNextPage:_,hideColumnSettings:H=!0,hideBottomPagination:D,rowMenuOptions:A,onPreviousPageClick:L,enableSorting:V,sortingValues:k,sortingOptions:T,onSortingOptionSelect:P,onNextPageClick:R,disableRowSelect:I,hideSelectAllInTable:O,onSelectAllRows:N,onRowSelect:F,onMenuOptionSelect:$,onRowClick:B,columnOrder:j,setColumnOrder:U,setHiddenColumns:Y,hiddenColumns:W,selectedRowIds:G={},isDisableSortDropdown:K,setSelectedRowIds:q,dataKey:Z="id",cellPropGetter:X,setPageIndex:J,rowPropGetter:Q,translationTexts:ee}=n,te=Hr(),[ne,re]=t.useState(!!y),oe={
 accessor:(e,t)=>"function"==typeof e?{...t,accessorFn:e}:{...t,accessorKey:e},
-display:e=>e,group:e=>e},oe=-1===M||void 0===M,ae=t.useMemo((()=>[...I?[]:[{
+display:e=>e,group:e=>e},ae=-1===M||void 0===M,ie=t.useMemo((()=>[...I?[]:[{
 id:"select",header:({table:e})=>O?t.createElement("div",{
 className:"table-checkbox-header"}):t.createElement(vy,{
 className:"table-checkbox",
@@ -16644,22 +16644,22 @@ cell:({row:e})=>t.createElement(vy,{className:"table-checkbox",
 checked:e.getIsSelected(),disabled:!e.getCanSelect(),
 indeterminate:e.getIsSomeSelected(),onCheckedChange:t=>{
 e.toggleSelected(!0===t),F?.(e.original,!0===t)}})
-}],...o.map((e=>re.accessor(e.id,{header:e.Header,id:e.id??e.Header,
+}],...o.map((e=>oe.accessor(e.id,{header:e.Header,id:e.id??e.Header,
 cell:t=>e.accessorFn(t.row.original)}))),...A?[{id:"rowMenuOptions",
 header:()=>t.createElement("div",{id:"more-actions-header"}),
 cell:({row:e})=>t.createElement(Rb,{trigger:t.createElement(Do,{
 className:"more-actions",fill:"currentcolor"}),options:A(e.original)||[],
 onSelect:t=>{t.id&&$?.(t.id,e.original)},side:"bottom",
-align:"rtl"===ee.direction?"start":"end"})
-}]:[]]),[o,I,O,ee.colors.text.primary]),ie=t.useMemo((()=>{const e={}
+align:"rtl"===te.direction?"start":"end"})
+}]:[]]),[o,I,O,te.colors.text.primary]),le=t.useMemo((()=>{const e={}
 ;return o.forEach((t=>{e[t.id]=!(W??[]).includes(t.id)})),e
-}),[o,W]),le=t.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),ce=function(t){
+}),[o,W]),ce=t.useMemo((()=>({pageIndex:x,pageSize:E})),[E,x]),se=function(t){
 const n={state:{},onStateChange:()=>{},renderFallbackValue:null,...t
 },[r]=e.useState((()=>({current:ZU(n)
 }))),[o,a]=e.useState((()=>r.current.initialState))
 ;return r.current.setOptions((e=>({...e,...t,state:{...o,...t.state},
 onStateChange:e=>{a(e),null==t.onStateChange||t.onStateChange(e)}}))),r.current
-}({data:r,columns:ae,getRowId:e=>e?.[Z]??"id",
+}({data:r,columns:ie,getRowId:e=>e?.[Z]??"id",
 getCoreRowModel:e=>oU((()=>[e.options.data]),(t=>{const n={rows:[],flatRows:[],
 rowsById:{}},r=function(t,o,a){void 0===o&&(o=0);const i=[]
 ;for(let c=0;c<t.length;c++){
@@ -16669,15 +16669,15 @@ n.rowsById[s.id]=s,i.push(s),e.options.getSubRows&&(s.originalSubRows=e.options.
 null!=(l=s.originalSubRows)&&l.length&&(s.subRows=r(s.originalSubRows,o+1,s)))}
 return i};return n.rows=r(t),n
 }),aU(e.options,"debugTable","getRowModel",(()=>e._autoResetPageIndex()))),
-state:{columnOrder:j,columnVisibility:ie,rowSelection:G,pagination:le},
+state:{columnOrder:j,columnVisibility:le,rowSelection:G,pagination:ce},
 initialState:{columnPinning:{left:["select"],right:["rowMenuOptions"]}},
-onPaginationChange:e=>{let t=le;t="function"==typeof e?e(le):e,J?.(t.pageIndex)
-},onColumnVisibilityChange:e=>{let t=ie
-;t="function"==typeof e?e(ie):e,Y?.(Object.keys(t).filter((e=>!t[e])))},
+onPaginationChange:e=>{let t=ce;t="function"==typeof e?e(ce):e,J?.(t.pageIndex)
+},onColumnVisibilityChange:e=>{let t=le
+;t="function"==typeof e?e(le):e,Y?.(Object.keys(t).filter((e=>!t[e])))},
 onColumnOrderChange:e=>{let t=j??[];t="function"==typeof e?e(j??[]):e,U?.(t)},
 onRowSelectionChange:e=>{let t=G;t="function"==typeof e?e(G):e,q?.(t)},
-enableRowSelection:!0,manualPagination:!0,rowCount:oe?-1:M
-}),{getPageCount:se,getRowModel:ue,getState:de,getCanNextPage:he,getCanPreviousPage:pe,getPageOptions:fe,previousPage:me,setPageIndex:ve,nextPage:ge,lastPage:ye,firstPage:be}=ce,{rows:we}=ue(),{pagination:{pageIndex:Ce,pageSize:ze}}=de(),Me=Ce*ze+(Ce<se()-1?ze:we.length),xe=ce.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(A?1:0),Ee=T?.[0].find((e=>e.id===k?.[0]))?.name
+enableRowSelection:!0,manualPagination:!0,rowCount:ae?-1:M
+}),{getPageCount:ue,getRowModel:de,getState:he,getCanNextPage:pe,getCanPreviousPage:fe,getPageOptions:me,previousPage:ve,setPageIndex:ge,nextPage:ye,lastPage:be,firstPage:we}=se,{rows:Ce}=de(),{pagination:{pageIndex:ze,pageSize:Me}}=he(),xe=ze*Me+(ze<ue()-1?Me:Ce.length),Ee=se.getAllColumns().filter((e=>e.getIsVisible())).length+(I?0:1)+(A?1:0),Se=T?.[0].find((e=>e.id===k?.[0]))?.name
 ;return t.createElement(JU,{className:"TableContainer"},!z&&t.createElement(oY,{
 className:"table-actions"
 },d&&t.createElement(t.Fragment,null,d),t.createElement(lY,{
@@ -16686,52 +16686,52 @@ className:"table-header-dropdown-pagination"},V&&t.createElement("div",{
 className:"table-heading-dropdown"},t.createElement("div",{
 className:"table-sorting-heading"},`${b}:`)," ",t.createElement(TY,{
 trigger:t.createElement("div",{className:"table-sorting-value-continer"
-},t.createElement("div",null,Ee),t.createElement(DY,{fill:"currentcolor"})),
+},t.createElement("div",null,Se),t.createElement(DY,{fill:"currentcolor"})),
 isDisableSortDropdown:!!K,options:T||[],value:k,onSelect:e=>{P?.(e??[])}
 })),t.createElement(cY,{className:"table-edit-column-component"
 },p??null),t.createElement(uY,{className:"pagination-actions"
 },!v&&t.createElement(t.Fragment,null,t.createElement(ha,{variant:"primary",
 className:"pagination-text"},l&&!C?t.createElement(Bm,{size:"small"
-}):t.createElement(t.Fragment,null,r.length>0?`${Ce*ze+1} - ${Me} of ${oe?""+(we.length>0?"Many":"-"):M??we.length??"-"}`:null)),t.createElement(Gm,{
+}):t.createElement(t.Fragment,null,r.length>0?`${ze*Me+1} - ${xe} ${ee?.of||"of"} ${ae?""+(Ce.length>0?`${ee?.many||"Many"}`:"-"):M??Ce.length??"-"}`:null)),t.createElement(Gm,{
 variant:"secondary",className:"table-pagination-button",onClick:()=>{
-L?.(),oe||me()},disabled:oe?!S:!pe()||l||c},t.createElement(eY,{
-fill:ee.colors.text.primary})),t.createElement(Gm,{variant:"secondary",
-className:"table-pagination-button",onClick:()=>{R?.(),oe||ge()},
-disabled:oe?!_:!he()||l||c},t.createElement(tY,{fill:ee.colors.text.primary
+L?.(),ae||ve()},disabled:ae?!S:!fe()||l||c},t.createElement(eY,{
+fill:te.colors.text.primary})),t.createElement(Gm,{variant:"secondary",
+className:"table-pagination-button",onClick:()=>{R?.(),ae||ye()},
+disabled:ae?!_:!pe()||l||c},t.createElement(tY,{fill:te.colors.text.primary
 }))),!g&&t.createElement(Gm,{variant:"secondary",
-className:"table-pagination-button filter-toggle",onClick:()=>ne(!te)
-},t.createElement(QU,{style:{transform:te?"rotateY(180deg)":"rotateY(0deg)"},
+className:"table-pagination-button filter-toggle",onClick:()=>re(!ne)
+},t.createElement(QU,{style:{transform:ne?"rotateY(180deg)":"rotateY(0deg)"},
 fill:"currentcolor"}))))),t.createElement(nY,null,t.createElement(rY,{
 className:"table-wrapper"
-},i&&t.createElement(iY,null,i),l&&!w?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===we.length&&m?t.createElement(t.Fragment,null,s):t.createElement(dY,null,t.createElement(hY,null,!H&&t.createElement(o$,{
+},i&&t.createElement(iY,null,i),l&&!w?t.createElement(t.Fragment,null,u):t.createElement(t.Fragment,null,0===Ce.length&&m?t.createElement(t.Fragment,null,s):t.createElement(dY,null,t.createElement(hY,null,!H&&t.createElement(o$,{
 align:"end",avoidCollisions:!0,side:"top",trigger:t.createElement(AY,{
-fill:"currentcolor"})},t.createElement(kY,{table:ce
-})),t.createElement(pY,null,ce.getHeaderGroups().map((e=>t.createElement(vY,{
+fill:"currentcolor"})},t.createElement(kY,{table:se
+})),t.createElement(pY,null,se.getHeaderGroups().map((e=>t.createElement(vY,{
 key:e.id},e.headers.map((e=>t.createElement(yY,{key:e.id
-},e.isPlaceholder?null:XU(e.column.columnDef.header,e.getContext())))))))),t.createElement(fY,null,c&&!l&&t.createElement(gY,null,t.createElement(Bm,null)),we.map((e=>t.createElement(vY,{
+},e.isPlaceholder?null:XU(e.column.columnDef.header,e.getContext())))))))),t.createElement(fY,null,c&&!l&&t.createElement(gY,null,t.createElement(Bm,null)),Ce.map((e=>t.createElement(vY,{
 key:e.id,$isSelected:e.getIsSelected(),...Q?.(e.original)
 },e.getVisibleCells().map((n=>t.createElement(bY,{key:n.id,onClick:()=>{
 B?.(e.original,n.column.columnDef)},...X?.(n)
-},XU(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(mY,null,ce.getFooterGroups().map((e=>t.createElement(vY,{
+},XU(n.column.columnDef.cell,n.getContext())))))))),a&&t.createElement(mY,null,se.getFooterGroups().map((e=>t.createElement(vY,{
 key:e.id},e.headers.map((e=>t.createElement(yY,{key:e.id
 },e.isPlaceholder?null:XU(e.column.columnDef.footer,e.getContext())))))))),!D&&t.createElement(mY,null,t.createElement(vY,null,t.createElement(yY,{
-colSpan:xe},t.createElement(HY,{className:"table-pagination"
-},t.createElement(Gm,{variant:"secondary",onClick:()=>{be()},
-disabled:!pe()||l||c},"<<"),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{me()},disabled:!pe()||l||c
-},"<"),Ce+1>2&&t.createElement(t.Fragment,null,t.createElement(Gm,{
-variant:"secondary",onClick:()=>{be()},disabled:l||c
-},"1"),Ce+1-3!=0&&t.createElement(Gm,{variant:"secondary",disabled:!0
-},"...")),fe().map((e=>[e-2,e-1,e,e+1,e+2].includes(Ce+1)&&t.createElement(Gm,{
-key:e,variant:"secondary",className:Ce+1===e+1?"active":"",onClick:()=>{ve?.(e)
+colSpan:Ee},t.createElement(HY,{className:"table-pagination"
+},t.createElement(Gm,{variant:"secondary",onClick:()=>{we()},
+disabled:!fe()||l||c},"<<"),t.createElement(Gm,{variant:"secondary",
+onClick:()=>{ve()},disabled:!fe()||l||c
+},"<"),ze+1>2&&t.createElement(t.Fragment,null,t.createElement(Gm,{
+variant:"secondary",onClick:()=>{we()},disabled:l||c
+},"1"),ze+1-3!=0&&t.createElement(Gm,{variant:"secondary",disabled:!0
+},"...")),me().map((e=>[e-2,e-1,e,e+1,e+2].includes(ze+1)&&t.createElement(Gm,{
+key:e,variant:"secondary",className:ze+1===e+1?"active":"",onClick:()=>{ge?.(e)
 },disabled:l||c
-},e+1))),Ce+2<Math.ceil(r.length/ze)-2&&t.createElement(t.Fragment,null,Ce+2+3!==Math.ceil(r.length/ze)&&t.createElement(Gm,{
+},e+1))),ze+2<Math.ceil(r.length/Me)-2&&t.createElement(t.Fragment,null,ze+2+3!==Math.ceil(r.length/Me)&&t.createElement(Gm,{
 variant:"secondary",disabled:!0},"..."),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{ve?.(Math.ceil(r.length/ze)-1)},disabled:l||c
-},Math.ceil(r.length/ze))),t.createElement(Gm,{variant:"secondary",onClick:()=>{
-ge()},disabled:!he()||l||c},">"),t.createElement(Gm,{variant:"secondary",
-onClick:()=>{ye()},disabled:!he()||l||c
-},">>"))))))))),!g&&te&&f&&t.createElement(aY,null,f)))
+onClick:()=>{ge?.(Math.ceil(r.length/Me)-1)},disabled:l||c
+},Math.ceil(r.length/Me))),t.createElement(Gm,{variant:"secondary",onClick:()=>{
+ye()},disabled:!pe()||l||c},">"),t.createElement(Gm,{variant:"secondary",
+onClick:()=>{be()},disabled:!pe()||l||c
+},">>"))))))))),!g&&ne&&f&&t.createElement(aY,null,f)))
 },RY="Tabs",[IY,OY]=S(RY,[nv]),NY=nv(),[FY,$Y]=IY(RY),BY=l(((e,t)=>{
 const{__scopeTabs:n,value:r,onValueChange:a,defaultValue:i,orientation:l="horizontal",dir:c,activationMode:s="automatic",...u}=e,d=ce(c),[h,p]=O({
 prop:r,onChange:a,defaultProp:i});return o(FY,{scope:n,baseId:W(),value:h,

package/lib/package.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "freemium-ui",
-  "version": "2.0.56",
+  "version": "2.0.58",
   "description": "React Ui Components for Freemium Apps",
   "main": "lib/index.cjs.js",
   "module": "lib/index.js",