brd-ui-kit 0.1.75 → 0.1.77

package/dist/components-app-pagination-app-pagination.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),I=require("./utils-helpers.cjs"),v=require("./lib-utils.cjs"),d=require("./components-ui-icon-icon.cjs"),u=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const s=require("./components-ui-pagination-pagination.cjs"),r=require("./components-app-pagination-app-pagination.styles.cjs"),f=5,N=5,h={sm:"x-small",default:"x-small",lg:"small"},q=({currentPage:t,totalPages:e,maxVisiblePages:_=f,className:x,showNavigation:m=!0,prevLabel:j,nextLabel:p,size:a="default",ellipsisStep:o=N,onPageChange:P})=>{if(e<=1)return null;const b=I.getPageNumbers(_,t,e),l=n=>{n>=1&&n<=e&&P(n)},g=n=>{if(n==="ellipsis-start"){const c=Math.max(1,t-o);l(c)}else{const c=Math.min(e,t+o);l(c)}};return i.jsx(s.Pagination,{className:"w-fit",children:i.jsxs(s.PaginationContent,{className:v.cn(r.appPaginationContentVariants({size:a}),x),children:[m&&i.jsx(s.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",disabled:t===1,onClick:()=>l(t-1),className:r.appPaginationNavigationButtonVariants({size:a,side:"prev"}),"aria-label":"Предыдущая страница",children:j||i.jsx(d.Icon,{type:"caret-left",size:h[a]})})}),b.map(n=>n==="ellipsis-start"||n==="ellipsis-end"?i.jsx(s.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",onClick:()=>g(n),className:r.appPaginationPageVariants({size:a}),"aria-label":n==="ellipsis-start"?`Перейти на ${o} страниц назад`:`Перейти на ${o} страниц вперед`,title:n==="ellipsis-start"?`Нажать чтобы перейти на ${o} страниц назад`:`Нажать чтобы перейти на ${o} страниц вперед`,children:"..."})},n):i.jsx(s.PaginationItem,{children:i.jsx(s.PaginationLink,{isActive:t===n,onClick:()=>l(n),className:r.appPaginationPageVariants({size:a,active:t===n}),"aria-label":`Страница ${n}`,"aria-current":t===n?"page":void 0,children:n})},n)),m&&i.jsx(s.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",disabled:t===e,onClick:()=>l(t+1),className:r.appPaginationNavigationButtonVariants({size:a,side:"next"}),"aria-label":"Следующая страница",children:p||i.jsx(d.Icon,{type:"caret-right",size:h[a]})})})]})})};exports.AppPagination=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),C=require("./utils-helpers.cjs"),I=require("./lib-utils.cjs"),f=require("phosphor-strokes-icons/icons/CaretLeft"),q=require("phosphor-strokes-icons/icons/CaretRight"),d=require("./components-icons-stroke-icon.cjs"),u=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const s=require("./components-ui-pagination-pagination.cjs"),l=require("./components-app-pagination-app-pagination.styles.cjs"),v=5,k=5,h={sm:"x-small",default:"x-small",lg:"small"},N=({currentPage:t,totalPages:e,maxVisiblePages:x=v,className:_,showNavigation:m=!0,prevLabel:j,nextLabel:P,size:a="default",ellipsisStep:o=k,onPageChange:b})=>{if(e<=1)return null;const g=C.getPageNumbers(x,t,e),r=n=>{n>=1&&n<=e&&b(n)},p=n=>{if(n==="ellipsis-start"){const c=Math.max(1,t-o);r(c)}else{const c=Math.min(e,t+o);r(c)}};return i.jsx(s.Pagination,{className:"w-fit",children:i.jsxs(s.PaginationContent,{className:I.cn(l.appPaginationContentVariants({size:a}),_),children:[m&&i.jsx(s.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",disabled:t===1,onClick:()=>r(t-1),className:l.appPaginationNavigationButtonVariants({size:a,side:"prev"}),"aria-label":"Предыдущая страница",children:j||i.jsx(d.StrokeIcon,{icon:f.CaretLeft,size:h[a]})})}),g.map(n=>n==="ellipsis-start"||n==="ellipsis-end"?i.jsx(s.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",onClick:()=>p(n),className:l.appPaginationPageVariants({size:a}),"aria-label":n==="ellipsis-start"?`Перейти на ${o} страниц назад`:`Перейти на ${o} страниц вперед`,title:n==="ellipsis-start"?`Нажать чтобы перейти на ${o} страниц назад`:`Нажать чтобы перейти на ${o} страниц вперед`,children:"..."})},n):i.jsx(s.PaginationItem,{children:i.jsx(s.PaginationLink,{isActive:t===n,onClick:()=>r(n),className:l.appPaginationPageVariants({size:a,active:t===n}),"aria-label":`Страница ${n}`,"aria-current":t===n?"page":void 0,children:n})},n)),m&&i.jsx(s.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",disabled:t===e,onClick:()=>r(t+1),className:l.appPaginationNavigationButtonVariants({size:a,side:"next"}),"aria-label":"Следующая страница",children:P||i.jsx(d.StrokeIcon,{icon:q.CaretRight,size:h[a]})})})]})})};exports.AppPagination=N;
 //# sourceMappingURL=components-app-pagination-app-pagination.cjs.map

