brd-ui-kit 0.1.55 → 0.1.58

package/dist/components/app-pagination.d.ts

@@ -0,0 +1,2 @@
+export * from './app-pagination/index'
+export {}

package/dist/components/app-sidebar.d.ts

@@ -0,0 +1,2 @@
+export * from './app-sidebar/index'
+export {}

package/dist/components/avatar-uploader.d.ts

@@ -0,0 +1,2 @@
+export * from './avatar-uploader/index'
+export {}

package/dist/components/basic-avatar.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-avatar/index'
+export {}

package/dist/components/basic-chart.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-chart/index'
+export {}

package/dist/components/basic-checkbox.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-checkbox/index'
+export {}

package/dist/components/basic-drawer.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-drawer/index'
+export {}

package/dist/components/basic-modal.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-modal/index'
+export {}

package/dist/components/basic-select.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-select/index'
+export {}

package/dist/components/basic-table.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-table/index'
+export {}

package/dist/components/basic-tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './basic-tooltip/index'
+export {}

package/dist/components/files-uploader.d.ts

@@ -0,0 +1,2 @@
+export * from './files-uploader/index'
+export {}

package/dist/components/input-field.d.ts

@@ -0,0 +1,2 @@
+export * from './input-field/index'
+export {}

package/dist/components/input-password.d.ts

@@ -0,0 +1,2 @@
+export * from './input-password/index'
+export {}

package/dist/components/popover-modal.d.ts

@@ -0,0 +1,2 @@
+export * from './popover-modal/index'
+export {}

package/dist/components/radio-button.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-button/index'
+export {}

package/dist/components/select-field.d.ts

@@ -0,0 +1,2 @@
+export * from './select-field/index'
+export {}

package/dist/components/select-groups.d.ts

@@ -0,0 +1,2 @@
+export * from './select-groups/index'
+export {}

package/dist/components/textarea-field.d.ts

@@ -0,0 +1,2 @@
+export * from './textarea-field/index'
+export {}

package/dist/components/ui/avatar.d.ts

@@ -0,0 +1,2 @@
+export * from './avatar/index'
+export {}

package/dist/components/ui/badge.d.ts

@@ -0,0 +1,2 @@
+export * from './badge/index'
+export {}

package/dist/components/ui/button.d.ts

@@ -0,0 +1,2 @@
+export * from './button/index'
+export {}

package/dist/components/ui/card.d.ts

@@ -0,0 +1,2 @@
+export * from './card/index'
+export {}

package/dist/components/ui/chart.d.ts

@@ -0,0 +1,2 @@
+export * from './chart/index'
+export {}

package/dist/components/ui/checkbox.d.ts

@@ -0,0 +1,2 @@
+export * from './checkbox/index'
+export {}

package/dist/components/ui/combobox.d.ts

@@ -0,0 +1,2 @@
+export * from './combobox/index'
+export {}

package/dist/components/ui/dialog.d.ts

@@ -0,0 +1,2 @@
+export * from './dialog/index'
+export {}

package/dist/components/ui/drawer.d.ts

@@ -0,0 +1,2 @@
+export * from './drawer/index'
+export {}

package/dist/components/ui/field.d.ts

@@ -0,0 +1,2 @@
+export * from './field/index'
+export {}

package/dist/components/ui/icon.d.ts

@@ -0,0 +1,2 @@
+export * from './icon/index'
+export {}

package/dist/components/ui/input-group.d.ts

@@ -0,0 +1,2 @@
+export * from './input-group/index'
+export {}

package/dist/components/ui/input.d.ts

@@ -0,0 +1,2 @@
+export * from './input/index'
+export {}

package/dist/components/ui/label.d.ts

@@ -0,0 +1,2 @@
+export * from './label/index'
+export {}

package/dist/components/ui/navigation-item.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation-item/index'
+export {}

package/dist/components/ui/navigation-menu.d.ts

@@ -0,0 +1,2 @@
+export * from './navigation-menu/index'
+export {}

package/dist/components/ui/pagination.d.ts

@@ -0,0 +1,2 @@
+export * from './pagination/index'
+export {}

package/dist/components/ui/popover.d.ts

@@ -0,0 +1,2 @@
+export * from './popover/index'
+export {}

