@new-black/lyra 1.0.21 → 1.0.23

package/dist/lyra470.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),h=require("react"),R=require("./lyra95.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const l=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra457.cjs");require("./lyra40.cjs");const S=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");const y=require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra455.cjs");require("./lyra456.cjs");require("./lyra458.cjs");require("./lyra459.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],N=({dataLength:i,hideLimitSelect:a,isLoading:n,table:r,total:g})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:m,lastPage:j,nextPage:c,previousPage:P,rowsPerPage:d}=R.useDictionary(),{loadingButton:s,setLoadingButton:o}=E({isLoading:n,data:r.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(t=>t.value===r.getState().pagination.pageSize),onChange:t=>{if(!t)return;const p=t.value;r.setPageSize(p)},isDisabled:n,getItemId:t=>t.id,getLabel:t=>`${t.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:t=>({label:`${t.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(S.Text,{variant:"body-small",color:"secondary",children:[((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize-(r.getState().pagination.pageSize-1)).toString()," - ",((r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize<(g??i)?(r.getState().pagination.pageIndex+1)*r.getState().pagination.pageSize:g??i).toString(),` of ${g??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!r.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{r.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!r.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{r.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:c,isDisabled:!r.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{r.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!r.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{r.setPageIndex(r.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},B=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:r,showNext:g=!0,showPrevious:v=!0,table:u})=>{const{nextPage:m,previousPage:j,rowsPerPage:c}=R.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=E({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":c,items:q,value:q.find(t=>t.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:t=>{if(!t)return;const p=t.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:t=>t.id,getLabel:t=>`${t.value}`,label:c,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:t=>({label:`${t.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:c})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{r==null||r(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!g||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},w=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),D=i=>{var n;switch(w({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(N,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading});case"uncountable":return e.jsxRuntimeExports.jsx(B,{hideLimitSelect:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},E=({data:i,isLoading:a})=>{const[n,r]=h.useState();return h.useEffect(()=>{a||r(void 0)},[a,i]),{loadingButton:n,setLoadingButton:r}};exports.CountablePagination=N;exports.TablePagination=D;exports.UncountablePagination=B;exports.useLoadingButtonState=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra90.cjs"),h=require("react"),R=require("./lyra95.cjs"),x=require("./lyra11.cjs");require("./lyra12.cjs");const f=require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");const l=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra458.cjs");require("./lyra40.cjs");const S=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");const I=require("./lyra36.cjs");require("react-dom");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra59.cjs");require("./lyra60.cjs");require("./lyra61.cjs");require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");const y=require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra456.cjs");require("./lyra457.cjs");require("./lyra459.cjs");require("./lyra460.cjs");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const q=[{value:5,id:"5"},{value:10,id:"10"},{value:25,id:"25"},{value:50,id:"50"},{value:100,id:"100"}],N=({dataLength:i,hideLimitSelect:a,isLoading:n,table:t,total:c})=>{const{selectLimitWrapper:v,wrapper:u}=y.tablePaginationStyles(),{firstPage:m,lastPage:j,nextPage:g,previousPage:P,rowsPerPage:d}=R.useDictionary(),{loadingButton:s,setLoadingButton:o}=E({isLoading:n,data:t.options.data});return e.jsxRuntimeExports.jsxs("div",{className:u(),children:[e.jsxRuntimeExports.jsx("div",{className:v(),children:a?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":d,items:q,value:q.find(r=>r.value===t.getState().pagination.pageSize),onChange:r=>{if(!r)return;const p=r.value;t.setPageSize(p)},isDisabled:n,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:d,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:d})})]})}),e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsxs(S.Text,{variant:"body-small",color:"secondary",children:[((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize-(t.getState().pagination.pageSize-1)).toString()," - ",((t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize<(c??i)?(t.getState().pagination.pageIndex+1)*t.getState().pagination.pageSize:c??i).toString(),` of ${c??i}`]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="firstPage",onPress:()=>{t.setPageIndex(0),n!==void 0&&o("firstPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-first-page"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:P,isDisabled:!t.getCanPreviousPage()||!!s,isLoading:s==="previousPage",onPress:()=>{t.previousPage(),n!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:g,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="nextPage",onPress:()=>{t.nextPage(),n!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!t.getCanNextPage()||!!s,isLoading:s==="lastPage",onPress:()=>{t.setPageIndex(t.getPageCount()-1),n!==void 0&&o("lastPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-last-page"})})]})]})},B=({hideLimitSelect:i,isLoading:a,onNext:n,onPrevious:t,showNext:c=!0,showPrevious:v=!0,table:u})=>{const{nextPage:m,previousPage:j,rowsPerPage:g}=R.useDictionary(),{selectLimitWrapper:P,wrapper:d}=y.tablePaginationStyles(),{loadingButton:s,setLoadingButton:o}=E({isLoading:a,data:u==null?void 0:u.options.data});return e.jsxRuntimeExports.jsxs("div",{className:d(),children:[e.jsxRuntimeExports.jsx("div",{className:P(),children:i?null:e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("div",{className:"min-w-16",children:e.jsxRuntimeExports.jsx(I.Select,{"aria-label":g,items:q,value:q.find(r=>r.value===(u==null?void 0:u.getState().pagination.pageSize)),onChange:r=>{if(!r)return;const p=r.value;u==null||u.setPageSize(p)},isDisabled:a,getItemId:r=>r.id,getLabel:r=>`${r.value}`,label:g,hideInputHeader:!0,disableClearLogic:!0,selectRenderElements:r=>({label:`${r.value}`})})}),e.jsxRuntimeExports.jsx("div",{className:"w-full flex-1 text-nowrap",children:e.jsxRuntimeExports.jsx(S.Text,{variant:"body-small",color:"secondary",children:g})})]})}),e.jsxRuntimeExports.jsxs(f.ButtonGroup,{isDisabled:!!s,children:[e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:j,isDisabled:!v||!!s,isLoading:s==="previousPage",onPress:()=>{t==null||t(),a!==void 0&&o("previousPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-left"})}),e.jsxRuntimeExports.jsx(x.Button,{variant:"icon",tooltip:m,isDisabled:!c||!!s,isLoading:s==="nextPage",onPress:()=>{n==null||n(),a!==void 0&&o("nextPage")},children:e.jsxRuntimeExports.jsx(l.SvgIcon,{name:"chevron-right"})})]})]})},L=i=>h.useMemo(()=>i.hidePagination?"hidden":i.onPrevious&&i.onNext?"uncountable":"countable",[i.hidePagination,i.onNext,i.onPrevious]),w=i=>{var n;switch(L({hidePagination:i.hidePagination,onNext:i.onNext,onPrevious:i.onPrevious})){case"hidden":return null;case"countable":return e.jsxRuntimeExports.jsx(N,{table:i.table,total:i.total,dataLength:((n=i.data)==null?void 0:n.length)??0,isLoading:i.isLoading,hideLimitSelect:i.hideLimitSelect});case"uncountable":return e.jsxRuntimeExports.jsx(B,{hideLimitSelect:i.hideLimitSelect,onNext:i.onNext,onPrevious:i.onPrevious,showNext:i.showNext,showPrevious:i.showPrevious,table:i.table,isLoading:i.isLoading});default:return null}},E=({data:i,isLoading:a})=>{const[n,t]=h.useState();return h.useEffect(()=>{a||t(void 0)},[a,i]),{loadingButton:n,setLoadingButton:t}};exports.CountablePagination=N;exports.TablePagination=w;exports.UncountablePagination=B;exports.useLoadingButtonState=E;

package/dist/lyra470.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra470.cjs","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra470.cjs","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n          hideLimitSelect={props.hideLimitSelect}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hideLimitSelect}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}

package/dist/lyra470.js

@@ -1,5 +1,5 @@
 import { j as i } from "./lyra90.js";
-import { useMemo as D, useState as L, useEffect as C } from "react";
+import { useMemo as y, useState as D, useEffect as C } from "react";
 import { useDictionary as S } from "./lyra95.js";
 import { Button as l } from "./lyra11.js";
 import "./lyra12.js";
@@ -14,9 +14,9 @@ import "./lyra26.js";
 import "./lyra27.js";
 import "./lyra28.js";
 import "./lyra29.js";
-import { SvgIcon as p } from "./lyra65.js";
+import { SvgIcon as d } from "./lyra65.js";
 import "./lyra80.js";
-import "./lyra457.js";
+import "./lyra458.js";
 import "./lyra40.js";
 import { Text as j } from "./lyra73.js";
 import "./lyra74.js";
@@ -69,10 +69,10 @@ import "./lyra78.js";
 import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
-import "./lyra455.js";
 import "./lyra456.js";
-import "./lyra458.js";
+import "./lyra457.js";
 import "./lyra459.js";
+import "./lyra460.js";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
@@ -89,9 +89,9 @@ const u = [
   hideLimitSelect: r,
   isLoading: n,
   table: t,
-  total: d
+  total: p
 }) => {
-  const { selectLimitWrapper: v, wrapper: s } = I(), { firstPage: x, lastPage: P, nextPage: g, previousPage: h, rowsPerPage: c } = S(), { loadingButton: a, setLoadingButton: m } = y({
+  const { selectLimitWrapper: v, wrapper: s } = I(), { firstPage: x, lastPage: P, nextPage: g, previousPage: h, rowsPerPage: c } = S(), { loadingButton: a, setLoadingButton: m } = L({
     isLoading: n,
     data: t.options.data
   });
@@ -125,8 +125,8 @@ const u = [
     /* @__PURE__ */ i.jsx("div", { children: /* @__PURE__ */ i.jsxs(j, { variant: "body-small", color: "secondary", children: [
       ((t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize - (t.getState().pagination.pageSize - 1)).toString(),
       " - ",
-      ((t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize < (d ?? e) ? (t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize : d ?? e).toString(),
-      ` of ${d ?? e}`
+      ((t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize < (p ?? e) ? (t.getState().pagination.pageIndex + 1) * t.getState().pagination.pageSize : p ?? e).toString(),
+      ` of ${p ?? e}`
     ] }) }),
     /* @__PURE__ */ i.jsxs(N, { isDisabled: !!a, children: [
       /* @__PURE__ */ i.jsx(
@@ -139,7 +139,7 @@ const u = [
           onPress: () => {
             t.setPageIndex(0), n !== void 0 && m("firstPage");
           },
-          children: /* @__PURE__ */ i.jsx(p, { name: "chevron-first-page" })
+          children: /* @__PURE__ */ i.jsx(d, { name: "chevron-first-page" })
         }
       ),
       /* @__PURE__ */ i.jsx(
@@ -152,7 +152,7 @@ const u = [
           onPress: () => {
             t.previousPage(), n !== void 0 && m("previousPage");
           },
-          children: /* @__PURE__ */ i.jsx(p, { name: "chevron-left" })
+          children: /* @__PURE__ */ i.jsx(d, { name: "chevron-left" })
         }
       ),
       /* @__PURE__ */ i.jsx(
@@ -165,7 +165,7 @@ const u = [
           onPress: () => {
             t.nextPage(), n !== void 0 && m("nextPage");
           },
-          children: /* @__PURE__ */ i.jsx(p, { name: "chevron-right" })
+          children: /* @__PURE__ */ i.jsx(d, { name: "chevron-right" })
         }
       ),
       /* @__PURE__ */ i.jsx(
@@ -178,7 +178,7 @@ const u = [
           onPress: () => {
             t.setPageIndex(t.getPageCount() - 1), n !== void 0 && m("lastPage");
           },
-          children: /* @__PURE__ */ i.jsx(p, { name: "chevron-last-page" })
+          children: /* @__PURE__ */ i.jsx(d, { name: "chevron-last-page" })
         }
       )
     ] })
@@ -188,11 +188,11 @@ const u = [
   isLoading: r,
   onNext: n,
   onPrevious: t,
-  showNext: d = !0,
+  showNext: p = !0,
   showPrevious: v = !0,
   table: s
 }) => {
-  const { nextPage: x, previousPage: P, rowsPerPage: g } = S(), { selectLimitWrapper: h, wrapper: c } = I(), { loadingButton: a, setLoadingButton: m } = y({
+  const { nextPage: x, previousPage: P, rowsPerPage: g } = S(), { selectLimitWrapper: h, wrapper: c } = I(), { loadingButton: a, setLoadingButton: m } = L({
     isLoading: r,
     data: s == null ? void 0 : s.options.data
   });
@@ -234,7 +234,7 @@ const u = [
           onPress: () => {
             t == null || t(), r !== void 0 && m("previousPage");
           },
-          children: /* @__PURE__ */ i.jsx(p, { name: "chevron-left" })
+          children: /* @__PURE__ */ i.jsx(d, { name: "chevron-left" })
         }
       ),
       /* @__PURE__ */ i.jsx(
@@ -242,17 +242,17 @@ const u = [
         {
           variant: "icon",
           tooltip: x,
-          isDisabled: !d || !!a,
+          isDisabled: !p || !!a,
           isLoading: a === "nextPage",
           onPress: () => {
             n == null || n(), r !== void 0 && m("nextPage");
           },
-          children: /* @__PURE__ */ i.jsx(p, { name: "chevron-right" })
+          children: /* @__PURE__ */ i.jsx(d, { name: "chevron-right" })
         }
       )
     ] })
   ] });
-}, T = (e) => D(() => e.hidePagination ? "hidden" : e.onPrevious && e.onNext ? "uncountable" : "countable", [e.hidePagination, e.onNext, e.onPrevious]), ne = (e) => {
+}, T = (e) => y(() => e.hidePagination ? "hidden" : e.onPrevious && e.onNext ? "uncountable" : "countable", [e.hidePagination, e.onNext, e.onPrevious]), ne = (e) => {
   var n;
   switch (T({
     hidePagination: e.hidePagination,
@@ -268,14 +268,15 @@ const u = [
           table: e.table,
           total: e.total,
           dataLength: ((n = e.data) == null ? void 0 : n.length) ?? 0,
-          isLoading: e.isLoading
+          isLoading: e.isLoading,
+          hideLimitSelect: e.hideLimitSelect
         }
       );
     case "uncountable":
       return /* @__PURE__ */ i.jsx(
         z,
         {
-          hideLimitSelect: e.hidePagination,
+          hideLimitSelect: e.hideLimitSelect,
           onNext: e.onNext,
           onPrevious: e.onPrevious,
           showNext: e.showNext,
@@ -287,11 +288,11 @@ const u = [
     default:
       return null;
   }
-}, y = ({
+}, L = ({
   data: e,
   isLoading: r
 }) => {
-  const [n, t] = L();
+  const [n, t] = D();
   return C(() => {
     r || t(void 0);
   }, [r, e]), {
@@ -303,5 +304,5 @@ export {
   B as CountablePagination,
   ne as TablePagination,
   z as UncountablePagination,
-  y as useLoadingButtonState
+  L as useLoadingButtonState
 };

package/dist/lyra470.js.map

@@ -1 +1 @@
-{"version":3,"file":"lyra470.js","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hidePagination}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}
+{"version":3,"file":"lyra470.js","sources":["../src/components/table/table-pagination.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\n\nimport { useDictionary } from \"../../utils/providers/dictionary-provider\";\nimport { Button, ButtonGroup } from \"../button\";\nimport { Select } from \"../inputs\";\nimport { SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { tablePaginationStyles } from \"./table.styles\";\nimport {\n  CountablePaginationProps,\n  LoadingButtonState,\n  TablePaginationProps,\n  UncountablePaginationProps,\n  usePaginationSettingsProps,\n} from \"./table.types\";\n\ntype PaginationSize = {\n  value: number;\n  id: string;\n};\n\nconst DEFAULT_PAGINATION_SIZES: PaginationSize[] = [\n  { value: 5, id: \"5\" },\n  { value: 10, id: \"10\" },\n  { value: 25, id: \"25\" },\n  { value: 50, id: \"50\" },\n  { value: 100, id: \"100\" },\n];\n\nexport const CountablePagination = ({\n  dataLength,\n  hideLimitSelect,\n  isLoading,\n  table,\n  total,\n}: CountablePaginationProps) => {\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { firstPage, lastPage, nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <div>\n        <Text variant=\"body-small\" color=\"secondary\">\n          {(\n            (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize -\n            (table.getState().pagination.pageSize - 1)\n          ).toString()}\n          {\" - \"}\n          {((table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize <\n          (total ?? dataLength)\n            ? (table.getState().pagination.pageIndex + 1) * table.getState().pagination.pageSize\n            : total ?? dataLength\n          ).toString()}\n          {` of ${total ?? dataLength}`}\n        </Text>\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={firstPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"firstPage\"}\n          onPress={() => {\n            table.setPageIndex(0);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"firstPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-first-page\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!table.getCanPreviousPage() || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            table.previousPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            table.nextPage();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={lastPage}\n          isDisabled={!table.getCanNextPage() || !!loadingButton}\n          isLoading={loadingButton === \"lastPage\"}\n          onPress={() => {\n            table.setPageIndex(table.getPageCount() - 1);\n            if (isLoading !== undefined) {\n              setLoadingButton(\"lastPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-last-page\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nexport const UncountablePagination = ({\n  hideLimitSelect,\n  isLoading,\n  onNext,\n  onPrevious,\n  showNext = true,\n  showPrevious = true,\n  table,\n}: UncountablePaginationProps) => {\n  const { nextPage, previousPage, rowsPerPage } = useDictionary();\n  const { selectLimitWrapper, wrapper } = tablePaginationStyles();\n  const { loadingButton, setLoadingButton } = useLoadingButtonState({\n    isLoading,\n    data: table?.options.data,\n  });\n\n  return (\n    <div className={wrapper()}>\n      <div className={selectLimitWrapper()}>\n        {hideLimitSelect ? null : (\n          <div className=\"flex items-center gap-2\">\n            <div className=\"min-w-16\">\n              <Select\n                aria-label={rowsPerPage}\n                items={DEFAULT_PAGINATION_SIZES}\n                value={DEFAULT_PAGINATION_SIZES.find(\n                  (item) => item.value === table?.getState().pagination.pageSize,\n                )}\n                onChange={(changedValue) => {\n                  if (!changedValue) return;\n                  const value = changedValue.value;\n                  table?.setPageSize(value);\n                }}\n                isDisabled={isLoading}\n                getItemId={(item) => item.id}\n                getLabel={(item) => `${item.value}`}\n                label={rowsPerPage}\n                hideInputHeader\n                disableClearLogic\n                selectRenderElements={(item) => ({ label: `${item.value}` })}\n              />\n            </div>\n            <div className=\"w-full flex-1 text-nowrap\">\n              <Text variant=\"body-small\" color=\"secondary\">\n                {rowsPerPage}\n              </Text>\n            </div>\n          </div>\n        )}\n      </div>\n      <ButtonGroup isDisabled={!!loadingButton}>\n        <Button\n          variant=\"icon\"\n          tooltip={previousPage}\n          isDisabled={!showPrevious || !!loadingButton}\n          isLoading={loadingButton === \"previousPage\"}\n          onPress={() => {\n            onPrevious?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"previousPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-left\" />\n        </Button>\n        <Button\n          variant=\"icon\"\n          tooltip={nextPage}\n          isDisabled={!showNext || !!loadingButton}\n          isLoading={loadingButton === \"nextPage\"}\n          onPress={() => {\n            onNext?.();\n            if (isLoading !== undefined) {\n              setLoadingButton(\"nextPage\");\n            }\n          }}\n        >\n          <SvgIcon name=\"chevron-right\" />\n        </Button>\n      </ButtonGroup>\n    </div>\n  );\n};\n\nconst usePaginationSettings = (props: usePaginationSettingsProps) => {\n  const paginationType = useMemo<\"countable\" | \"uncountable\" | \"hidden\">(() => {\n    if (props.hidePagination) return \"hidden\";\n\n    if (!!props.onPrevious && !!props.onNext) return \"uncountable\";\n\n    return \"countable\";\n  }, [props.hidePagination, props.onNext, props.onPrevious]);\n\n  return paginationType;\n};\n\nexport const TablePagination = <T extends object>(props: TablePaginationProps<T>) => {\n  const paginationType = usePaginationSettings({\n    hidePagination: props.hidePagination,\n    onNext: props.onNext,\n    onPrevious: props.onPrevious,\n  });\n\n  switch (paginationType) {\n    case \"hidden\":\n      return null;\n\n    case \"countable\":\n      return (\n        <CountablePagination\n          table={props.table}\n          total={props.total}\n          dataLength={props.data?.length ?? 0}\n          isLoading={props.isLoading}\n          hideLimitSelect={props.hideLimitSelect}\n        />\n      );\n\n    case \"uncountable\": {\n      return (\n        <UncountablePagination\n          hideLimitSelect={props.hideLimitSelect}\n          onNext={props.onNext}\n          onPrevious={props.onPrevious}\n          showNext={props.showNext}\n          showPrevious={props.showPrevious}\n          table={props.table}\n          isLoading={props.isLoading}\n        />\n      );\n    }\n\n    default:\n      return null;\n  }\n};\n\nexport const useLoadingButtonState = ({\n  data,\n  isLoading,\n}: {\n  isLoading?: boolean;\n  data?: any[];\n}) => {\n  const [loadingButton, setLoadingButton] = useState<LoadingButtonState>();\n\n  useEffect(() => {\n    if (!isLoading) {\n      setLoadingButton(undefined);\n    }\n  }, [isLoading, data]);\n  /**Added a dependency on the table data, to make sure the loading button is reset to 'undefined' even if the isLoading prop doesn't change.\n   * (For instance when it's passed as 'false' and it doesn't update its state. )\n   */\n\n  return {\n    loadingButton,\n    setLoadingButton,\n  };\n};\n"],"names":["DEFAULT_PAGINATION_SIZES","CountablePagination","dataLength","hideLimitSelect","isLoading","table","total","selectLimitWrapper","wrapper","tablePaginationStyles","firstPage","lastPage","nextPage","previousPage","rowsPerPage","useDictionary","loadingButton","setLoadingButton","useLoadingButtonState","jsxs","jsx","Select","item","changedValue","value","Text","ButtonGroup","Button","SvgIcon","UncountablePagination","onNext","onPrevious","showNext","showPrevious","usePaginationSettings","props","useMemo","TablePagination","_a","data","useState","useEffect"],"mappings":"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"}

package/dist/lyra49.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),a=require("./lyra93.cjs"),r=require("./lyra73.cjs");require("./lyra74.cjs");const l=require("./lyra465.cjs"),m=({children:e,className:i,label:t,style:x},o)=>{const{kpi:d,kpiText:n}=l.KpiStyles({});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:d({className:i}),style:x,children:[s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-3",elementType:"span",className:n(),children:t}),s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-1",elementType:"span",className:n(),children:e})]})},c=a.fixedForwardRef(m);c.displayName="Kpi";function u(e,i){const{list:t}=l.KpiStyles();return s.jsxRuntimeExports.jsx("div",{ref:i,className:t({className:e.className}),style:e.style,children:e.children})}const p=a.fixedForwardRef(u);p.displayName="KpiList";exports.Kpi=c;exports.KpiList=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),a=require("./lyra93.cjs"),r=require("./lyra73.cjs");require("./lyra74.cjs");const l=require("./lyra453.cjs"),m=({children:e,className:i,label:t,style:x},o)=>{const{kpi:d,kpiText:n}=l.KpiStyles({});return s.jsxRuntimeExports.jsxs("div",{ref:o,className:d({className:i}),style:x,children:[s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-3",elementType:"span",className:n(),children:t}),s.jsxRuntimeExports.jsx(r.Text,{variant:"heading-1",elementType:"span",className:n(),children:e})]})},c=a.fixedForwardRef(m);c.displayName="Kpi";function u(e,i){const{list:t}=l.KpiStyles();return s.jsxRuntimeExports.jsx("div",{ref:i,className:t({className:e.className}),style:e.style,children:e.children})}const p=a.fixedForwardRef(u);p.displayName="KpiList";exports.Kpi=c;exports.KpiList=p;

package/dist/lyra49.js

@@ -2,7 +2,7 @@ import { j as e } from "./lyra90.js";
 import { fixedForwardRef as r } from "./lyra93.js";
 import { Text as n } from "./lyra73.js";
 import "./lyra74.js";
-import { KpiStyles as m } from "./lyra465.js";
+import { KpiStyles as m } from "./lyra453.js";
 const o = ({ children: s, className: i, label: t, style: l }, p) => {
   const { kpi: c, kpiText: a } = m({});
   return /* @__PURE__ */ e.jsxs("div", { ref: p, className: c({ className: i }), style: l, children: [

package/dist/lyra50.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),n=require("react"),i=require("./lyra89.cjs"),j=require("./lyra101.cjs"),b=require("./lyra93.cjs"),E=require("./lyra95.cjs"),q=require("./lyra455.cjs"),B=require("./lyra456.cjs"),N=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const P=require("./lyra57.cjs");require("./lyra58.cjs");const w=({getItemId:a,getTextValue:o,isLoading:u,items:c,onLoadMore:r,placement:l,selectRenderElements:x,...d},v)=>{const{loadMore:y}=E.useDictionary(),[g,p]=n.useState(!1),[M,m]=n.useState(!1),t=n.useRef(null),{isOpen:R}=n.useContext(i.OverlayTriggerStateContext);n.useEffect(()=>{r||(p(!1),m(!1))},[r]),n.useEffect(()=>{p(!1),m(!1)},[R]);const S=j.useObjectRef(j.mergeRefs(t,v));return s.jsxRuntimeExports.jsxs(N.Popover,{disablePadding:!0,placement:l,className:"min-w-[280px] max-w-[320px] p-1 min-[480px]:max-w-[480px]",children:[s.jsxRuntimeExports.jsx(i.Menu,{...d,selectionMode:"none",className:q.sharedListStyles(),ref:S,children:c.map(e=>s.jsxRuntimeExports.jsx(D,{className:"outline-none",value:e,item:e,selectRenderElements:x,id:a(e),textValue:o?o(e):void 0,disableHoverStyle:g||M},a(e)))}),r?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(P.Separator,{className:"my-1"}),s.jsxRuntimeExports.jsx(i.Button,{onPress:()=>{var e;r(),(e=t==null?void 0:t.current)==null||e.focus()},onFocusChange:p,onHoverChange:m,onKeyDown:e=>{var f;e.key==="Tab"?(e.preventDefault(),(f=t==null?void 0:t.current)==null||f.focus()):e.continuePropagation()},isDisabled:u,className:q.loadMoreButtonStyles({isDisabled:u}),children:y})]}):null]})},h=b.fixedForwardRef(w);h.displayName="Menu";function D({disableHoverStyle:a,item:o,selectRenderElements:u,...c}){const r=c.textValue||u(o).label;return s.jsxRuntimeExports.jsx(i.MenuItem,{...c,textValue:r,children:({isDisabled:l,isFocused:x,isHovered:d})=>s.jsxRuntimeExports.jsx(B.SharedListItem,{selectRenderElements:u,item:o,state:{active:(x||d)&&!a,disabled:l,selected:!1},hasSelection:!1})})}exports.MenuTrigger=i.MenuTrigger;exports.Menu=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lyra90.cjs"),n=require("react"),i=require("./lyra89.cjs"),j=require("./lyra101.cjs"),b=require("./lyra93.cjs"),E=require("./lyra95.cjs"),q=require("./lyra456.cjs"),B=require("./lyra457.cjs"),N=require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");const P=require("./lyra57.cjs");require("./lyra58.cjs");const w=({getItemId:a,getTextValue:o,isLoading:u,items:c,onLoadMore:r,placement:l,selectRenderElements:x,...d},v)=>{const{loadMore:y}=E.useDictionary(),[g,p]=n.useState(!1),[M,m]=n.useState(!1),t=n.useRef(null),{isOpen:R}=n.useContext(i.OverlayTriggerStateContext);n.useEffect(()=>{r||(p(!1),m(!1))},[r]),n.useEffect(()=>{p(!1),m(!1)},[R]);const S=j.useObjectRef(j.mergeRefs(t,v));return s.jsxRuntimeExports.jsxs(N.Popover,{disablePadding:!0,placement:l,className:"min-w-[280px] max-w-[320px] p-1 min-[480px]:max-w-[480px]",children:[s.jsxRuntimeExports.jsx(i.Menu,{...d,selectionMode:"none",className:q.sharedListStyles(),ref:S,children:c.map(e=>s.jsxRuntimeExports.jsx(D,{className:"outline-none",value:e,item:e,selectRenderElements:x,id:a(e),textValue:o?o(e):void 0,disableHoverStyle:g||M},a(e)))}),r?s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(P.Separator,{className:"my-1"}),s.jsxRuntimeExports.jsx(i.Button,{onPress:()=>{var e;r(),(e=t==null?void 0:t.current)==null||e.focus()},onFocusChange:p,onHoverChange:m,onKeyDown:e=>{var f;e.key==="Tab"?(e.preventDefault(),(f=t==null?void 0:t.current)==null||f.focus()):e.continuePropagation()},isDisabled:u,className:q.loadMoreButtonStyles({isDisabled:u}),children:y})]}):null]})},h=b.fixedForwardRef(w);h.displayName="Menu";function D({disableHoverStyle:a,item:o,selectRenderElements:u,...c}){const r=c.textValue||u(o).label;return s.jsxRuntimeExports.jsx(i.MenuItem,{...c,textValue:r,children:({isDisabled:l,isFocused:x,isHovered:d})=>s.jsxRuntimeExports.jsx(B.SharedListItem,{selectRenderElements:u,item:o,state:{active:(x||d)&&!a,disabled:l,selected:!1},hasSelection:!1})})}exports.MenuTrigger=i.MenuTrigger;exports.Menu=h;

package/dist/lyra50.js

@@ -5,8 +5,8 @@ import { MenuTrigger as te } from "./lyra89.js";
 import { useObjectRef as D, mergeRefs as F } from "./lyra101.js";
 import { fixedForwardRef as C } from "./lyra93.js";
 import { useDictionary as H } from "./lyra95.js";
-import { sharedListStyles as P, loadMoreButtonStyles as I } from "./lyra455.js";
-import { SharedListItem as O } from "./lyra456.js";
+import { sharedListStyles as P, loadMoreButtonStyles as I } from "./lyra456.js";
+import { SharedListItem as O } from "./lyra457.js";
 import { Popover as L } from "./lyra53.js";
 import "./lyra54.js";
 import "./lyra55.js";

package/dist/lyra508.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra611.cjs"),r=require("./lyra612.cjs"),o=require("./lyra613.cjs");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.shimExports=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra619.cjs"),r=require("./lyra620.cjs"),o=require("./lyra621.cjs");process.env.NODE_ENV==="production"?e.__module.exports=r.__require():e.__module.exports=o.__require();var t=e.__module.exports;exports.shimExports=t;

package/dist/lyra508.js

@@ -1,6 +1,6 @@
-import { __module as r } from "./lyra611.js";
-import { __require as e } from "./lyra612.js";
-import { __require as o } from "./lyra613.js";
+import { __module as r } from "./lyra619.js";
+import { __require as e } from "./lyra620.js";
+import { __require as o } from "./lyra621.js";
 process.env.NODE_ENV === "production" ? r.exports = e() : r.exports = o();
 var m = r.exports;
 export {

package/dist/lyra51.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),l=require("react"),c=require("./lyra93.cjs"),E=require("./lyra65.cjs"),d=require("./lyra73.cjs");require("./lyra74.cjs");const g=require("./lyra453.cjs"),x=require("./lyra52.cjs"),r=require("./lyra454.cjs");function q({children:e,className:n,currentRoute:i},s){const{layoutSpacing:o}=x.navigationStyles({});return t.jsxRuntimeExports.jsx(g.NavigationContextProvider,{currentRoute:i,children:t.jsxRuntimeExports.jsx("div",{className:o({className:n}),ref:s,children:e})})}const v=c.fixedForwardRef(q);v.displayName="Navigation";function C({basePath:e,children:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{currentRoute:a}=g.useNavigationContext(),{details:N,icon:j,layoutSpacing:y,summary:R}=x.navigationStyles({}),f=l.useMemo(()=>a.includes(e),[e,a]),[u,S]=l.useState(f);return t.jsxRuntimeExports.jsx(r.NavigationItemProvider,{children:t.jsxRuntimeExports.jsxs("details",{open:u,onToggle:h=>{S(h.currentTarget.open)},className:N(),ref:s,children:[t.jsxRuntimeExports.jsxs("summary",{className:R({isActive:!1}),style:{paddingLeft:8+24*(o??0)},children:[t.jsxRuntimeExports.jsx(E.SvgIcon,{name:"chevron-right",className:j({isOpen:u})}),t.jsxRuntimeExports.jsx(d.Text,{children:i})]}),t.jsxRuntimeExports.jsx("div",{className:y(),children:n})]})})}const m=c.fixedForwardRef(C);m.displayName="NavigationSection";function I({children:e,isActive:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{linkContent:a}=x.navigationStyles({});return t.jsxRuntimeExports.jsxs("div",{ref:s,className:a({isActive:!!n}),style:{paddingLeft:32+24*(o??0)},children:[t.jsxRuntimeExports.jsx(d.Text,{color:n?"inverted":"primary",children:i}),e]})}const p=c.fixedForwardRef(I);p.displayName="NavigationLinkContent";exports.Navigation=v;exports.NavigationLinkContent=p;exports.NavigationSection=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lyra90.cjs"),l=require("react"),c=require("./lyra93.cjs"),E=require("./lyra65.cjs"),d=require("./lyra73.cjs");require("./lyra74.cjs");const g=require("./lyra454.cjs"),x=require("./lyra52.cjs"),r=require("./lyra455.cjs");function q({children:e,className:n,currentRoute:i},s){const{layoutSpacing:o}=x.navigationStyles({});return t.jsxRuntimeExports.jsx(g.NavigationContextProvider,{currentRoute:i,children:t.jsxRuntimeExports.jsx("div",{className:o({className:n}),ref:s,children:e})})}const v=c.fixedForwardRef(q);v.displayName="Navigation";function C({basePath:e,children:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{currentRoute:a}=g.useNavigationContext(),{details:N,icon:j,layoutSpacing:y,summary:R}=x.navigationStyles({}),f=l.useMemo(()=>a.includes(e),[e,a]),[u,S]=l.useState(f);return t.jsxRuntimeExports.jsx(r.NavigationItemProvider,{children:t.jsxRuntimeExports.jsxs("details",{open:u,onToggle:h=>{S(h.currentTarget.open)},className:N(),ref:s,children:[t.jsxRuntimeExports.jsxs("summary",{className:R({isActive:!1}),style:{paddingLeft:8+24*(o??0)},children:[t.jsxRuntimeExports.jsx(E.SvgIcon,{name:"chevron-right",className:j({isOpen:u})}),t.jsxRuntimeExports.jsx(d.Text,{children:i})]}),t.jsxRuntimeExports.jsx("div",{className:y(),children:n})]})})}const m=c.fixedForwardRef(C);m.displayName="NavigationSection";function I({children:e,isActive:n,title:i},s){const{depth:o}=r.useNavigationItemContext(),{linkContent:a}=x.navigationStyles({});return t.jsxRuntimeExports.jsxs("div",{ref:s,className:a({isActive:!!n}),style:{paddingLeft:32+24*(o??0)},children:[t.jsxRuntimeExports.jsx(d.Text,{color:n?"inverted":"primary",children:i}),e]})}const p=c.fixedForwardRef(I);p.displayName="NavigationLinkContent";exports.Navigation=v;exports.NavigationLinkContent=p;exports.NavigationSection=m;

package/dist/lyra51.js

@@ -4,9 +4,9 @@ import { fixedForwardRef as r } from "./lyra93.js";
 import { SvgIcon as h } from "./lyra65.js";
 import { Text as l } from "./lyra73.js";
 import "./lyra74.js";
-import { NavigationContextProvider as S, useNavigationContext as C } from "./lyra453.js";
+import { NavigationContextProvider as S, useNavigationContext as C } from "./lyra454.js";
 import { navigationStyles as c } from "./lyra52.js";
-import { useNavigationItemContext as d, NavigationItemProvider as I } from "./lyra454.js";
+import { useNavigationItemContext as d, NavigationItemProvider as I } from "./lyra455.js";
 function L({ children: i, className: n, currentRoute: o }, e) {
   const { layoutSpacing: a } = c({});
   return /* @__PURE__ */ t.jsx(S, { currentRoute: o, children: /* @__PURE__ */ t.jsx("div", { className: a({ className: n }), ref: e, children: i }) });

package/dist/lyra510.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra230.cjs"),f=require("react"),v=require("./lyra614.cjs"),b="row-header-column-"+Math.random().toString(36).slice(2);let p="row-header-column-"+Math.random().toString(36).slice(2);for(;b===p;)p="row-header-column-"+Math.random().toString(36).slice(2);function w(u,t){if(t.length===0)return[];let r=[],o=new Map;for(let n of t){let s=n.parentKey,l=[n];for(;s;){let e=u.get(s);if(!e)break;if(o.has(e)){e.colspan++;let{column:i,index:c}=o.get(e);if(c>l.length)break;for(let g=c;g<l.length;g++)i.splice(g,0,null);for(let g=l.length;g<i.length;g++)i[g]&&o.has(i[g])&&(o.get(i[g]).index=g)}else e.colspan=1,l.push(e),o.set(e,{column:l,index:l.length-1});s=e.parentKey}r.push(l),n.index=r.length-1}let h=Math.max(...r.map(n=>n.length)),d=Array(h).fill(0).map(()=>[]),a=0;for(let n of r){let s=h-1;for(let l of n){if(l){let e=d[s],i=e.reduce((c,g)=>c+g.colspan,0);if(i<a){let c={type:"placeholder",key:"placeholder-"+l.key,colspan:a-i,index:i,value:null,rendered:null,level:s,hasChildNodes:!1,childNodes:[],textValue:null};e.length>0&&(e[e.length-1].nextKey=c.key,c.prevKey=e[e.length-1].key),e.push(c)}e.length>0&&(e[e.length-1].nextKey=l.key,l.prevKey=e[e.length-1].key),l.level=s,l.colIndex=a,e.push(l)}s--}a++}let y=0;for(let n of d){let s=n.reduce((l,e)=>l+e.colspan,0);if(s<t.length){let l={type:"placeholder",key:"placeholder-"+n[n.length-1].key,colspan:t.length-s,index:s,value:null,rendered:null,level:y,hasChildNodes:!1,childNodes:[],textValue:null,prevKey:n[n.length-1].key};n.push(l)}y++}return d.map((n,s)=>({type:"headerrow",key:"headerrow-"+s,index:s,value:null,rendered:null,level:0,hasChildNodes:!0,childNodes:n,textValue:null}))}class x extends v.GridCollection{*[Symbol.iterator](){yield*this.body.childNodes}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let r=this.keyMap.get(t);return r?r.prevKey:null}getKeyAfter(t){let r=this.keyMap.get(t);return r?r.nextKey:null}getFirstKey(){var t;return(t=m.getFirstItem(this.body.childNodes))===null||t===void 0?void 0:t.key}getLastKey(){var t;return(t=m.getLastItem(this.body.childNodes))===null||t===void 0?void 0:t.key}getItem(t){return this.keyMap.get(t)}at(t){const r=[...this.getKeys()];return this.getItem(r[t])}getTextValue(t){let r=this.getItem(t);if(!r)return"";if(r.textValue)return r.textValue;let o=this.rowHeaderColumnKeys;if(o){let h=[];for(let d of r.childNodes){let a=this.columns[d.index];if(o.has(a.key)&&d.textValue&&h.push(d.textValue),h.length===o.size)break}return h.join(" ")}return""}constructor(t,r,o){let h=new Set,d,a=[];if(o!=null&&o.showSelectionCheckboxes){let e={type:"column",key:b,value:null,textValue:"",level:0,index:o!=null&&o.showDragButtons?1:0,hasChildNodes:!1,rendered:null,childNodes:[],props:{isSelectionCell:!0}};a.unshift(e)}if(o!=null&&o.showDragButtons){let e={type:"column",key:p,value:null,textValue:"",level:0,index:0,hasChildNodes:!1,rendered:null,childNodes:[],props:{isDragButtonCell:!0}};a.unshift(e)}let y=[],n=new Map,s=e=>{switch(e.type){case"body":d=e;break;case"column":n.set(e.key,e),e.hasChildNodes||(a.push(e),e.props.isRowHeader&&h.add(e.key));break;case"item":y.push(e);return}for(let i of e.childNodes)s(i)};for(let e of t)s(e);let l=w(n,a);l.forEach((e,i)=>y.splice(i,0,e)),super({columnCount:a.length,items:y,visitNode:e=>(e.column=a[e.index],e)}),this._size=0,this.columns=a,this.rowHeaderColumnKeys=h,this.body=d,this.headerRows=l,this._size=[...d.childNodes].length,this.rowHeaderColumnKeys.size===0&&this.rowHeaderColumnKeys.add(this.columns.find(e=>{var i,c;return!(!((i=e.props)===null||i===void 0)&&i.isDragButtonCell)&&!(!((c=e.props)===null||c===void 0)&&c.isSelectionCell)}).key)}}const k={ascending:"descending",descending:"ascending"};function C(u){let[t,r]=f.useState(!1),{selectionMode:o="none",showSelectionCheckboxes:h,showDragButtons:d}=u,a=f.useMemo(()=>({showSelectionCheckboxes:h&&o!=="none",showDragButtons:d,selectionMode:o,columns:[]}),[u.children,h,o,d]),y=m.useCollection(u,f.useCallback(l=>new x(l,null,a),[a]),a),{disabledKeys:n,selectionManager:s}=v.useGridState({...u,collection:y,disabledBehavior:u.disabledBehavior||"selection"});return{collection:y,disabledKeys:n,selectionManager:s,showSelectionCheckboxes:u.showSelectionCheckboxes||!1,sortDescriptor:u.sortDescriptor,isKeyboardNavigationDisabled:y.size===0||t,setKeyboardNavigationDisabled:r,sort(l,e){var i;u.onSortChange({column:l,direction:e??(((i=u.sortDescriptor)===null||i===void 0?void 0:i.column)===l?k[u.sortDescriptor.direction]:"ascending")})}}}exports.TableCollection=x;exports.buildHeaderRows=w;exports.useTableState=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./lyra230.cjs"),f=require("react"),v=require("./lyra622.cjs"),b="row-header-column-"+Math.random().toString(36).slice(2);let p="row-header-column-"+Math.random().toString(36).slice(2);for(;b===p;)p="row-header-column-"+Math.random().toString(36).slice(2);function w(u,t){if(t.length===0)return[];let r=[],o=new Map;for(let n of t){let s=n.parentKey,l=[n];for(;s;){let e=u.get(s);if(!e)break;if(o.has(e)){e.colspan++;let{column:i,index:c}=o.get(e);if(c>l.length)break;for(let g=c;g<l.length;g++)i.splice(g,0,null);for(let g=l.length;g<i.length;g++)i[g]&&o.has(i[g])&&(o.get(i[g]).index=g)}else e.colspan=1,l.push(e),o.set(e,{column:l,index:l.length-1});s=e.parentKey}r.push(l),n.index=r.length-1}let h=Math.max(...r.map(n=>n.length)),d=Array(h).fill(0).map(()=>[]),a=0;for(let n of r){let s=h-1;for(let l of n){if(l){let e=d[s],i=e.reduce((c,g)=>c+g.colspan,0);if(i<a){let c={type:"placeholder",key:"placeholder-"+l.key,colspan:a-i,index:i,value:null,rendered:null,level:s,hasChildNodes:!1,childNodes:[],textValue:null};e.length>0&&(e[e.length-1].nextKey=c.key,c.prevKey=e[e.length-1].key),e.push(c)}e.length>0&&(e[e.length-1].nextKey=l.key,l.prevKey=e[e.length-1].key),l.level=s,l.colIndex=a,e.push(l)}s--}a++}let y=0;for(let n of d){let s=n.reduce((l,e)=>l+e.colspan,0);if(s<t.length){let l={type:"placeholder",key:"placeholder-"+n[n.length-1].key,colspan:t.length-s,index:s,value:null,rendered:null,level:y,hasChildNodes:!1,childNodes:[],textValue:null,prevKey:n[n.length-1].key};n.push(l)}y++}return d.map((n,s)=>({type:"headerrow",key:"headerrow-"+s,index:s,value:null,rendered:null,level:0,hasChildNodes:!0,childNodes:n,textValue:null}))}class x extends v.GridCollection{*[Symbol.iterator](){yield*this.body.childNodes}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(t){let r=this.keyMap.get(t);return r?r.prevKey:null}getKeyAfter(t){let r=this.keyMap.get(t);return r?r.nextKey:null}getFirstKey(){var t;return(t=m.getFirstItem(this.body.childNodes))===null||t===void 0?void 0:t.key}getLastKey(){var t;return(t=m.getLastItem(this.body.childNodes))===null||t===void 0?void 0:t.key}getItem(t){return this.keyMap.get(t)}at(t){const r=[...this.getKeys()];return this.getItem(r[t])}getTextValue(t){let r=this.getItem(t);if(!r)return"";if(r.textValue)return r.textValue;let o=this.rowHeaderColumnKeys;if(o){let h=[];for(let d of r.childNodes){let a=this.columns[d.index];if(o.has(a.key)&&d.textValue&&h.push(d.textValue),h.length===o.size)break}return h.join(" ")}return""}constructor(t,r,o){let h=new Set,d,a=[];if(o!=null&&o.showSelectionCheckboxes){let e={type:"column",key:b,value:null,textValue:"",level:0,index:o!=null&&o.showDragButtons?1:0,hasChildNodes:!1,rendered:null,childNodes:[],props:{isSelectionCell:!0}};a.unshift(e)}if(o!=null&&o.showDragButtons){let e={type:"column",key:p,value:null,textValue:"",level:0,index:0,hasChildNodes:!1,rendered:null,childNodes:[],props:{isDragButtonCell:!0}};a.unshift(e)}let y=[],n=new Map,s=e=>{switch(e.type){case"body":d=e;break;case"column":n.set(e.key,e),e.hasChildNodes||(a.push(e),e.props.isRowHeader&&h.add(e.key));break;case"item":y.push(e);return}for(let i of e.childNodes)s(i)};for(let e of t)s(e);let l=w(n,a);l.forEach((e,i)=>y.splice(i,0,e)),super({columnCount:a.length,items:y,visitNode:e=>(e.column=a[e.index],e)}),this._size=0,this.columns=a,this.rowHeaderColumnKeys=h,this.body=d,this.headerRows=l,this._size=[...d.childNodes].length,this.rowHeaderColumnKeys.size===0&&this.rowHeaderColumnKeys.add(this.columns.find(e=>{var i,c;return!(!((i=e.props)===null||i===void 0)&&i.isDragButtonCell)&&!(!((c=e.props)===null||c===void 0)&&c.isSelectionCell)}).key)}}const k={ascending:"descending",descending:"ascending"};function C(u){let[t,r]=f.useState(!1),{selectionMode:o="none",showSelectionCheckboxes:h,showDragButtons:d}=u,a=f.useMemo(()=>({showSelectionCheckboxes:h&&o!=="none",showDragButtons:d,selectionMode:o,columns:[]}),[u.children,h,o,d]),y=m.useCollection(u,f.useCallback(l=>new x(l,null,a),[a]),a),{disabledKeys:n,selectionManager:s}=v.useGridState({...u,collection:y,disabledBehavior:u.disabledBehavior||"selection"});return{collection:y,disabledKeys:n,selectionManager:s,showSelectionCheckboxes:u.showSelectionCheckboxes||!1,sortDescriptor:u.sortDescriptor,isKeyboardNavigationDisabled:y.size===0||t,setKeyboardNavigationDisabled:r,sort(l,e){var i;u.onSortChange({column:l,direction:e??(((i=u.sortDescriptor)===null||i===void 0?void 0:i.column)===l?k[u.sortDescriptor.direction]:"ascending")})}}}exports.TableCollection=x;exports.buildHeaderRows=w;exports.useTableState=C;

package/dist/lyra510.js

@@ -1,6 +1,6 @@
 import { useCollection as m, getFirstItem as b, getLastItem as v } from "./lyra230.js";
 import { useState as x, useMemo as w, useCallback as k } from "react";
-import { useGridState as C, GridCollection as $ } from "./lyra614.js";
+import { useGridState as C, GridCollection as $ } from "./lyra622.js";
 const p = "row-header-column-" + Math.random().toString(36).slice(2);
 let y = "row-header-column-" + Math.random().toString(36).slice(2);
 for (; p === y; )

package/dist/lyra59.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),v=require("react"),T=require("./lyra93.cjs"),N=require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");const k=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra457.cjs");require("./lyra40.cjs");const w=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra60.cjs");require("./lyra61.cjs");const S=require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra455.cjs");require("./lyra456.cjs");require("./lyra458.cjs");require("./lyra459.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const C=require("./lyra460.cjs"),I=require("./lyra461.cjs"),D=require("./lyra462.cjs"),K=b=>{const{items:o,parentNode:n,setItems:l}=b,{list:c}=S.sortableActiveListStyles(),d=v.useCallback(e=>{const a=o.map(s=>s.value===e.value?{...s,active:!s.active}:s);l(a)},[o,l]);return i.jsxRuntimeExports.jsx(I.SortableContainer,{orientation:"vertical",items:o,disableRestrictToParent:!0,setItems:e=>{l(e)},parentNode:n,overlay:e=>i.jsxRuntimeExports.jsx(g,{label:e.label,endLabel:e==null?void 0:e.endLabel,active:e.active,onToggleActive:T.noop,isDragging:!0,isSorting:!0,isOverlay:!0}),children:i.jsxRuntimeExports.jsx("div",{className:c(),children:o.map(e=>i.jsxRuntimeExports.jsx(D.SortableItem,{sortableId:e.value,children:({attributes:a,insertPosition:s,isDragging:r,isSorting:q,listeners:x})=>i.jsxRuntimeExports.jsx(g,{attributes:a,active:e.active,onToggleActive:()=>d(e),isDragging:r,isSorting:q,listeners:x,insertPosition:s,label:e.label,endLabel:e==null?void 0:e.endLabel})},e.value))})})},g=v.forwardRef((b,o)=>{const{active:n,attributes:l,endLabel:c,insertPosition:d,isDragging:e,isOverlay:a,label:s,listeners:r,onToggleActive:q}=b,x=C.useIsKeyboardSorting(),A=v.useCallback(t=>{var j,p,y,m,h,R,f,E;if(e)(E=r==null?void 0:r.onKeyDown)==null||E.call(r,t);else if(t.key==="ArrowDown"){const u=(y=(p=(j=t.currentTarget)==null?void 0:j.parentElement)==null?void 0:p.nextElementSibling)==null?void 0:y.firstElementChild;u==null||u.focus()}else if(t.key==="ArrowUp"){const u=(R=(h=(m=t.currentTarget)==null?void 0:m.parentElement)==null?void 0:h.previousElementSibling)==null?void 0:R.firstElementChild;u==null||u.focus()}else t.key==="x"||t.key==="ArrowRight"||t.key==="ArrowLeft"?q():(f=r==null?void 0:r.onKeyDown)==null||f.call(r,t)},[e,r,q]),{item:L}=S.sortableActiveListStyles();return x&&a?null:i.jsxRuntimeExports.jsxs("div",{...l,...r,className:L({clone:a||!1,active:n,isDragging:e,isKeyboardSorting:x,insertPosition:d,className:"justify-between"}),ref:o,onKeyDown:A,children:[i.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[i.jsxRuntimeExports.jsx("div",{className:"w-4",children:i.jsxRuntimeExports.jsx(k.SvgIcon,{name:"drag-handle",className:"text-tertiary"})}),i.jsxRuntimeExports.jsx(N.Checkbox,{isSelected:n,onChange:q,excludeFromTabOrder:!0}),i.jsxRuntimeExports.jsx(w.Text,{className:"whitespace-nowrap",color:n?"primary":"tertiary",children:s})]}),c&&i.jsxRuntimeExports.jsx("div",{children:i.jsxRuntimeExports.jsx(w.Text,{className:"whitespace-nowrap",variant:"body-small",color:n?"secondary":"tertiary",children:c})})]})});g.displayName="ActiveListItem";exports.SortableActiveList=K;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./lyra90.cjs"),v=require("react"),T=require("./lyra93.cjs"),N=require("./lyra21.cjs");require("./lyra22.cjs");require("./lyra23.cjs");require("./lyra24.cjs");require("./lyra25.cjs");require("./lyra26.cjs");require("./lyra27.cjs");require("./lyra28.cjs");require("./lyra29.cjs");require("./lyra95.cjs");const k=require("./lyra65.cjs");require("./lyra80.cjs");require("./lyra458.cjs");require("./lyra40.cjs");const w=require("./lyra73.cjs");require("./lyra74.cjs");require("./lyra44.cjs");require("./lyra31.cjs");require("./lyra32.cjs");require("./lyra33.cjs");require("./lyra34.cjs");require("./lyra35.cjs");require("./lyra2.cjs");require("./lyra3.cjs");require("./lyra4.cjs");require("./lyra5.cjs");require("./lyra6.cjs");require("./lyra8.cjs");require("./lyra9.cjs");require("./lyra10.cjs");require("./lyra11.cjs");require("./lyra12.cjs");require("./lyra13.cjs");require("./lyra14.cjs");require("./lyra15.cjs");require("./lyra16.cjs");require("./lyra17.cjs");require("./lyra18.cjs");require("./lyra19.cjs");require("./lyra20.cjs");require("./lyra47.cjs");require("./lyra48.cjs");require("./lyra49.cjs");require("./lyra50.cjs");require("./lyra51.cjs");require("./lyra52.cjs");require("./lyra53.cjs");require("./lyra54.cjs");require("./lyra55.cjs");require("./lyra56.cjs");require("./lyra58.cjs");require("./lyra60.cjs");require("./lyra61.cjs");const S=require("./lyra62.cjs");require("./lyra64.cjs");require("./lyra67.cjs");require("./lyra68.cjs");require("./lyra70.cjs");require("./lyra71.cjs");require("./lyra72.cjs");require("./lyra76.cjs");require("./lyra77.cjs");require("./lyra78.cjs");require("./lyra79.cjs");require("./lyra81.cjs");require("./lyra98.cjs");require("./lyra456.cjs");require("./lyra457.cjs");require("./lyra459.cjs");require("./lyra460.cjs");require("react-dom");require("./lyra41.cjs");require("./lyra42.cjs");require("./lyra43.cjs");require("./lyra45.cjs");require("./lyra46.cjs");const C=require("./lyra461.cjs"),I=require("./lyra462.cjs"),D=require("./lyra463.cjs"),K=b=>{const{items:o,parentNode:n,setItems:l}=b,{list:c}=S.sortableActiveListStyles(),d=v.useCallback(e=>{const a=o.map(s=>s.value===e.value?{...s,active:!s.active}:s);l(a)},[o,l]);return i.jsxRuntimeExports.jsx(I.SortableContainer,{orientation:"vertical",items:o,disableRestrictToParent:!0,setItems:e=>{l(e)},parentNode:n,overlay:e=>i.jsxRuntimeExports.jsx(g,{label:e.label,endLabel:e==null?void 0:e.endLabel,active:e.active,onToggleActive:T.noop,isDragging:!0,isSorting:!0,isOverlay:!0}),children:i.jsxRuntimeExports.jsx("div",{className:c(),children:o.map(e=>i.jsxRuntimeExports.jsx(D.SortableItem,{sortableId:e.value,children:({attributes:a,insertPosition:s,isDragging:r,isSorting:q,listeners:x})=>i.jsxRuntimeExports.jsx(g,{attributes:a,active:e.active,onToggleActive:()=>d(e),isDragging:r,isSorting:q,listeners:x,insertPosition:s,label:e.label,endLabel:e==null?void 0:e.endLabel})},e.value))})})},g=v.forwardRef((b,o)=>{const{active:n,attributes:l,endLabel:c,insertPosition:d,isDragging:e,isOverlay:a,label:s,listeners:r,onToggleActive:q}=b,x=C.useIsKeyboardSorting(),A=v.useCallback(t=>{var j,p,y,m,h,R,f,E;if(e)(E=r==null?void 0:r.onKeyDown)==null||E.call(r,t);else if(t.key==="ArrowDown"){const u=(y=(p=(j=t.currentTarget)==null?void 0:j.parentElement)==null?void 0:p.nextElementSibling)==null?void 0:y.firstElementChild;u==null||u.focus()}else if(t.key==="ArrowUp"){const u=(R=(h=(m=t.currentTarget)==null?void 0:m.parentElement)==null?void 0:h.previousElementSibling)==null?void 0:R.firstElementChild;u==null||u.focus()}else t.key==="x"||t.key==="ArrowRight"||t.key==="ArrowLeft"?q():(f=r==null?void 0:r.onKeyDown)==null||f.call(r,t)},[e,r,q]),{item:L}=S.sortableActiveListStyles();return x&&a?null:i.jsxRuntimeExports.jsxs("div",{...l,...r,className:L({clone:a||!1,active:n,isDragging:e,isKeyboardSorting:x,insertPosition:d,className:"justify-between"}),ref:o,onKeyDown:A,children:[i.jsxRuntimeExports.jsxs("div",{className:"flex gap-1",children:[i.jsxRuntimeExports.jsx("div",{className:"w-4",children:i.jsxRuntimeExports.jsx(k.SvgIcon,{name:"drag-handle",className:"text-tertiary"})}),i.jsxRuntimeExports.jsx(N.Checkbox,{isSelected:n,onChange:q,excludeFromTabOrder:!0}),i.jsxRuntimeExports.jsx(w.Text,{className:"whitespace-nowrap",color:n?"primary":"tertiary",children:s})]}),c&&i.jsxRuntimeExports.jsx("div",{children:i.jsxRuntimeExports.jsx(w.Text,{className:"whitespace-nowrap",variant:"body-small",color:n?"secondary":"tertiary",children:c})})]})});g.displayName="ActiveListItem";exports.SortableActiveList=K;

package/dist/lyra59.js

@@ -13,7 +13,7 @@ import "./lyra29.js";
 import "./lyra95.js";
 import { SvgIcon as E } from "./lyra65.js";
 import "./lyra80.js";
-import "./lyra457.js";
+import "./lyra458.js";
 import "./lyra40.js";
 import { Text as S } from "./lyra73.js";
 import "./lyra74.js";
@@ -67,19 +67,19 @@ import "./lyra78.js";
 import "./lyra79.js";
 import "./lyra81.js";
 import "./lyra98.js";
-import "./lyra455.js";
 import "./lyra456.js";
-import "./lyra458.js";
+import "./lyra457.js";
 import "./lyra459.js";
+import "./lyra460.js";
 import "react-dom";
 import "./lyra41.js";
 import "./lyra42.js";
 import "./lyra43.js";
 import "./lyra45.js";
 import "./lyra46.js";
-import { useIsKeyboardSorting as K } from "./lyra460.js";
-import { SortableContainer as R } from "./lyra461.js";
-import { SortableItem as O } from "./lyra462.js";
+import { useIsKeyboardSorting as K } from "./lyra461.js";
+import { SortableContainer as R } from "./lyra462.js";
+import { SortableItem as O } from "./lyra463.js";
 const lt = (v) => {
   const { items: p, parentNode: a, setItems: n } = v, { list: c } = N(), b = L(
     (r) => {

package/dist/lyra596.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}exports.getDefaultExportFromCjs=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react"),o=(t,n,e=window)=>{const r=u.useRef();u.useEffect(()=>{r.current=n},[n]),u.useEffect(()=>{if(!(e&&e.addEventListener))return;const s=i=>r.current&&r.current(i);return s&&e.addEventListener(t,s),()=>e.removeEventListener(t,s)},[t,e])};exports.default=o;

package/dist/lyra596.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"lyra596.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"lyra596.cjs","sources":["../src/utils/hooks/use-event-listener.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/ban-types */\nimport { useEffect, useRef } from \"react\";\n\nconst useEventListener = (eventName: string, handler: Function, element = window) => {\n  // Create a ref that stores handler\n  const savedHandler = useRef<Function>();\n\n  // Update ref.current value if handler changes.\n  // This allows our effect below to always get latest handler ...\n  // ... without us needing to pass it in effect deps array ...\n  // ... and potentially cause effect to re-run every render.\n  useEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n\n  useEffect(\n    () => {\n      // Make sure element supports addEventListener\n      // On\n      const isSupported = element && element.addEventListener;\n      if (!isSupported) return;\n\n      // Create event listener that calls handler function stored in ref\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      const eventListener = (event: any) => savedHandler.current && savedHandler.current(event);\n\n      // Add event listener\n      if (eventListener) {\n        element.addEventListener(eventName, eventListener);\n      }\n\n      // Remove event listener on cleanup\n      return () => element.removeEventListener(eventName, eventListener);\n    },\n    [eventName, element], // Re-run if eventName or element changes\n  );\n};\n\nexport default useEventListener;\n"],"names":["useEventListener","eventName","handler","element","savedHandler","useRef","useEffect","eventListener","event"],"mappings":"qIAGMA,EAAmB,CAACC,EAAmBC,EAAmBC,EAAU,SAAW,CAEnF,MAAMC,EAAeC,EAAAA,SAMrBC,EAAAA,UAAU,IAAM,CACdF,EAAa,QAAUF,CAAA,EACtB,CAACA,CAAO,CAAC,EAEZI,EAAA,UACE,IAAM,CAIJ,GAAI,EADgBH,GAAWA,EAAQ,kBACrB,OAIlB,MAAMI,EAAiBC,GAAeJ,EAAa,SAAWA,EAAa,QAAQI,CAAK,EAGxF,OAAID,GACMJ,EAAA,iBAAiBF,EAAWM,CAAa,EAI5C,IAAMJ,EAAQ,oBAAoBF,EAAWM,CAAa,CACnE,EACA,CAACN,EAAWE,CAAO,CAAA,CAEvB"}