package/dist/components-app-pagination-app-pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-app-pagination-app-pagination.cjs","sources":["../src/components/app-pagination/app-pagination.tsx"],"sourcesContent":["import { getPageNumbers } from \"@/utils/helpers\";\nimport { cn } from \"@/lib/utils\";\nimport { Icon } from \"../ui/icon\";\nimport { Button } from \"../ui/button\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n} from \"../ui/pagination\";\nimport {\n  appPaginationContentVariants,\n  appPaginationNavigationButtonVariants,\n  appPaginationPageVariants,\n  type AppPaginationSize,\n} from \"./app-pagination.styles\";\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  maxVisiblePages?: number;\n  className?: string;\n  showNavigation?: boolean;\n  prevLabel?: string;\n  nextLabel?: string;\n  size?: AppPaginationSize;\n  ellipsisStep?: number;\n  onPageChange: (page: number) => void;\n};\n\nconst DEFAULT_VISIBLE_PAGES = 5;\nconst DEFAULT_ELLIPSIS_STEP = 5;\nconst navigationIconSizeByPaginationSize: Record<AppPaginationSize, \"x-small\" | \"small\"> =\n  {\n    sm: \"x-small\",\n    default: \"x-small\",\n    lg: \"small\",\n  };\n\nexport const AppPagination = ({\n  currentPage,\n  totalPages,\n  maxVisiblePages = DEFAULT_VISIBLE_PAGES,\n  className,\n  showNavigation = true,\n  prevLabel,\n  nextLabel,\n  size = \"default\",\n  ellipsisStep = DEFAULT_ELLIPSIS_STEP,\n  onPageChange,\n}: Props) => {\n  if (totalPages <= 1) return null;\n\n  const pageNumbers = getPageNumbers(maxVisiblePages, currentPage, totalPages);\n\n  const handlePageChange = (page: number) => {\n    if (page >= 1 && page <= totalPages) {\n      onPageChange(page);\n    }\n  };\n\n  const handleEllipsisClick = (type: \"ellipsis-start\" | \"ellipsis-end\") => {\n    if (type === \"ellipsis-start\") {\n      const newPage = Math.max(1, currentPage - ellipsisStep);\n      handlePageChange(newPage);\n    } else {\n      const newPage = Math.min(totalPages, currentPage + ellipsisStep);\n      handlePageChange(newPage);\n    }\n  };\n\n  return (\n    <Pagination className=\"w-fit\">\n      <PaginationContent\n        className={cn(appPaginationContentVariants({ size }), className)}\n      >\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === 1}\n              onClick={() => handlePageChange(currentPage - 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"prev\",\n              })}\n              aria-label=\"Предыдущая страница\"\n            >\n              {prevLabel || (\n                <Icon\n                  type=\"caret-left\"\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n\n        {pageNumbers.map((page) => {\n          if (page === \"ellipsis-start\" || page === \"ellipsis-end\") {\n            return (\n              <PaginationItem key={page}>\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => handleEllipsisClick(page)}\n                  className={appPaginationPageVariants({ size })}\n                  aria-label={\n                    page === \"ellipsis-start\"\n                      ? `Перейти на ${ellipsisStep} страниц назад`\n                      : `Перейти на ${ellipsisStep} страниц вперед`\n                  }\n                  title={\n                    page === \"ellipsis-start\"\n                      ? `Нажать чтобы перейти на ${ellipsisStep} страниц назад`\n                      : `Нажать чтобы перейти на ${ellipsisStep} страниц вперед`\n                  }\n                >\n                  ...\n                </Button>\n              </PaginationItem>\n            );\n          }\n\n          return (\n            <PaginationItem key={page}>\n              <PaginationLink\n                isActive={currentPage === page}\n                onClick={() => handlePageChange(page)}\n                className={appPaginationPageVariants({\n                  size,\n                  active: currentPage === page,\n                })}\n                aria-label={`Страница ${page}`}\n                aria-current={currentPage === page ? \"page\" : undefined}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          );\n        })}\n\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === totalPages}\n              onClick={() => handlePageChange(currentPage + 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"next\",\n              })}\n              aria-label=\"Следующая страница\"\n            >\n              {nextLabel || (\n                <Icon\n                  type=\"caret-right\"\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n      </PaginationContent>\n    </Pagination>\n  );\n};\n"],"names":["DEFAULT_VISIBLE_PAGES","DEFAULT_ELLIPSIS_STEP","navigationIconSizeByPaginationSize","AppPagination","currentPage","totalPages","maxVisiblePages","className","showNavigation","prevLabel","nextLabel","size","ellipsisStep","onPageChange","pageNumbers","getPageNumbers","handlePageChange","page","handleEllipsisClick","type","newPage","jsx","Pagination","jsxs","PaginationContent","cn","appPaginationContentVariants","PaginationItem","Button","appPaginationNavigationButtonVariants","Icon","appPaginationPageVariants","PaginationLink"],"mappings":"icA8BMA,EAAwB,EACxBC,EAAwB,EACxBC,EACJ,CACE,GAAI,UACJ,QAAS,UACT,GAAI,OACN,EAEWC,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkBN,EAClB,UAAAO,EACA,eAAAC,EAAiB,GACjB,UAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,UACP,aAAAC,EAAeX,EACf,aAAAY,CACF,IAAa,CACX,GAAIR,GAAc,EAAG,OAAO,KAE5B,MAAMS,EAAcC,EAAAA,eAAeT,EAAiBF,EAAaC,CAAU,EAErEW,EAAoBC,GAAiB,CACrCA,GAAQ,GAAKA,GAAQZ,GACvBQ,EAAaI,CAAI,CAErB,EAEMC,EAAuBC,GAA4C,CACvE,GAAIA,IAAS,iBAAkB,CAC7B,MAAMC,EAAU,KAAK,IAAI,EAAGhB,EAAcQ,CAAY,EACtDI,EAAiBI,CAAO,CAC1B,KAAO,CACL,MAAMA,EAAU,KAAK,IAAIf,EAAYD,EAAcQ,CAAY,EAC/DI,EAAiBI,CAAO,CAC1B,CACF,EAEA,OACEC,EAAAA,IAACC,EAAAA,WAAA,CAAW,UAAU,QACpB,SAAAC,EAAAA,KAACC,EAAAA,kBAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,6BAA6B,CAAE,KAAAf,CAAA,CAAM,EAAGJ,CAAS,EAE9D,SAAA,CAAAC,SACEmB,iBAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,SAAUxB,IAAgB,EAC1B,QAAS,IAAMY,EAAiBZ,EAAc,CAAC,EAC/C,UAAWyB,EAAAA,sCAAsC,CAC/C,KAAAlB,EACA,KAAM,MAAA,CACP,EACD,aAAW,sBAEV,SAAAF,GACCY,EAAAA,IAACS,EAAAA,KAAA,CACC,KAAK,aACL,KAAM5B,EAAmCS,CAAI,CAAA,CAAA,CAC/C,CAAA,EAGN,EAGDG,EAAY,IAAKG,GACZA,IAAS,kBAAoBA,IAAS,qBAErCU,EAAAA,eAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,QAAS,IAAMV,EAAoBD,CAAI,EACvC,UAAWc,EAAAA,0BAA0B,CAAE,KAAApB,EAAM,EAC7C,aACEM,IAAS,iBACL,cAAcL,CAAY,iBAC1B,cAAcA,CAAY,kBAEhC,MACEK,IAAS,iBACL,2BAA2BL,CAAY,iBACvC,2BAA2BA,CAAY,kBAE9C,SAAA,KAAA,CAAA,GAfkBK,CAkBrB,QAKDU,EAAAA,eAAA,CACC,SAAAN,EAAAA,IAACW,EAAAA,eAAA,CACC,SAAU5B,IAAgBa,EAC1B,QAAS,IAAMD,EAAiBC,CAAI,EACpC,UAAWc,EAAAA,0BAA0B,CACnC,KAAApB,EACA,OAAQP,IAAgBa,CAAA,CACzB,EACD,aAAY,YAAYA,CAAI,GAC5B,eAAcb,IAAgBa,EAAO,OAAS,OAE7C,SAAAA,CAAA,CAAA,GAXgBA,CAarB,CAEH,EAEAT,SACEmB,iBAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,SAAUxB,IAAgBC,EAC1B,QAAS,IAAMW,EAAiBZ,EAAc,CAAC,EAC/C,UAAWyB,EAAAA,sCAAsC,CAC/C,KAAAlB,EACA,KAAM,MAAA,CACP,EACD,aAAW,qBAEV,SAAAD,GACCW,EAAAA,IAACS,EAAAA,KAAA,CACC,KAAK,cACL,KAAM5B,EAAmCS,CAAI,CAAA,CAAA,CAC/C,CAAA,CAEJ,CACF,CAAA,CAAA,CAAA,EAGN,CAEJ"}
+{"version":3,"file":"components-app-pagination-app-pagination.cjs","sources":["../src/components/app-pagination/app-pagination.tsx"],"sourcesContent":["import { getPageNumbers } from \"@/utils/helpers\";\nimport { cn } from \"@/lib/utils\";\nimport { CaretLeft } from \"@/components/icons/CaretLeft\";\nimport { CaretRight } from \"@/components/icons/CaretRight\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { Button } from \"../ui/button\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n} from \"../ui/pagination\";\nimport {\n  appPaginationContentVariants,\n  appPaginationNavigationButtonVariants,\n  appPaginationPageVariants,\n  type AppPaginationSize,\n} from \"./app-pagination.styles\";\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  maxVisiblePages?: number;\n  className?: string;\n  showNavigation?: boolean;\n  prevLabel?: string;\n  nextLabel?: string;\n  size?: AppPaginationSize;\n  ellipsisStep?: number;\n  onPageChange: (page: number) => void;\n};\n\nconst DEFAULT_VISIBLE_PAGES = 5;\nconst DEFAULT_ELLIPSIS_STEP = 5;\nconst navigationIconSizeByPaginationSize: Record<AppPaginationSize, \"x-small\" | \"small\"> =\n  {\n    sm: \"x-small\",\n    default: \"x-small\",\n    lg: \"small\",\n  };\n\nexport const AppPagination = ({\n  currentPage,\n  totalPages,\n  maxVisiblePages = DEFAULT_VISIBLE_PAGES,\n  className,\n  showNavigation = true,\n  prevLabel,\n  nextLabel,\n  size = \"default\",\n  ellipsisStep = DEFAULT_ELLIPSIS_STEP,\n  onPageChange,\n}: Props) => {\n  if (totalPages <= 1) return null;\n\n  const pageNumbers = getPageNumbers(maxVisiblePages, currentPage, totalPages);\n\n  const handlePageChange = (page: number) => {\n    if (page >= 1 && page <= totalPages) {\n      onPageChange(page);\n    }\n  };\n\n  const handleEllipsisClick = (type: \"ellipsis-start\" | \"ellipsis-end\") => {\n    if (type === \"ellipsis-start\") {\n      const newPage = Math.max(1, currentPage - ellipsisStep);\n      handlePageChange(newPage);\n    } else {\n      const newPage = Math.min(totalPages, currentPage + ellipsisStep);\n      handlePageChange(newPage);\n    }\n  };\n\n  return (\n    <Pagination className=\"w-fit\">\n      <PaginationContent\n        className={cn(appPaginationContentVariants({ size }), className)}\n      >\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === 1}\n              onClick={() => handlePageChange(currentPage - 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"prev\",\n              })}\n              aria-label=\"Предыдущая страница\"\n            >\n              {prevLabel || (\n                <StrokeIcon\n                  icon={CaretLeft}\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n\n        {pageNumbers.map((page) => {\n          if (page === \"ellipsis-start\" || page === \"ellipsis-end\") {\n            return (\n              <PaginationItem key={page}>\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => handleEllipsisClick(page)}\n                  className={appPaginationPageVariants({ size })}\n                  aria-label={\n                    page === \"ellipsis-start\"\n                      ? `Перейти на ${ellipsisStep} страниц назад`\n                      : `Перейти на ${ellipsisStep} страниц вперед`\n                  }\n                  title={\n                    page === \"ellipsis-start\"\n                      ? `Нажать чтобы перейти на ${ellipsisStep} страниц назад`\n                      : `Нажать чтобы перейти на ${ellipsisStep} страниц вперед`\n                  }\n                >\n                  ...\n                </Button>\n              </PaginationItem>\n            );\n          }\n\n          return (\n            <PaginationItem key={page}>\n              <PaginationLink\n                isActive={currentPage === page}\n                onClick={() => handlePageChange(page)}\n                className={appPaginationPageVariants({\n                  size,\n                  active: currentPage === page,\n                })}\n                aria-label={`Страница ${page}`}\n                aria-current={currentPage === page ? \"page\" : undefined}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          );\n        })}\n\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === totalPages}\n              onClick={() => handlePageChange(currentPage + 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"next\",\n              })}\n              aria-label=\"Следующая страница\"\n            >\n              {nextLabel || (\n                <StrokeIcon\n                  icon={CaretRight}\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n      </PaginationContent>\n    </Pagination>\n  );\n};\n"],"names":["DEFAULT_VISIBLE_PAGES","DEFAULT_ELLIPSIS_STEP","navigationIconSizeByPaginationSize","AppPagination","currentPage","totalPages","maxVisiblePages","className","showNavigation","prevLabel","nextLabel","size","ellipsisStep","onPageChange","pageNumbers","getPageNumbers","handlePageChange","page","handleEllipsisClick","type","newPage","jsx","Pagination","jsxs","PaginationContent","cn","appPaginationContentVariants","PaginationItem","Button","appPaginationNavigationButtonVariants","StrokeIcon","CaretLeft","appPaginationPageVariants","PaginationLink","CaretRight"],"mappings":"+iBAgCMA,EAAwB,EACxBC,EAAwB,EACxBC,EACJ,CACE,GAAI,UACJ,QAAS,UACT,GAAI,OACN,EAEWC,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkBN,EAClB,UAAAO,EACA,eAAAC,EAAiB,GACjB,UAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,UACP,aAAAC,EAAeX,EACf,aAAAY,CACF,IAAa,CACX,GAAIR,GAAc,EAAG,OAAO,KAE5B,MAAMS,EAAcC,EAAAA,eAAeT,EAAiBF,EAAaC,CAAU,EAErEW,EAAoBC,GAAiB,CACrCA,GAAQ,GAAKA,GAAQZ,GACvBQ,EAAaI,CAAI,CAErB,EAEMC,EAAuBC,GAA4C,CACvE,GAAIA,IAAS,iBAAkB,CAC7B,MAAMC,EAAU,KAAK,IAAI,EAAGhB,EAAcQ,CAAY,EACtDI,EAAiBI,CAAO,CAC1B,KAAO,CACL,MAAMA,EAAU,KAAK,IAAIf,EAAYD,EAAcQ,CAAY,EAC/DI,EAAiBI,CAAO,CAC1B,CACF,EAEA,OACEC,EAAAA,IAACC,EAAAA,WAAA,CAAW,UAAU,QACpB,SAAAC,EAAAA,KAACC,EAAAA,kBAAA,CACC,UAAWC,EAAAA,GAAGC,EAAAA,6BAA6B,CAAE,KAAAf,CAAA,CAAM,EAAGJ,CAAS,EAE9D,SAAA,CAAAC,SACEmB,iBAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,SAAUxB,IAAgB,EAC1B,QAAS,IAAMY,EAAiBZ,EAAc,CAAC,EAC/C,UAAWyB,EAAAA,sCAAsC,CAC/C,KAAAlB,EACA,KAAM,MAAA,CACP,EACD,aAAW,sBAEV,SAAAF,GACCY,EAAAA,IAACS,EAAAA,WAAA,CACC,KAAMC,EAAAA,UACN,KAAM7B,EAAmCS,CAAI,CAAA,CAAA,CAC/C,CAAA,EAGN,EAGDG,EAAY,IAAKG,GACZA,IAAS,kBAAoBA,IAAS,qBAErCU,EAAAA,eAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,QAAS,IAAMV,EAAoBD,CAAI,EACvC,UAAWe,EAAAA,0BAA0B,CAAE,KAAArB,EAAM,EAC7C,aACEM,IAAS,iBACL,cAAcL,CAAY,iBAC1B,cAAcA,CAAY,kBAEhC,MACEK,IAAS,iBACL,2BAA2BL,CAAY,iBACvC,2BAA2BA,CAAY,kBAE9C,SAAA,KAAA,CAAA,GAfkBK,CAkBrB,QAKDU,EAAAA,eAAA,CACC,SAAAN,EAAAA,IAACY,EAAAA,eAAA,CACC,SAAU7B,IAAgBa,EAC1B,QAAS,IAAMD,EAAiBC,CAAI,EACpC,UAAWe,EAAAA,0BAA0B,CACnC,KAAArB,EACA,OAAQP,IAAgBa,CAAA,CACzB,EACD,aAAY,YAAYA,CAAI,GAC5B,eAAcb,IAAgBa,EAAO,OAAS,OAE7C,SAAAA,CAAA,CAAA,GAXgBA,CAarB,CAEH,EAEAT,SACEmB,iBAAA,CACC,SAAAN,EAAAA,IAACO,EAAAA,OAAA,CACC,QAAQ,QACR,SAAUxB,IAAgBC,EAC1B,QAAS,IAAMW,EAAiBZ,EAAc,CAAC,EAC/C,UAAWyB,EAAAA,sCAAsC,CAC/C,KAAAlB,EACA,KAAM,MAAA,CACP,EACD,aAAW,qBAEV,SAAAD,GACCW,EAAAA,IAACS,EAAAA,WAAA,CACC,KAAMI,EAAAA,WACN,KAAMhC,EAAmCS,CAAI,CAAA,CAAA,CAC/C,CAAA,CAEJ,CACF,CAAA,CAAA,CAAA,EAGN,CAEJ"}