package/dist/components/ui/progress.d.ts

@@ -0,0 +1,2 @@
+export * from './progress/index'
+export {}

package/dist/components/ui/radio-group.d.ts

@@ -0,0 +1,2 @@
+export * from './radio-group/index'
+export {}

package/dist/components/ui/select.d.ts

@@ -0,0 +1,2 @@
+export * from './select/index'
+export {}

package/dist/components/ui/separator.d.ts

@@ -0,0 +1,2 @@
+export * from './separator/index'
+export {}

package/dist/components/ui/sonner.d.ts

@@ -0,0 +1,2 @@
+export * from './sonner/index'
+export {}

package/dist/components/ui/switch.d.ts

@@ -0,0 +1,2 @@
+export * from './switch/index'
+export {}

package/dist/components/ui/table.d.ts

@@ -0,0 +1,2 @@
+export * from './table/index'
+export {}

package/dist/components/ui/tabs.d.ts

@@ -0,0 +1,2 @@
+export * from './tabs/index'
+export {}

package/dist/components/ui/textarea.d.ts

@@ -0,0 +1,2 @@
+export * from './textarea/index'
+export {}

package/dist/components/ui/tooltip.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip/index'
+export {}

package/dist/components/ui/typography.d.ts

@@ -0,0 +1,2 @@
+export * from './typography/index'
+export {}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-pagination-app-pagination.cjs","sources":["../src/components/app-pagination/app-pagination.tsx"],"sourcesContent":["import { getPageNumbers } from \"@/utils/helpers\";\n// TODO: заменить иконки на иконки из Icon\nimport { cn } from \"@/lib/utils\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\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;\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 || <ChevronLeftIcon />}\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 || <ChevronRightIcon />}\n            </Button>\n          </PaginationItem>\n        )}\n      </PaginationContent>\n    </Pagination>\n  );\n};\n"],"names":["DEFAULT_VISIBLE_PAGES","DEFAULT_ELLIPSIS_STEP","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","ChevronLeftIcon","appPaginationPageVariants","PaginationLink","ChevronRightIcon"],"mappings":"gbA+BMA,EAAwB,EACxBC,EAAwB,EAEjBC,EAAgB,CAAC,CAC5B,YAAAC,EACA,WAAAC,EACA,gBAAAC,EAAkBL,EAClB,UAAAM,EACA,eAAAC,EAAiB,GACjB,UAAAC,EACA,UAAAC,EACA,KAAAC,EAAO,UACP,aAAAC,EAAeV,EACf,aAAAW,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,SAAcqB,EAAAA,gBAAA,CAAA,CAAgB,CAAA,CAAA,EAEnC,EAGDhB,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,SAAcuB,EAAAA,iBAAA,CAAA,CAAiB,CAAA,CAAA,CAClC,CACF,CAAA,CAAA,CAAA,EAGN,CAEJ"}

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