package/dist/components-app-pagination-app-pagination.js

@@ -1,43 +1,45 @@
 import { jsx as n, jsxs as L } from "react/jsx-runtime";
 import { getPageNumbers as p } from "./utils-helpers.js";
 import { cn as A } from "./lib-utils.js";
-import { Icon as e } from "./components-ui-icon-icon.js";
+import { CaretLeft as $ } from "phosphor-strokes-icons/icons/CaretLeft";
+import { CaretRight as u } from "phosphor-strokes-icons/icons/CaretRight";
+import { StrokeIcon as e } from "./components-icons-stroke-icon.js";
 import { Button as c } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
-import { Pagination as $, PaginationContent as u, PaginationItem as s, PaginationLink as B } from "./components-ui-pagination-pagination.js";
-import { appPaginationNavigationButtonVariants as h, appPaginationPageVariants as f, appPaginationContentVariants as P } from "./components-app-pagination-app-pagination.styles.js";
-const V = 5, _ = 5, b = {
+import { Pagination as B, PaginationContent as P, PaginationItem as s, PaginationLink as V } from "./components-ui-pagination-pagination.js";
+import { appPaginationNavigationButtonVariants as h, appPaginationPageVariants as f, appPaginationContentVariants as _ } from "./components-app-pagination-app-pagination.styles.js";
+const S = 5, T = 5, C = {
   sm: "x-small",
   default: "x-small",
   lg: "small"
-}, U = ({
+}, H = ({
   currentPage: a,
-  totalPages: o,
-  maxVisiblePages: v = V,
-  className: C,
+  totalPages: l,
+  maxVisiblePages: b = S,
+  className: v,
   showNavigation: d = !0,
   prevLabel: N,
-  nextLabel: x,
+  nextLabel: k,
   size: t = "default",
-  ellipsisStep: l = _,
-  onPageChange: E
+  ellipsisStep: o = T,
+  onPageChange: x
 }) => {
-  if (o <= 1) return null;
-  const I = p(v, a, o), r = (i) => {
-    i >= 1 && i <= o && E(i);
-  }, k = (i) => {
+  if (l <= 1) return null;
+  const E = p(b, a, l), r = (i) => {
+    i >= 1 && i <= l && x(i);
+  }, I = (i) => {
     if (i === "ellipsis-start") {
-      const m = Math.max(1, a - l);
+      const m = Math.max(1, a - o);
       r(m);
     } else {
-      const m = Math.min(o, a + l);
+      const m = Math.min(l, a + o);
       r(m);
     }
   };
-  return /* @__PURE__ */ n($, { className: "w-fit", children: /* @__PURE__ */ L(
-    u,
+  return /* @__PURE__ */ n(B, { className: "w-fit", children: /* @__PURE__ */ L(
+    P,
     {
-      className: A(P({ size: t }), C),
+      className: A(_({ size: t }), v),
       children: [
         d && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
           c,
@@ -53,24 +55,24 @@ const V = 5, _ = 5, b = {
             children: N || /* @__PURE__ */ n(
               e,
               {
-                type: "caret-left",
-                size: b[t]
+                icon: $,
+                size: C[t]
               }
             )
           }
         ) }),
-        I.map((i) => i === "ellipsis-start" || i === "ellipsis-end" ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+        E.map((i) => i === "ellipsis-start" || i === "ellipsis-end" ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
           c,
           {
             variant: "ghost",
-            onClick: () => k(i),
+            onClick: () => I(i),
             className: f({ size: t }),
-            "aria-label": i === "ellipsis-start" ? `Перейти на ${l} страниц назад` : `Перейти на ${l} страниц вперед`,
-            title: i === "ellipsis-start" ? `Нажать чтобы перейти на ${l} страниц назад` : `Нажать чтобы перейти на ${l} страниц вперед`,
+            "aria-label": i === "ellipsis-start" ? `Перейти на ${o} страниц назад` : `Перейти на ${o} страниц вперед`,
+            title: i === "ellipsis-start" ? `Нажать чтобы перейти на ${o} страниц назад` : `Нажать чтобы перейти на ${o} страниц вперед`,
             children: "..."
           }
         ) }, i) : /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
-          B,
+          V,
           {
             isActive: a === i,
             onClick: () => r(i),
@@ -87,18 +89,18 @@ const V = 5, _ = 5, b = {
           c,
           {
             variant: "ghost",
-            disabled: a === o,
+            disabled: a === l,
             onClick: () => r(a + 1),
             className: h({
               size: t,
               side: "next"
             }),
             "aria-label": "Следующая страница",
-            children: x || /* @__PURE__ */ n(
+            children: k || /* @__PURE__ */ n(
               e,
               {
-                type: "caret-right",
-                size: b[t]
+                icon: u,
+                size: C[t]
               }
             )
           }
@@ -108,6 +110,6 @@ const V = 5, _ = 5, b = {
   ) });
 };
 export {
-  U as AppPagination
+  H as AppPagination
 };
 //# sourceMappingURL=components-app-pagination-app-pagination.js.map

package/dist/components-app-pagination-app-pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-app-pagination-app-pagination.js","sources":["../src/components/app-pagination/app-pagination.tsx"],"sourcesContent":["import { getPageNumbers } from \"@/utils/helpers\";\nimport { cn } from \"@/lib/utils\";\nimport { Icon } from \"../ui/icon\";\nimport { Button } from \"../ui/button\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n} from \"../ui/pagination\";\nimport {\n  appPaginationContentVariants,\n  appPaginationNavigationButtonVariants,\n  appPaginationPageVariants,\n  type AppPaginationSize,\n} from \"./app-pagination.styles\";\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  maxVisiblePages?: number;\n  className?: string;\n  showNavigation?: boolean;\n  prevLabel?: string;\n  nextLabel?: string;\n  size?: AppPaginationSize;\n  ellipsisStep?: number;\n  onPageChange: (page: number) => void;\n};\n\nconst DEFAULT_VISIBLE_PAGES = 5;\nconst DEFAULT_ELLIPSIS_STEP = 5;\nconst navigationIconSizeByPaginationSize: Record<AppPaginationSize, \"x-small\" | \"small\"> =\n  {\n    sm: \"x-small\",\n    default: \"x-small\",\n    lg: \"small\",\n  };\n\nexport const AppPagination = ({\n  currentPage,\n  totalPages,\n  maxVisiblePages = DEFAULT_VISIBLE_PAGES,\n  className,\n  showNavigation = true,\n  prevLabel,\n  nextLabel,\n  size = \"default\",\n  ellipsisStep = DEFAULT_ELLIPSIS_STEP,\n  onPageChange,\n}: Props) => {\n  if (totalPages <= 1) return null;\n\n  const pageNumbers = getPageNumbers(maxVisiblePages, currentPage, totalPages);\n\n  const handlePageChange = (page: number) => {\n    if (page >= 1 && page <= totalPages) {\n      onPageChange(page);\n    }\n  };\n\n  const handleEllipsisClick = (type: \"ellipsis-start\" | \"ellipsis-end\") => {\n    if (type === \"ellipsis-start\") {\n      const newPage = Math.max(1, currentPage - ellipsisStep);\n      handlePageChange(newPage);\n    } else {\n      const newPage = Math.min(totalPages, currentPage + ellipsisStep);\n      handlePageChange(newPage);\n    }\n  };\n\n  return (\n    <Pagination className=\"w-fit\">\n      <PaginationContent\n        className={cn(appPaginationContentVariants({ size }), className)}\n      >\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === 1}\n              onClick={() => handlePageChange(currentPage - 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"prev\",\n              })}\n              aria-label=\"Предыдущая страница\"\n            >\n              {prevLabel || (\n                <Icon\n                  type=\"caret-left\"\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n\n        {pageNumbers.map((page) => {\n          if (page === \"ellipsis-start\" || page === \"ellipsis-end\") {\n            return (\n              <PaginationItem key={page}>\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => handleEllipsisClick(page)}\n                  className={appPaginationPageVariants({ size })}\n                  aria-label={\n                    page === \"ellipsis-start\"\n                      ? `Перейти на ${ellipsisStep} страниц назад`\n                      : `Перейти на ${ellipsisStep} страниц вперед`\n                  }\n                  title={\n                    page === \"ellipsis-start\"\n                      ? `Нажать чтобы перейти на ${ellipsisStep} страниц назад`\n                      : `Нажать чтобы перейти на ${ellipsisStep} страниц вперед`\n                  }\n                >\n                  ...\n                </Button>\n              </PaginationItem>\n            );\n          }\n\n          return (\n            <PaginationItem key={page}>\n              <PaginationLink\n                isActive={currentPage === page}\n                onClick={() => handlePageChange(page)}\n                className={appPaginationPageVariants({\n                  size,\n                  active: currentPage === page,\n                })}\n                aria-label={`Страница ${page}`}\n                aria-current={currentPage === page ? \"page\" : undefined}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          );\n        })}\n\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === totalPages}\n              onClick={() => handlePageChange(currentPage + 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"next\",\n              })}\n              aria-label=\"Следующая страница\"\n            >\n              {nextLabel || (\n                <Icon\n                  type=\"caret-right\"\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n      </PaginationContent>\n    </Pagination>\n  );\n};\n"],"names":["DEFAULT_VISIBLE_PAGES","DEFAULT_ELLIPSIS_STEP","navigationIconSizeByPaginationSize","AppPagination","currentPage","totalPages","maxVisiblePages","className","showNavigation","prevLabel","nextLabel","size","ellipsisStep","onPageChange","pageNumbers","getPageNumbers","handlePageChange","page","handleEllipsisClick","type","newPage","jsx","Pagination","jsxs","PaginationContent","cn","appPaginationContentVariants","PaginationItem","Button","appPaginationNavigationButtonVariants","Icon","appPaginationPageVariants","PaginationLink"],"mappings":"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"}
+{"version":3,"file":"components-app-pagination-app-pagination.js","sources":["../src/components/app-pagination/app-pagination.tsx"],"sourcesContent":["import { getPageNumbers } from \"@/utils/helpers\";\nimport { cn } from \"@/lib/utils\";\nimport { CaretLeft } from \"@/components/icons/CaretLeft\";\nimport { CaretRight } from \"@/components/icons/CaretRight\";\nimport { StrokeIcon } from \"@/components/icons/stroke-icon\";\nimport { Button } from \"../ui/button\";\nimport {\n  Pagination,\n  PaginationContent,\n  PaginationItem,\n  PaginationLink,\n} from \"../ui/pagination\";\nimport {\n  appPaginationContentVariants,\n  appPaginationNavigationButtonVariants,\n  appPaginationPageVariants,\n  type AppPaginationSize,\n} from \"./app-pagination.styles\";\n\ntype Props = {\n  currentPage: number;\n  totalPages: number;\n  maxVisiblePages?: number;\n  className?: string;\n  showNavigation?: boolean;\n  prevLabel?: string;\n  nextLabel?: string;\n  size?: AppPaginationSize;\n  ellipsisStep?: number;\n  onPageChange: (page: number) => void;\n};\n\nconst DEFAULT_VISIBLE_PAGES = 5;\nconst DEFAULT_ELLIPSIS_STEP = 5;\nconst navigationIconSizeByPaginationSize: Record<AppPaginationSize, \"x-small\" | \"small\"> =\n  {\n    sm: \"x-small\",\n    default: \"x-small\",\n    lg: \"small\",\n  };\n\nexport const AppPagination = ({\n  currentPage,\n  totalPages,\n  maxVisiblePages = DEFAULT_VISIBLE_PAGES,\n  className,\n  showNavigation = true,\n  prevLabel,\n  nextLabel,\n  size = \"default\",\n  ellipsisStep = DEFAULT_ELLIPSIS_STEP,\n  onPageChange,\n}: Props) => {\n  if (totalPages <= 1) return null;\n\n  const pageNumbers = getPageNumbers(maxVisiblePages, currentPage, totalPages);\n\n  const handlePageChange = (page: number) => {\n    if (page >= 1 && page <= totalPages) {\n      onPageChange(page);\n    }\n  };\n\n  const handleEllipsisClick = (type: \"ellipsis-start\" | \"ellipsis-end\") => {\n    if (type === \"ellipsis-start\") {\n      const newPage = Math.max(1, currentPage - ellipsisStep);\n      handlePageChange(newPage);\n    } else {\n      const newPage = Math.min(totalPages, currentPage + ellipsisStep);\n      handlePageChange(newPage);\n    }\n  };\n\n  return (\n    <Pagination className=\"w-fit\">\n      <PaginationContent\n        className={cn(appPaginationContentVariants({ size }), className)}\n      >\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === 1}\n              onClick={() => handlePageChange(currentPage - 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"prev\",\n              })}\n              aria-label=\"Предыдущая страница\"\n            >\n              {prevLabel || (\n                <StrokeIcon\n                  icon={CaretLeft}\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n\n        {pageNumbers.map((page) => {\n          if (page === \"ellipsis-start\" || page === \"ellipsis-end\") {\n            return (\n              <PaginationItem key={page}>\n                <Button\n                  variant=\"ghost\"\n                  onClick={() => handleEllipsisClick(page)}\n                  className={appPaginationPageVariants({ size })}\n                  aria-label={\n                    page === \"ellipsis-start\"\n                      ? `Перейти на ${ellipsisStep} страниц назад`\n                      : `Перейти на ${ellipsisStep} страниц вперед`\n                  }\n                  title={\n                    page === \"ellipsis-start\"\n                      ? `Нажать чтобы перейти на ${ellipsisStep} страниц назад`\n                      : `Нажать чтобы перейти на ${ellipsisStep} страниц вперед`\n                  }\n                >\n                  ...\n                </Button>\n              </PaginationItem>\n            );\n          }\n\n          return (\n            <PaginationItem key={page}>\n              <PaginationLink\n                isActive={currentPage === page}\n                onClick={() => handlePageChange(page)}\n                className={appPaginationPageVariants({\n                  size,\n                  active: currentPage === page,\n                })}\n                aria-label={`Страница ${page}`}\n                aria-current={currentPage === page ? \"page\" : undefined}\n              >\n                {page}\n              </PaginationLink>\n            </PaginationItem>\n          );\n        })}\n\n        {showNavigation && (\n          <PaginationItem>\n            <Button\n              variant=\"ghost\"\n              disabled={currentPage === totalPages}\n              onClick={() => handlePageChange(currentPage + 1)}\n              className={appPaginationNavigationButtonVariants({\n                size,\n                side: \"next\",\n              })}\n              aria-label=\"Следующая страница\"\n            >\n              {nextLabel || (\n                <StrokeIcon\n                  icon={CaretRight}\n                  size={navigationIconSizeByPaginationSize[size]}\n                />\n              )}\n            </Button>\n          </PaginationItem>\n        )}\n      </PaginationContent>\n    </Pagination>\n  );\n};\n"],"names":["DEFAULT_VISIBLE_PAGES","DEFAULT_ELLIPSIS_STEP","navigationIconSizeByPaginationSize","AppPagination","currentPage","totalPages","maxVisiblePages","className","showNavigation","prevLabel","nextLabel","size","ellipsisStep","onPageChange","pageNumbers","getPageNumbers","handlePageChange","page","handleEllipsisClick","type","newPage","jsx","Pagination","jsxs","PaginationContent","cn","appPaginationContentVariants","PaginationItem","Button","appPaginationNavigationButtonVariants","StrokeIcon","CaretLeft","appPaginationPageVariants","PaginationLink","CaretRight"],"mappings":"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"}

package/dist/components-app-sidebar-app-sidebar.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("./lib-utils.cjs"),x=require("./components-ui-icon-icon.cjs"),y=require("./components-ui-navigation-item-navigation-item.cjs"),q=require("./components-ui-navigation-menu-navigation-menu.cjs"),r=require("./components-app-sidebar-app-sidebar.styles.cjs"),M=({groups:l,title:m="CRM",brandMark:h,state:i="expanded",activeItemId:c,showToggle:v=!0,onStateChange:d,onItemSelect:j,className:g,...N})=>{const n=i==="collapsed",_=l.filter(s=>s.placement!=="bottom"),p=l.filter(s=>s.placement==="bottom"),f=n?"expanded":"collapsed",S=()=>{d?.(f)},b=s=>s.map(o=>a.jsx(q.NavigationMenu,{title:o.title,collapsed:n,className:t.cn(o.divider&&"border-delicate-border border-b"),children:o.items.map(e=>{const u=c?c===e.id:!!e.active;return a.jsx(y.NavigationItem,{icon:a.jsx(x.Icon,{type:e.icon}),label:e.label,badge:e.badge,active:u,collapsed:n,disabled:e.disabled,href:e.href,target:e.target,rel:e.rel,onAction:()=>{j?.(e),e.onClick?.(e)},"aria-current":u?"page":void 0},e.id)})},o.id));return a.jsxs("aside",{className:t.cn(r.appSidebarRootVariants({state:i}),g),"aria-label":"Боковая навигация",...N,children:[a.jsxs("header",{className:r.appSidebarHeaderVariants({state:i}),children:[a.jsxs("div",{className:r.appSidebarBrandVariants({state:i}),children:[h,a.jsx("p",{className:r.appSidebarBrandTitleClassName,children:m})]}),v&&a.jsx("button",{type:"button",className:r.appSidebarToggleButtonVariants(),onClick:S,"aria-label":n?"Развернуть боковую навигацию":"Свернуть боковую навигацию",disabled:!d,children:a.jsx(x.Icon,{type:"caret-up-down",strokeWidth:1.5,className:t.cn("transition-transform duration-200",n?"-rotate-90":"rotate-90")})})]}),a.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[a.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto",children:b(_)}),p.length>0&&a.jsx("div",{className:"mt-auto",children:b(p)})]})]})};exports.AppSidebar=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("./lib-utils.cjs"),q=require("phosphor-strokes-icons/icons/CaretUpDown"),x=require("./components-icons-stroke-icon.cjs"),k=require("./components-ui-navigation-item-navigation-item.cjs"),C=require("./components-ui-navigation-menu-navigation-menu.cjs"),o=require("./components-app-sidebar-app-sidebar.styles.cjs"),y=({groups:l,title:m="CRM",brandMark:h,state:s="expanded",activeItemId:c,showToggle:v=!0,onStateChange:d,onItemSelect:j,className:g,...N})=>{const n=s==="collapsed",S=l.filter(r=>r.placement!=="bottom"),p=l.filter(r=>r.placement==="bottom"),_=n?"expanded":"collapsed",f=()=>{d?.(_)},b=r=>r.map(t=>a.jsx(C.NavigationMenu,{title:t.title,collapsed:n,className:i.cn(t.divider&&"border-delicate-border border-b"),children:t.items.map(e=>{const u=c?c===e.id:!!e.active;return a.jsx(k.NavigationItem,{icon:a.jsx(x.StrokeIcon,{icon:e.icon}),label:e.label,badge:e.badge,active:u,collapsed:n,disabled:e.disabled,href:e.href,target:e.target,rel:e.rel,onAction:()=>{j?.(e),e.onClick?.(e)},"aria-current":u?"page":void 0},e.id)})},t.id));return a.jsxs("aside",{className:i.cn(o.appSidebarRootVariants({state:s}),g),"aria-label":"Боковая навигация",...N,children:[a.jsxs("header",{className:o.appSidebarHeaderVariants({state:s}),children:[a.jsxs("div",{className:o.appSidebarBrandVariants({state:s}),children:[h,a.jsx("p",{className:o.appSidebarBrandTitleClassName,children:m})]}),v&&a.jsx("button",{type:"button",className:o.appSidebarToggleButtonVariants(),onClick:f,"aria-label":n?"Развернуть боковую навигацию":"Свернуть боковую навигацию",disabled:!d,children:a.jsx(x.StrokeIcon,{icon:q.CaretUpDown,strokeWidth:1.5,className:i.cn("transition-transform duration-200",n?"-rotate-90":"rotate-90")})})]}),a.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[a.jsx("div",{className:"min-h-0 flex-1 overflow-y-auto",children:b(S)}),p.length>0&&a.jsx("div",{className:"mt-auto",children:b(p)})]})]})};exports.AppSidebar=y;
 //# sourceMappingURL=components-app-sidebar-app-sidebar.cjs.map

package/dist/components-app-sidebar-app-sidebar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-app-sidebar-app-sidebar.cjs","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes } from \"@/types/types\";\nimport { Icon } from \"../ui/icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: IconTypes;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<Icon type={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <Icon\n              type=\"caret-up-down\"\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","Icon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants"],"mappings":"4XA8CMA,EAAa,CAAC,CAClB,OAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EACA,MAAAC,EAAQ,WACR,aAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAa,CACX,MAAMC,EAAcP,IAAU,YACxBQ,EAAYX,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACjEC,EAAeb,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACpEE,EAAYJ,EAAc,WAAa,YAEvCK,EAAe,IAAM,CACzBT,IAAgBQ,CAAS,CAC3B,EAEME,EAAgBC,GACbA,EAAM,IAAKL,GAChBM,EAAAA,IAACC,EAAAA,eAAA,CAEC,MAAOP,EAAM,MACb,UAAWF,EACX,UAAWU,EAAAA,GAAGR,EAAM,SAAW,iCAAiC,EAE/D,SAAAA,EAAM,MAAM,IAAKS,GAAS,CACzB,MAAMC,EAAWlB,EAAeA,IAAiBiB,EAAK,GAAK,EAAQA,EAAK,OAExE,OACEH,EAAAA,IAACK,EAAAA,eAAA,CAEC,KAAML,EAAAA,IAACM,EAAAA,KAAA,CAAK,KAAMH,EAAK,KAAM,EAC7B,MAAOA,EAAK,MACZ,MAAOA,EAAK,MACZ,OAAQC,EACR,UAAWZ,EACX,SAAUW,EAAK,SACf,KAAMA,EAAK,KACX,OAAQA,EAAK,OACb,IAAKA,EAAK,IACV,SAAU,IAAM,CACdd,IAAec,CAAI,EACnBA,EAAK,UAAUA,CAAI,CACrB,EACA,eAAcC,EAAW,OAAS,MAAA,EAd7BD,EAAK,EAAA,CAiBhB,CAAC,CAAA,EA3BIT,EAAM,EAAA,CA6Bd,EAGH,OACEa,EAAAA,KAAC,QAAA,CACC,UAAWL,EAAAA,GAAGM,EAAAA,uBAAuB,CAAE,MAAAvB,CAAA,CAAO,EAAGK,CAAS,EAC1D,aAAW,oBACV,GAAGC,EAEJ,SAAA,CAAAgB,EAAAA,KAAC,UAAO,UAAWE,EAAAA,yBAAyB,CAAE,MAAAxB,CAAA,CAAO,EACnD,SAAA,CAAAsB,EAAAA,KAAC,OAAI,UAAWG,EAAAA,wBAAwB,CAAE,MAAAzB,CAAA,CAAO,EAC9C,SAAA,CAAAD,EACDgB,EAAAA,IAAC,IAAA,CAAE,UAAWW,EAAAA,8BAAgC,SAAA5B,CAAA,CAAM,CAAA,EACtD,EAECI,GACCa,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWY,EAAAA,+BAAA,EACX,QAASf,EACT,aACEL,EAAc,+BAAiC,6BAEjD,SAAU,CAACJ,EAEX,SAAAY,EAAAA,IAACM,EAAAA,KAAA,CACC,KAAK,gBACL,YAAa,IACb,UAAWJ,EAAAA,GACT,oCACAV,EAAc,aAAe,WAAA,CAC/B,CAAA,CACF,CAAA,CACF,EAEJ,EAEAe,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAP,MAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAF,EAAaL,CAAS,EAAE,EAExEE,EAAa,OAAS,GACrBK,EAAAA,IAAC,OAAI,UAAU,UAAW,SAAAF,EAAaH,CAAY,CAAA,CAAE,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CAGN"}
+{"version":3,"file":"components-app-sidebar-app-sidebar.cjs","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { CaretUpDown } from \"@/components/icons/CaretUpDown\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: StrokeIconComponent;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<StrokeIcon icon={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <StrokeIcon\n              icon={CaretUpDown}\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","StrokeIcon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants","CaretUpDown"],"mappings":"ubA8CMA,EAAa,CAAC,CAClB,OAAAC,EACA,MAAAC,EAAQ,MACR,UAAAC,EACA,MAAAC,EAAQ,WACR,aAAAC,EACA,WAAAC,EAAa,GACb,cAAAC,EACA,aAAAC,EACA,UAAAC,EACA,GAAGC,CACL,IAAa,CACX,MAAMC,EAAcP,IAAU,YACxBQ,EAAYX,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACjEC,EAAeb,EAAO,OAAQY,GAAUA,EAAM,YAAc,QAAQ,EACpEE,EAAYJ,EAAc,WAAa,YAEvCK,EAAe,IAAM,CACzBT,IAAgBQ,CAAS,CAC3B,EAEME,EAAgBC,GACbA,EAAM,IAAKL,GAChBM,EAAAA,IAACC,EAAAA,eAAA,CAEC,MAAOP,EAAM,MACb,UAAWF,EACX,UAAWU,EAAAA,GAAGR,EAAM,SAAW,iCAAiC,EAE/D,SAAAA,EAAM,MAAM,IAAKS,GAAS,CACzB,MAAMC,EAAWlB,EAAeA,IAAiBiB,EAAK,GAAK,EAAQA,EAAK,OAExE,OACEH,EAAAA,IAACK,EAAAA,eAAA,CAEC,KAAML,EAAAA,IAACM,EAAAA,WAAA,CAAW,KAAMH,EAAK,KAAM,EACnC,MAAOA,EAAK,MACZ,MAAOA,EAAK,MACZ,OAAQC,EACR,UAAWZ,EACX,SAAUW,EAAK,SACf,KAAMA,EAAK,KACX,OAAQA,EAAK,OACb,IAAKA,EAAK,IACV,SAAU,IAAM,CACdd,IAAec,CAAI,EACnBA,EAAK,UAAUA,CAAI,CACrB,EACA,eAAcC,EAAW,OAAS,MAAA,EAd7BD,EAAK,EAAA,CAiBhB,CAAC,CAAA,EA3BIT,EAAM,EAAA,CA6Bd,EAGH,OACEa,EAAAA,KAAC,QAAA,CACC,UAAWL,EAAAA,GAAGM,EAAAA,uBAAuB,CAAE,MAAAvB,CAAA,CAAO,EAAGK,CAAS,EAC1D,aAAW,oBACV,GAAGC,EAEJ,SAAA,CAAAgB,EAAAA,KAAC,UAAO,UAAWE,EAAAA,yBAAyB,CAAE,MAAAxB,CAAA,CAAO,EACnD,SAAA,CAAAsB,EAAAA,KAAC,OAAI,UAAWG,EAAAA,wBAAwB,CAAE,MAAAzB,CAAA,CAAO,EAC9C,SAAA,CAAAD,EACDgB,EAAAA,IAAC,IAAA,CAAE,UAAWW,EAAAA,8BAAgC,SAAA5B,CAAA,CAAM,CAAA,EACtD,EAECI,GACCa,EAAAA,IAAC,SAAA,CACC,KAAK,SACL,UAAWY,EAAAA,+BAAA,EACX,QAASf,EACT,aACEL,EAAc,+BAAiC,6BAEjD,SAAU,CAACJ,EAEX,SAAAY,EAAAA,IAACM,EAAAA,WAAA,CACC,KAAMO,EAAAA,YACN,YAAa,IACb,UAAWX,EAAAA,GACT,oCACAV,EAAc,aAAe,WAAA,CAC/B,CAAA,CACF,CAAA,CACF,EAEJ,EAEAe,EAAAA,KAAC,MAAA,CAAI,UAAU,+BACb,SAAA,CAAAP,MAAC,MAAA,CAAI,UAAU,iCAAkC,SAAAF,EAAaL,CAAS,EAAE,EAExEE,EAAa,OAAS,GACrBK,EAAAA,IAAC,OAAI,UAAU,UAAW,SAAAF,EAAaH,CAAY,CAAA,CAAE,CAAA,CAAA,CAEzD,CAAA,CAAA,CAAA,CAGN"}

package/dist/components-app-sidebar-app-sidebar.js

@@ -1,11 +1,12 @@
-import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { cn as d } from "./lib-utils.js";
-import { Icon as f } from "./components-ui-icon-icon.js";
-import { NavigationItem as C } from "./components-ui-navigation-item-navigation-item.js";
-import { NavigationMenu as V } from "./components-ui-navigation-menu-navigation-menu.js";
-import { appSidebarBrandTitleClassName as k, appSidebarBrandVariants as A, appSidebarToggleButtonVariants as G, appSidebarHeaderVariants as T, appSidebarRootVariants as j } from "./components-app-sidebar-app-sidebar.styles.js";
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { cn as n } from "./lib-utils.js";
+import { CaretUpDown as B } from "phosphor-strokes-icons/icons/CaretUpDown";
+import { StrokeIcon as f } from "./components-icons-stroke-icon.js";
+import { NavigationItem as V } from "./components-ui-navigation-item-navigation-item.js";
+import { NavigationMenu as A } from "./components-ui-navigation-menu-navigation-menu.js";
+import { appSidebarBrandTitleClassName as G, appSidebarBrandVariants as T, appSidebarToggleButtonVariants as j, appSidebarHeaderVariants as w, appSidebarRootVariants as y } from "./components-app-sidebar-app-sidebar.styles.js";
 const z = ({
-  groups: n,
+  groups: d,
   title: h = "CRM",
   brandMark: N,
   state: l = "expanded",
@@ -16,23 +17,23 @@ const z = ({
   className: x,
   ...g
 }) => {
-  const r = l === "collapsed", S = n.filter((o) => o.placement !== "bottom"), p = n.filter((o) => o.placement === "bottom"), y = r ? "expanded" : "collapsed", B = () => {
-    c?.(y);
-  }, b = (o) => o.map((t) => /* @__PURE__ */ e(
-    V,
+  const r = l === "collapsed", S = d.filter((o) => o.placement !== "bottom"), p = d.filter((o) => o.placement === "bottom"), C = r ? "expanded" : "collapsed", k = () => {
+    c?.(C);
+  }, m = (o) => o.map((i) => /* @__PURE__ */ e(
+    A,
     {
-      title: t.title,
+      title: i.title,
       collapsed: r,
-      className: d(t.divider && "border-delicate-border border-b"),
-      children: t.items.map((a) => {
-        const m = s ? s === a.id : !!a.active;
+      className: n(i.divider && "border-delicate-border border-b"),
+      children: i.items.map((a) => {
+        const b = s ? s === a.id : !!a.active;
         return /* @__PURE__ */ e(
-          C,
+          V,
           {
-            icon: /* @__PURE__ */ e(f, { type: a.icon }),
+            icon: /* @__PURE__ */ e(f, { icon: a.icon }),
             label: a.label,
             badge: a.badge,
-            active: m,
+            active: b,
             collapsed: r,
             disabled: a.disabled,
             href: a.href,
@@ -41,40 +42,40 @@ const z = ({
             onAction: () => {
               v?.(a), a.onClick?.(a);
             },
-            "aria-current": m ? "page" : void 0
+            "aria-current": b ? "page" : void 0
           },
           a.id
         );
       })
     },
-    t.id
+    i.id
   ));
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ t(
     "aside",
     {
-      className: d(j({ state: l }), x),
+      className: n(y({ state: l }), x),
       "aria-label": "Боковая навигация",
       ...g,
       children: [
-        /* @__PURE__ */ i("header", { className: T({ state: l }), children: [
-          /* @__PURE__ */ i("div", { className: A({ state: l }), children: [
+        /* @__PURE__ */ t("header", { className: w({ state: l }), children: [
+          /* @__PURE__ */ t("div", { className: T({ state: l }), children: [
             N,
-            /* @__PURE__ */ e("p", { className: k, children: h })
+            /* @__PURE__ */ e("p", { className: G, children: h })
           ] }),
           u && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              className: G(),
-              onClick: B,
+              className: j(),
+              onClick: k,
               "aria-label": r ? "Развернуть боковую навигацию" : "Свернуть боковую навигацию",
               disabled: !c,
               children: /* @__PURE__ */ e(
                 f,
                 {
-                  type: "caret-up-down",
+                  icon: B,
                   strokeWidth: 1.5,
-                  className: d(
+                  className: n(
                     "transition-transform duration-200",
                     r ? "-rotate-90" : "rotate-90"
                   )
@@ -83,9 +84,9 @@ const z = ({
             }
           )
         ] }),
-        /* @__PURE__ */ i("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-          /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto", children: b(S) }),
-          p.length > 0 && /* @__PURE__ */ e("div", { className: "mt-auto", children: b(p) })
+        /* @__PURE__ */ t("div", { className: "flex min-h-0 flex-1 flex-col", children: [
+          /* @__PURE__ */ e("div", { className: "min-h-0 flex-1 overflow-y-auto", children: m(S) }),
+          p.length > 0 && /* @__PURE__ */ e("div", { className: "mt-auto", children: m(p) })
         ] })
       ]
     }

package/dist/components-app-sidebar-app-sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-app-sidebar-app-sidebar.js","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport type { IconTypes } from \"@/types/types\";\nimport { Icon } from \"../ui/icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: IconTypes;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<Icon type={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <Icon\n              type=\"caret-up-down\"\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","Icon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants"],"mappings":"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"}
+{"version":3,"file":"components-app-sidebar-app-sidebar.js","sources":["../src/components/app-sidebar/app-sidebar.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { CaretUpDown } from \"@/components/icons/CaretUpDown\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { NavigationItem } from \"../ui/navigation-item\";\nimport { NavigationMenu } from \"../ui/navigation-menu\";\nimport {\n  appSidebarBrandTitleClassName,\n  appSidebarBrandVariants,\n  appSidebarHeaderVariants,\n  appSidebarRootVariants,\n  appSidebarToggleButtonVariants,\n  type AppSidebarState,\n} from \"./app-sidebar.styles\";\n\nexport type AppSidebarItem = {\n  id: string;\n  label: string;\n  icon: StrokeIconComponent;\n  disabled?: boolean;\n  active?: boolean;\n  badge?: React.ReactNode;\n  href?: string;\n  target?: React.HTMLAttributeAnchorTarget;\n  rel?: string;\n  onClick?: (item: AppSidebarItem) => void;\n};\n\nexport type AppSidebarGroup = {\n  id: string;\n  title?: string;\n  divider?: boolean;\n  placement?: \"top\" | \"bottom\";\n  items: AppSidebarItem[];\n};\n\ntype Props = React.HTMLAttributes<HTMLElement> & {\n  groups: AppSidebarGroup[];\n  title?: string;\n  brandMark?: React.ReactNode;\n  state?: AppSidebarState;\n  activeItemId?: string;\n  showToggle?: boolean;\n  onStateChange?: (nextState: AppSidebarState) => void;\n  onItemSelect?: (item: AppSidebarItem) => void;\n};\n\nconst AppSidebar = ({\n  groups,\n  title = \"CRM\",\n  brandMark,\n  state = \"expanded\",\n  activeItemId,\n  showToggle = true,\n  onStateChange,\n  onItemSelect,\n  className,\n  ...props\n}: Props) => {\n  const isCollapsed = state === \"collapsed\";\n  const topGroups = groups.filter((group) => group.placement !== \"bottom\");\n  const bottomGroups = groups.filter((group) => group.placement === \"bottom\");\n  const nextState = isCollapsed ? \"expanded\" : \"collapsed\";\n\n  const handleToggle = () => {\n    onStateChange?.(nextState);\n  };\n\n  const renderGroups = (items: AppSidebarGroup[]) => {\n    return items.map((group) => (\n      <NavigationMenu\n        key={group.id}\n        title={group.title}\n        collapsed={isCollapsed}\n        className={cn(group.divider && \"border-delicate-border border-b\")}\n      >\n        {group.items.map((item) => {\n          const isActive = activeItemId ? activeItemId === item.id : Boolean(item.active);\n\n          return (\n            <NavigationItem\n              key={item.id}\n              icon={<StrokeIcon icon={item.icon} />}\n              label={item.label}\n              badge={item.badge}\n              active={isActive}\n              collapsed={isCollapsed}\n              disabled={item.disabled}\n              href={item.href}\n              target={item.target}\n              rel={item.rel}\n              onAction={() => {\n                onItemSelect?.(item);\n                item.onClick?.(item);\n              }}\n              aria-current={isActive ? \"page\" : undefined}\n            />\n          );\n        })}\n      </NavigationMenu>\n    ));\n  };\n\n  return (\n    <aside\n      className={cn(appSidebarRootVariants({ state }), className)}\n      aria-label=\"Боковая навигация\"\n      {...props}\n    >\n      <header className={appSidebarHeaderVariants({ state })}>\n        <div className={appSidebarBrandVariants({ state })}>\n          {brandMark}\n          <p className={appSidebarBrandTitleClassName}>{title}</p>\n        </div>\n\n        {showToggle && (\n          <button\n            type=\"button\"\n            className={appSidebarToggleButtonVariants()}\n            onClick={handleToggle}\n            aria-label={\n              isCollapsed ? \"Развернуть боковую навигацию\" : \"Свернуть боковую навигацию\"\n            }\n            disabled={!onStateChange}\n          >\n            <StrokeIcon\n              icon={CaretUpDown}\n              strokeWidth={1.5}\n              className={cn(\n                \"transition-transform duration-200\",\n                isCollapsed ? \"-rotate-90\" : \"rotate-90\",\n              )}\n            />\n          </button>\n        )}\n      </header>\n\n      <div className=\"flex min-h-0 flex-1 flex-col\">\n        <div className=\"min-h-0 flex-1 overflow-y-auto\">{renderGroups(topGroups)}</div>\n\n        {bottomGroups.length > 0 && (\n          <div className=\"mt-auto\">{renderGroups(bottomGroups)}</div>\n        )}\n      </div>\n    </aside>\n  );\n};\n\nexport { AppSidebar };\n"],"names":["AppSidebar","groups","title","brandMark","state","activeItemId","showToggle","onStateChange","onItemSelect","className","props","isCollapsed","topGroups","group","bottomGroups","nextState","handleToggle","renderGroups","items","jsx","NavigationMenu","cn","item","isActive","NavigationItem","StrokeIcon","jsxs","appSidebarRootVariants","appSidebarHeaderVariants","appSidebarBrandVariants","appSidebarBrandTitleClassName","appSidebarToggleButtonVariants","CaretUpDown"],"mappings":"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"}

package/dist/components-avatar-uploader-avatar-uploader.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const i=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");const f=require("react");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("./calendar-DReGV_22.cjs");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const v=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");require("./components-app-pagination-app-pagination.styles.cjs");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-C69jBlXa.cjs");const A=require("./components-basic-avatar-basic-avatar.cjs");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const y=require("./index-DJD-8LQA.cjs");require("./components-input-phone-input-phone.cjs");const j=1,b=[".jpg",".png"],h=({src:u,fullName:o,maxFiles:a=j,accept:q=b,avatarProps:c,containerClassName:p,onChange:s})=>{const n=f.useMemo(()=>{const[e,r]=o?.split(" "),t=e?.charAt(0)||"",g=r?.charAt(0)||"";return(t+g).toUpperCase()||"?"},[o]),{getRootProps:l,getInputProps:d}=y.useDropzone({accept:{"image/*":q},maxFiles:a,onDrop:e=>{const r=e[0];if(r){const t=URL.createObjectURL(r);s?.(t)}}}),m=e=>{e.stopPropagation(),s?.("")};return i.jsxs("div",{...l(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
-        overflow-hidden rounded-full transition-colors`,p),children:[i.jsx("input",{...d()}),u?i.jsx(A.BasicAvatar,{...c,image:{src:u},initials:{text:n},hasBadge:!0,onClick:m}):i.jsx(v.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:n})]})};exports.AvatarUpload=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./brd-ui-kit.css');const r=require("react/jsx-runtime");;/* empty css                   */const x=require("./lib-utils.cjs");require("class-variance-authority");require("./components-ui-badge-badge.styles.cjs");require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");require("./components-ui-card-card.cjs");require("./components-ui-checkbox-checkbox.cjs");require("phosphor-strokes-icons/icons/CaretDown");const v=require("react");require("./calendar-PqChui7l.cjs");require("phosphor-strokes-icons/icons");require("./components-ui-combobox-combobox.cjs");require("./components-ui-dialog-dialog.cjs");require("./components-ui-label-label.cjs");require("./components-ui-separator-separator.cjs");require("./components-ui-field-field.styles.cjs");require("./components-ui-input-input.styles.cjs");require("./components-ui-textarea-textarea.cjs");require("./components-ui-input-group-input-group.styles.cjs");require("./components-ui-navigation-item-navigation-item.styles.cjs");require("./components-ui-navigation-menu-navigation-menu.styles.cjs");require("./components-ui-pagination-pagination.cjs");require("./components-ui-progress-progress.cjs");require("./components-ui-radio-group-radio-group.cjs");require("./components-ui-switch-switch.cjs");require("./components-ui-toggle-toggle.styles.cjs");require("./components-ui-toggle-group-toggle-group.cjs");require("./components-ui-table-table.cjs");require("./components-ui-tabs-tabs.cjs");require("./components-ui-tooltip-tooltip.cjs");const A=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");require("phosphor-strokes-icons/icons/CaretLeft");require("phosphor-strokes-icons/icons/CaretRight");require("./components-app-pagination-app-pagination.styles.cjs");require("phosphor-strokes-icons/icons/CaretUpDown");require("./components-app-sidebar-app-sidebar.styles.cjs");require("./components-data-table-data-table.styles.cjs");require("./components-ui-dropdown-menu-dropdown-menu.styles.cjs");require("phosphor-strokes-icons/icons/Eye");require("phosphor-strokes-icons/icons/EyeSlash");require("./components-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-9H_9wEfR.cjs");const y=require("./components-basic-avatar-basic-avatar.cjs");require("phosphor-strokes-icons/icons/CheckCircle");require("phosphor-strokes-icons/icons/Info");require("phosphor-strokes-icons/icons/SpinnerGap");require("phosphor-strokes-icons/icons/Warning");require("phosphor-strokes-icons/icons/X");require("phosphor-strokes-icons/icons/XCircle");require("./index-DGxwh2Ms.cjs");require("./index-fTTv8YY8.cjs");const f=require("./index-DJD-8LQA.cjs");require("phosphor-strokes-icons/icons/Plus");require("phosphor-strokes-icons/icons/CaretUp");require("phosphor-strokes-icons/icons/EnvelopeSimple");require("phosphor-strokes-icons/icons/MaxLogo");require("phosphor-strokes-icons/icons/Phone");require("phosphor-strokes-icons/icons/TelegramLogo");require("phosphor-strokes-icons/icons/WhatsAppLogoFilled");require("./components-input-phone-input-phone.cjs");const h=1,j=[".jpg",".png"],b=({src:u,fullName:t,maxFiles:n=h,accept:s=j,avatarProps:a,containerClassName:c,onChange:q})=>{const o=v.useMemo(()=>{const[e="",i=""]=t.split(" "),g=e.charAt(0),m=i.charAt(0);return(g+m).toUpperCase()||"?"},[t]),{getRootProps:p,getInputProps:l}=f.useDropzone({accept:{"image/*":s},maxFiles:n,onDrop:e=>{if(e.length===0)return;const i=URL.createObjectURL(e[0]);q?.(i)}}),d=e=>{e.stopPropagation(),q?.(null)};return r.jsxs("div",{...p(),className:x.cn(`bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center
+        overflow-hidden rounded-full transition-colors`,c),children:[r.jsx("input",{...l()}),u?r.jsx(y.BasicAvatar,{...a,image:{src:u},initials:{text:o},hasBadge:!0,onClick:d}):r.jsx(A.Typography,{variant:"body-xxl-medium",className:"text-info-new-text flex items-center justify-center",children:o})]})};exports.AvatarUpload=b;
 //# sourceMappingURL=components-avatar-uploader-avatar-uploader.cjs.map

package/dist/components-avatar-uploader-avatar-uploader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-avatar-uploader-avatar-uploader.cjs","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName, lastName] = fullName?.split(\" \");\n    const first = firstName?.charAt(0) || \"\";\n    const last = lastName?.charAt(0) || \"\";\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      const file = files[0];\n      if (file) {\n        const previewUrl = URL.createObjectURL(file);\n        onChange?.(previewUrl);\n      }\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(\"\");\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","file","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"6pEAgBA,MAAMA,EAAoB,EACpBC,EAAiB,CAAC,OAAQ,MAAM,EAEzBC,EAAe,CAAC,CAC3B,IAAAC,EACA,SAAAC,EACA,SAAAC,EAAWL,EACX,OAAAM,EAASL,EACT,YAAAM,EACA,mBAAAC,EACA,SAAAC,CACF,IAAa,CACX,MAAMC,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,KAAM,CAACC,EAAWC,CAAQ,EAAIT,GAAU,MAAM,GAAG,EAC3CU,EAAQF,GAAW,OAAO,CAAC,GAAK,GAChCG,EAAOF,GAAU,OAAO,CAAC,GAAK,GAEpC,OAAQC,EAAQC,GAAM,YAAA,GAAiB,GACzC,EAAG,CAACX,CAAQ,CAAC,EAEP,CAAE,aAAAY,EAAc,cAAAC,CAAA,EAAkBC,cAAY,CAClD,OAAQ,CAAE,UAAWZ,CAAA,EACrB,SAAAD,EACA,OAASc,GAAU,CACjB,MAAMC,EAAOD,EAAM,CAAC,EACpB,GAAIC,EAAM,CACR,MAAMC,EAAa,IAAI,gBAAgBD,CAAI,EAC3CX,IAAWY,CAAU,CACvB,CACF,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFb,IAAW,EAAE,CACf,EAEA,OACEc,EAAAA,KAAC,MAAA,CACE,GAAGP,EAAA,EACJ,UAAWQ,EAAAA,GACT;AAAA,wDAEAhB,CAAA,EAGF,SAAA,CAAAiB,EAAAA,IAAC,QAAA,CAAO,GAAGR,EAAA,CAAc,CAAG,EAC3Bd,EACCsB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGnB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASY,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAjB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}
+{"version":3,"file":"components-avatar-uploader-avatar-uploader.cjs","sources":["../src/components/avatar-uploader/avatar-uploader.tsx"],"sourcesContent":["import { cn } from \"@/index\";\nimport { useMemo } from \"react\";\nimport { useDropzone } from \"react-dropzone\";\nimport { BasicAvatar, type BasicAvatarProps } from \"../basic-avatar\";\nimport { Typography } from \"../ui/typography\";\n\ntype Props = {\n  maxFiles?: number;\n  src?: string;\n  fullName: string;\n  accept?: string[];\n  avatarProps?: BasicAvatarProps;\n  containerClassName?: string;\n  onChange?: (src: string | null) => void;\n};\n\nconst DEFAULT_MAX_FILES = 1;\nconst DEFAULT_ACCEPT = [\".jpg\", \".png\"];\n\nexport const AvatarUpload = ({\n  src,\n  fullName,\n  maxFiles = DEFAULT_MAX_FILES,\n  accept = DEFAULT_ACCEPT,\n  avatarProps,\n  containerClassName,\n  onChange,\n}: Props) => {\n  const initials = useMemo(() => {\n    const [firstName = \"\", lastName = \"\"] = fullName.split(\" \");\n    const first = firstName.charAt(0);\n    const last = lastName.charAt(0);\n\n    return (first + last).toUpperCase() || \"?\";\n  }, [fullName]);\n\n  const { getRootProps, getInputProps } = useDropzone({\n    accept: { \"image/*\": accept },\n    maxFiles,\n    onDrop: (files) => {\n      if (files.length === 0) return;\n      const previewUrl = URL.createObjectURL(files[0]);\n      onChange?.(previewUrl);\n    },\n  });\n\n  const removeAvatar = (e: React.MouseEvent<HTMLDivElement>) => {\n    e.stopPropagation();\n    onChange?.(null);\n  };\n\n  return (\n    <div\n      {...getRootProps()}\n      className={cn(\n        `bg-info-new-bg flex h-18 w-18 cursor-pointer items-center justify-center\n        overflow-hidden rounded-full transition-colors`,\n        containerClassName,\n      )}\n    >\n      <input {...getInputProps()} />\n      {src ? (\n        <BasicAvatar\n          {...avatarProps}\n          image={{\n            src,\n          }}\n          initials={{ text: initials }}\n          hasBadge\n          onClick={removeAvatar}\n        />\n      ) : (\n        <Typography\n          variant=\"body-xxl-medium\"\n          className=\"text-info-new-text flex items-center justify-center\"\n        >\n          {initials}\n        </Typography>\n      )}\n    </div>\n  );\n};\n\nexport type { Props as AvatarUploadProps };\n"],"names":["DEFAULT_MAX_FILES","DEFAULT_ACCEPT","AvatarUpload","src","fullName","maxFiles","accept","avatarProps","containerClassName","onChange","initials","useMemo","firstName","lastName","first","last","getRootProps","getInputProps","useDropzone","files","previewUrl","removeAvatar","jsxs","cn","jsx","BasicAvatar","Typography"],"mappings":"6mGAgBA,MAAMA,EAAoB,EACpBC,EAAiB,CAAC,OAAQ,MAAM,EAEzBC,EAAe,CAAC,CAC3B,IAAAC,EACA,SAAAC,EACA,SAAAC,EAAWL,EACX,OAAAM,EAASL,EACT,YAAAM,EACA,mBAAAC,EACA,SAAAC,CACF,IAAa,CACX,MAAMC,EAAWC,EAAAA,QAAQ,IAAM,CAC7B,KAAM,CAACC,EAAY,GAAIC,EAAW,EAAE,EAAIT,EAAS,MAAM,GAAG,EACpDU,EAAQF,EAAU,OAAO,CAAC,EAC1BG,EAAOF,EAAS,OAAO,CAAC,EAE9B,OAAQC,EAAQC,GAAM,YAAA,GAAiB,GACzC,EAAG,CAACX,CAAQ,CAAC,EAEP,CAAE,aAAAY,EAAc,cAAAC,CAAA,EAAkBC,cAAY,CAClD,OAAQ,CAAE,UAAWZ,CAAA,EACrB,SAAAD,EACA,OAASc,GAAU,CACjB,GAAIA,EAAM,SAAW,EAAG,OACxB,MAAMC,EAAa,IAAI,gBAAgBD,EAAM,CAAC,CAAC,EAC/CV,IAAWW,CAAU,CACvB,CAAA,CACD,EAEKC,EAAgB,GAAwC,CAC5D,EAAE,gBAAA,EACFZ,IAAW,IAAI,CACjB,EAEA,OACEa,EAAAA,KAAC,MAAA,CACE,GAAGN,EAAA,EACJ,UAAWO,EAAAA,GACT;AAAA,wDAEAf,CAAA,EAGF,SAAA,CAAAgB,EAAAA,IAAC,QAAA,CAAO,GAAGP,EAAA,CAAc,CAAG,EAC3Bd,EACCqB,EAAAA,IAACC,EAAAA,YAAA,CACE,GAAGlB,EACJ,MAAO,CACL,IAAAJ,CAAA,EAEF,SAAU,CAAE,KAAMO,CAAA,EAClB,SAAQ,GACR,QAASW,CAAA,CAAA,EAGXG,EAAAA,IAACE,EAAAA,WAAA,CACC,QAAQ,kBACR,UAAU,sDAET,SAAAhB,CAAA,CAAA,CACH,CAAA,CAAA,CAIR"}