@@ -0,0 +1,97 @@
+import { jsx as n, jsxs as L } from "react/jsx-runtime";
+import { getPageNumbers as k } from "./utils-helpers.js";
+import { cn as x } from "./lib-utils.js";
+import { ChevronLeftIcon as A, ChevronRightIcon as $ } from "lucide-react";
+import { Button as c } from "./components-ui-button-button.js";
+import "./components-ui-button-button.styles.js";
+import { Pagination as V, PaginationContent as _, PaginationItem as s, PaginationLink as p } from "./components-ui-pagination-pagination.js";
+import { appPaginationNavigationButtonVariants as h, appPaginationPageVariants as e, appPaginationContentVariants as u } from "./components-app-pagination-app-pagination.styles.js";
+const B = 5, P = 5, R = ({
+  currentPage: a,
+  totalPages: o,
+  maxVisiblePages: f = B,
+  className: C,
+  showNavigation: d = !0,
+  prevLabel: v,
+  nextLabel: b,
+  size: r = "default",
+  ellipsisStep: t = P,
+  onPageChange: N
+}) => {
+  if (o <= 1) return null;
+  const E = k(f, a, o), l = (i) => {
+    i >= 1 && i <= o && N(i);
+  }, I = (i) => {
+    if (i === "ellipsis-start") {
+      const m = Math.max(1, a - t);
+      l(m);
+    } else {
+      const m = Math.min(o, a + t);
+      l(m);
+    }
+  };
+  return /* @__PURE__ */ n(V, { className: "w-fit", children: /* @__PURE__ */ L(
+    _,
+    {
+      className: x(u({ size: r }), C),
+      children: [
+        d && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+          c,
+          {
+            variant: "ghost",
+            disabled: a === 1,
+            onClick: () => l(a - 1),
+            className: h({
+              size: r,
+              side: "prev"
+            }),
+            "aria-label": "Предыдущая страница",
+            children: v || /* @__PURE__ */ n(A, {})
+          }
+        ) }),
+        E.map((i) => i === "ellipsis-start" || i === "ellipsis-end" ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+          c,
+          {
+            variant: "ghost",
+            onClick: () => I(i),
+            className: e({ size: r }),
+            "aria-label": i === "ellipsis-start" ? `Перейти на ${t} страниц назад` : `Перейти на ${t} страниц вперед`,
+            title: i === "ellipsis-start" ? `Нажать чтобы перейти на ${t} страниц назад` : `Нажать чтобы перейти на ${t} страниц вперед`,
+            children: "..."
+          }
+        ) }, i) : /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+          p,
+          {
+            isActive: a === i,
+            onClick: () => l(i),
+            className: e({
+              size: r,
+              active: a === i
+            }),
+            "aria-label": `Страница ${i}`,
+            "aria-current": a === i ? "page" : void 0,
+            children: i
+          }
+        ) }, i)),
+        d && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+          c,
+          {
+            variant: "ghost",
+            disabled: a === o,
+            onClick: () => l(a + 1),
+            className: h({
+              size: r,
+              side: "next"
+            }),
+            "aria-label": "Следующая страница",
+            children: b || /* @__PURE__ */ n($, {})
+          }
+        ) })
+      ]
+    }
+  ) });
+};
+export {
+  R as AppPagination
+};
+//# sourceMappingURL=components-app-pagination-app-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-pagination-app-pagination.js","sources":["../src/components/app-pagination/app-pagination.tsx"],"sourcesContent":["import { getPageNumbers } from \"@/utils/helpers\";\n// TODO: заменить иконки на иконки из Icon\nimport { cn } from \"@/lib/utils\";\nimport { ChevronLeftIcon, ChevronRightIcon } from \"lucide-react\";\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;\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 || <ChevronLeftIcon />}\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 || <ChevronRightIcon />}\n            </Button>\n          </PaginationItem>\n        )}\n      </PaginationContent>\n    </Pagination>\n  );\n};\n"],"names":["DEFAULT_VISIBLE_PAGES","DEFAULT_ELLIPSIS_STEP","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","ChevronLeftIcon","appPaginationPageVariants","PaginationLink","ChevronRightIcon"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority");require("react");require("./lib-utils.cjs");const e=require("./components-ui-typography-typography.styles.cjs"),t=["default","sm","lg"],i=a.cva("flex items-center",{variants:{size:{sm:"gap-1",default:"gap-1",lg:"gap-2"}},defaultVariants:{size:"default"}}),s=a.cva(["bg-tertiary-bg text-primary-text cursor-pointer rounded-sm p-0","hover:bg-primary-hover-bg"].join(" "),{variants:{size:{sm:"size-7 [&_svg]:size-3",default:"size-8 [&_svg]:size-3.5",lg:"size-9 [&_svg]:size-4"},side:{prev:"mr-3",next:"ml-3"}},defaultVariants:{size:"default"}}),r=a.cva(["text-primary-text cursor-pointer rounded-xl bg-transparent","hover:bg-tertiary-bg",e.getTypographyClassName("body-xs-medium")].join(" "),{variants:{size:{sm:"h-7 min-w-7 px-2",default:"h-8 min-w-8 px-3",lg:"h-9 min-w-9 px-3.5"},active:{true:`bg-primary-inverse-bg text-primary-inverse-text
+        hover:bg-primary-inverse-bg`,false:""}},compoundVariants:[{size:"sm",active:!0,className:"size-7 px-0"},{size:"default",active:!0,className:"size-8 px-0"},{size:"lg",active:!0,className:"size-9 px-0"}],defaultVariants:{size:"default",active:!1}});exports.appPaginationContentVariants=i;exports.appPaginationNavigationButtonVariants=s;exports.appPaginationPageVariants=r;exports.appPaginationSizeOptions=t;
+//# sourceMappingURL=components-app-pagination-app-pagination.styles.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-pagination-app-pagination.styles.cjs","sources":["../src/components/app-pagination/app-pagination.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\nexport const appPaginationSizeOptions = [\"default\", \"sm\", \"lg\"] as const;\n\nexport type AppPaginationSize = (typeof appPaginationSizeOptions)[number];\n\nexport const appPaginationContentVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1\",\n      default: \"gap-1\",\n      lg: \"gap-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\nexport const appPaginationNavigationButtonVariants = cva(\n  [\n    \"bg-tertiary-bg text-primary-text cursor-pointer rounded-sm p-0\",\n    \"hover:bg-primary-hover-bg\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"size-7 [&_svg]:size-3\",\n        default: \"size-8 [&_svg]:size-3.5\",\n        lg: \"size-9 [&_svg]:size-4\",\n      },\n      side: {\n        prev: \"mr-3\",\n        next: \"ml-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  },\n);\n\nexport const appPaginationPageVariants = cva(\n  [\n    \"text-primary-text cursor-pointer rounded-xl bg-transparent\",\n    \"hover:bg-tertiary-bg\",\n    getTypographyClassName(\"body-xs-medium\"),\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-7 min-w-7 px-2\",\n        default: \"h-8 min-w-8 px-3\",\n        lg: \"h-9 min-w-9 px-3.5\",\n      },\n      active: {\n        true: `bg-primary-inverse-bg text-primary-inverse-text\n        hover:bg-primary-inverse-bg`,\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"sm\",\n        active: true,\n        className: \"size-7 px-0\",\n      },\n      {\n        size: \"default\",\n        active: true,\n        className: \"size-8 px-0\",\n      },\n      {\n        size: \"lg\",\n        active: true,\n        className: \"size-9 px-0\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      active: false,\n    },\n  },\n);\n"],"names":["appPaginationSizeOptions","appPaginationContentVariants","cva","appPaginationNavigationButtonVariants","appPaginationPageVariants","getTypographyClassName"],"mappings":"4OAGaA,EAA2B,CAAC,UAAW,KAAM,IAAI,EAIjDC,EAA+BC,EAAAA,IAAI,oBAAqB,CACnE,SAAU,CACR,KAAM,CACJ,GAAI,QACJ,QAAS,QACT,GAAI,OAAA,CACN,EAEF,gBAAiB,CACf,KAAM,SAAA,CAEV,CAAC,EAEYC,EAAwCD,EAAAA,IACnD,CACE,iEACA,2BAAA,EACA,KAAK,GAAG,EACV,CACE,SAAU,CACR,KAAM,CACJ,GAAI,wBACJ,QAAS,0BACT,GAAI,uBAAA,EAEN,KAAM,CACJ,KAAM,OACN,KAAM,MAAA,CACR,EAEF,gBAAiB,CACf,KAAM,SAAA,CACR,CAEJ,EAEaE,EAA4BF,EAAAA,IACvC,CACE,6DACA,uBACAG,EAAAA,uBAAuB,gBAAgB,CAAA,EACvC,KAAK,GAAG,EACV,CACE,SAAU,CACR,KAAM,CACJ,GAAI,mBACJ,QAAS,mBACT,GAAI,oBAAA,EAEN,OAAQ,CACN,KAAM;AAAA,qCAEN,MAAO,EAAA,CACT,EAEF,iBAAkB,CAChB,CACE,KAAM,KACN,OAAQ,GACR,UAAW,aAAA,EAEb,CACE,KAAM,UACN,OAAQ,GACR,UAAW,aAAA,EAEb,CACE,KAAM,KACN,OAAQ,GACR,UAAW,aAAA,CACb,EAEF,gBAAiB,CACf,KAAM,UACN,OAAQ,EAAA,CACV,CAEJ"}

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

@@ -0,0 +1,85 @@
+import { cva as e } from "class-variance-authority";
+import "react";
+import "./lib-utils.js";
+import { getTypographyClassName as a } from "./components-ui-typography-typography.styles.js";
+const n = ["default", "sm", "lg"], p = e("flex items-center", {
+  variants: {
+    size: {
+      sm: "gap-1",
+      default: "gap-1",
+      lg: "gap-2"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+}), o = e(
+  [
+    "bg-tertiary-bg text-primary-text cursor-pointer rounded-sm p-0",
+    "hover:bg-primary-hover-bg"
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "size-7 [&_svg]:size-3",
+        default: "size-8 [&_svg]:size-3.5",
+        lg: "size-9 [&_svg]:size-4"
+      },
+      side: {
+        prev: "mr-3",
+        next: "ml-3"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+), m = e(
+  [
+    "text-primary-text cursor-pointer rounded-xl bg-transparent",
+    "hover:bg-tertiary-bg",
+    a("body-xs-medium")
+  ].join(" "),
+  {
+    variants: {
+      size: {
+        sm: "h-7 min-w-7 px-2",
+        default: "h-8 min-w-8 px-3",
+        lg: "h-9 min-w-9 px-3.5"
+      },
+      active: {
+        true: `bg-primary-inverse-bg text-primary-inverse-text
+        hover:bg-primary-inverse-bg`,
+        false: ""
+      }
+    },
+    compoundVariants: [
+      {
+        size: "sm",
+        active: !0,
+        className: "size-7 px-0"
+      },
+      {
+        size: "default",
+        active: !0,
+        className: "size-8 px-0"
+      },
+      {
+        size: "lg",
+        active: !0,
+        className: "size-9 px-0"
+      }
+    ],
+    defaultVariants: {
+      size: "default",
+      active: !1
+    }
+  }
+);
+export {
+  p as appPaginationContentVariants,
+  o as appPaginationNavigationButtonVariants,
+  m as appPaginationPageVariants,
+  n as appPaginationSizeOptions
+};
+//# sourceMappingURL=components-app-pagination-app-pagination.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-pagination-app-pagination.styles.js","sources":["../src/components/app-pagination/app-pagination.styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../ui/typography\";\n\nexport const appPaginationSizeOptions = [\"default\", \"sm\", \"lg\"] as const;\n\nexport type AppPaginationSize = (typeof appPaginationSizeOptions)[number];\n\nexport const appPaginationContentVariants = cva(\"flex items-center\", {\n  variants: {\n    size: {\n      sm: \"gap-1\",\n      default: \"gap-1\",\n      lg: \"gap-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n});\n\nexport const appPaginationNavigationButtonVariants = cva(\n  [\n    \"bg-tertiary-bg text-primary-text cursor-pointer rounded-sm p-0\",\n    \"hover:bg-primary-hover-bg\",\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"size-7 [&_svg]:size-3\",\n        default: \"size-8 [&_svg]:size-3.5\",\n        lg: \"size-9 [&_svg]:size-4\",\n      },\n      side: {\n        prev: \"mr-3\",\n        next: \"ml-3\",\n      },\n    },\n    defaultVariants: {\n      size: \"default\",\n    },\n  },\n);\n\nexport const appPaginationPageVariants = cva(\n  [\n    \"text-primary-text cursor-pointer rounded-xl bg-transparent\",\n    \"hover:bg-tertiary-bg\",\n    getTypographyClassName(\"body-xs-medium\"),\n  ].join(\" \"),\n  {\n    variants: {\n      size: {\n        sm: \"h-7 min-w-7 px-2\",\n        default: \"h-8 min-w-8 px-3\",\n        lg: \"h-9 min-w-9 px-3.5\",\n      },\n      active: {\n        true: `bg-primary-inverse-bg text-primary-inverse-text\n        hover:bg-primary-inverse-bg`,\n        false: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        size: \"sm\",\n        active: true,\n        className: \"size-7 px-0\",\n      },\n      {\n        size: \"default\",\n        active: true,\n        className: \"size-8 px-0\",\n      },\n      {\n        size: \"lg\",\n        active: true,\n        className: \"size-9 px-0\",\n      },\n    ],\n    defaultVariants: {\n      size: \"default\",\n      active: false,\n    },\n  },\n);\n"],"names":["appPaginationSizeOptions","appPaginationContentVariants","cva","appPaginationNavigationButtonVariants","appPaginationPageVariants","getTypographyClassName"],"mappings":";;;;AAGO,MAAMA,IAA2B,CAAC,WAAW,MAAM,IAAI,GAIjDC,IAA+BC,EAAI,qBAAqB;AAAA,EACnE,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAEYC,IAAwCD;AAAA,EACnD;AAAA,IACE;AAAA,IACA;AAAA,EAAA,EACA,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEaE,IAA4BF;AAAA,EACvC;AAAA,IACE;AAAA,IACA;AAAA,IACAG,EAAuB,gBAAgB;AAAA,EAAA,EACvC,KAAK,GAAG;AAAA,EACV;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,MAAA;AAAA,MAEN,QAAQ;AAAA,QACN,MAAM;AAAA;AAAA,QAEN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,kBAAkB;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,MAAM;AAAA,QACN,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,QAAQ;AAAA,IAAA;AAAA,EACV;AAEJ;"}

package/dist/components-app-pagination.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./components-app-pagination-app-pagination.cjs");exports.AppPagination=n.AppPagination;
+//# sourceMappingURL=components-app-pagination.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-pagination.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components-app-pagination.js

@@ -0,0 +1,5 @@
+import { AppPagination as a } from "./components-app-pagination-app-pagination.js";
+export {
+  a as AppPagination
+};
+//# sourceMappingURL=components-app-pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components-app-pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

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

@@ -0,0 +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:"chevrons",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;
+//# sourceMappingURL=components-app-sidebar-app-sidebar.cjs.map

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

@@ -0,0 +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=\"chevrons\"\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,WACL,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"}

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

@@ -0,0 +1,97 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { cn as n } from "./lib-utils.js";
+import { Icon as h } 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";
+const z = ({
+  groups: d,
+  title: f = "CRM",
+  brandMark: N,
+  state: l = "expanded",
+  activeItemId: s,
+  showToggle: v = !0,
+  onStateChange: c,
+  onItemSelect: u,
+  className: x,
+  ...g
+}) => {
+  const r = l === "collapsed", S = d.filter((o) => o.placement !== "bottom"), p = d.filter((o) => o.placement === "bottom"), y = r ? "expanded" : "collapsed", B = () => {
+    c?.(y);
+  }, b = (o) => o.map((t) => /* @__PURE__ */ e(
+    V,
+    {
+      title: t.title,
+      collapsed: r,
+      className: n(t.divider && "border-delicate-border border-b"),
+      children: t.items.map((a) => {
+        const m = s ? s === a.id : !!a.active;
+        return /* @__PURE__ */ e(
+          C,
+          {
+            icon: /* @__PURE__ */ e(h, { type: a.icon }),
+            label: a.label,
+            badge: a.badge,
+            active: m,
+            collapsed: r,
+            disabled: a.disabled,
+            href: a.href,
+            target: a.target,
+            rel: a.rel,
+            onAction: () => {
+              u?.(a), a.onClick?.(a);
+            },
+            "aria-current": m ? "page" : void 0
+          },
+          a.id
+        );
+      })
+    },
+    t.id
+  ));
+  return /* @__PURE__ */ i(
+    "aside",
+    {
+      className: n(j({ state: l }), x),
+      "aria-label": "Боковая навигация",
+      ...g,
+      children: [
+        /* @__PURE__ */ i("header", { className: T({ state: l }), children: [
+          /* @__PURE__ */ i("div", { className: A({ state: l }), children: [
+            N,
+            /* @__PURE__ */ e("p", { className: k, children: f })
+          ] }),
+          v && /* @__PURE__ */ e(
+            "button",
+            {
+              type: "button",
+              className: G(),
+              onClick: B,
+              "aria-label": r ? "Развернуть боковую навигацию" : "Свернуть боковую навигацию",
+              disabled: !c,
+              children: /* @__PURE__ */ e(
+                h,
+                {
+                  type: "chevrons",
+                  strokeWidth: 1.5,
+                  className: n(
+                    "transition-transform duration-200",
+                    r ? "-rotate-90" : "rotate-90"
+                  )
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__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) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  z as AppSidebar
+};
+//# sourceMappingURL=components-app-sidebar-app-sidebar.js.map