brd-ui-kit 0.1.72 → 0.1.75

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

@@ -6,6 +6,7 @@ type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLD
     size?: IconPreset | StrokeIconProps["size"];
     strokeWidth?: StrokeIconProps["strokeWidth"];
     color?: StrokeIconProps["color"];
+    disabled?: boolean;
     absoluteStrokeWidth?: StrokeIconProps["absoluteStrokeWidth"];
     classes?: {
         wrapper?: string;
@@ -13,6 +14,6 @@ type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLD
     };
     svgProps?: Omit<React.SVGProps<SVGSVGElement>, "size" | "strokeWidth" | "color" | "className">;
 };
-export declare const Icon: ({ type, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export declare const Icon: ({ type, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
 export type IconType = IconName;
 export type { Props as IconProps };

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

@@ -1,4 +1,3 @@
-import { ButtonProps } from '../button';
 import * as React from "react";
 declare const Pagination: {
     ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
@@ -16,17 +15,19 @@ declare const PaginationItem: {
 };
 type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+    variant?: "page" | "arrow-left" | "arrow-right";
+    disabled?: boolean;
+} & React.ComponentProps<"a">;
 declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, isActive, variant, disabled, children, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, children, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, children, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {

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

@@ -1,6 +1,6 @@
 export declare const selectGroupClassName = "flex flex-col gap-1";
-export declare const selectTriggerClassName = "border-inp-default-border bg-primary-bg text-primary-text\nhover:border-inp-hover-border focus-visible:border-inp-focus-border\ndata-placeholder:text-placeholder-text aria-invalid:border-error-text\naria-valid:border-success-text disabled:border-inp-disabled-border\ndisabled:bg-disabled-bg disabled:text-disabled-text\n[&[data-disabled]_svg]:text-disabled-text relative flex w-full items-center\njustify-between gap-2 rounded-xl border px-3 py-2.5 text-sm whitespace-nowrap\ntransition-colors outline-none select-none focus-visible:ring-0\ndisabled:pointer-events-none data-[size=default]:h-10 data-[size=sm]:h-8\n*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5\n[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-export declare const selectIconClassName = "text-primary-text pointer-events-none size-4";
+export declare const selectTriggerClassName = "border-inp-default-border bg-primary-bg text-primary-text\nhover:border-inp-hover-border focus-visible:border-inp-focus-border\ndata-placeholder:text-placeholder-text aria-invalid:border-error-text\naria-valid:border-success-text disabled:border-inp-disabled-border\ndisabled:bg-disabled-bg disabled:text-disabled-text\n[&[data-disabled]_svg]:text-disabled-text relative flex w-full items-center\njustify-between gap-2 rounded-xl border px-3 py-2.5 text-sm whitespace-nowrap cursor-pointer\ntransition-colors outline-none select-none focus-visible:ring-0\ndisabled:pointer-events-none data-[size=default]:h-10 data-[size=sm]:h-8\n*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5\n[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+export declare const selectIconClassName = "text-secondary-text pointer-events-none size-5";
 export declare const selectContentClassName = "border-inp-focus-border bg-primary-bg text-primary-text\ndata-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2\ndata-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\ndata-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\ndata-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative\nz-50 max-h-63 w-(--radix-select-trigger-width)\nmin-w-(--radix-select-trigger-width)\norigin-(--radix-select-content-transform-origin) overflow-x-hidden\noverflow-y-auto rounded-xl border shadow-[0px_4px_12px_0px_rgba(0,0,0,0.1)]\nduration-100 data-[align-trigger=true]:animate-none";
 export declare const selectViewportClassName = "data-[position=popper]:h-(--radix-select-trigger-height)\ndata-[position=popper]:w-full\ndata-[position=popper]:min-w-(--radix-select-trigger-width)";
 export declare const selectLabelClassName = "text-secondary-text px-4 py-2 text-xs";

package/dist/components/ui/select-calendar-menu/index.d.ts

@@ -0,0 +1 @@
+export { SelectCalendarMenu, type SelectCalendarMenuProps } from './select-calendar-menu';

package/dist/components/ui/select-calendar-menu/select-calendar-menu.d.ts

@@ -0,0 +1,33 @@
+import { DateRange } from 'react-day-picker';
+import { Calendar } from '../calendar';
+import { Icon } from '../icon';
+import { PopoverContent } from '../popover';
+import * as React from "react";
+type SelectCalendarMenuBaseProps = {
+    placeholder?: string;
+    size?: "sm" | "default";
+    disabled?: boolean;
+    className?: string;
+    iconPosition?: "left" | "right";
+    iconType?: React.ComponentProps<typeof Icon>["type"];
+    closeOnSelect?: boolean;
+    collisionPadding?: number;
+    calendarProps?: Omit<React.ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect" | "appendFooter">;
+    popoverContentProps?: Omit<React.ComponentProps<typeof PopoverContent>, "children">;
+};
+type SelectCalendarMenuSingleProps = SelectCalendarMenuBaseProps & {
+    mode?: "single";
+    value?: Date;
+    onValueChange?: (date: Date | undefined) => void;
+    triggerLabelFormatter?: (date: Date) => string;
+};
+type SelectCalendarMenuRangeProps = SelectCalendarMenuBaseProps & {
+    mode: "range";
+    value?: DateRange;
+    onValueChange?: (range: DateRange | undefined) => void;
+    triggerLabelFormatter?: (range: DateRange | undefined) => string;
+    rangeApplyLabel?: string;
+};
+export type SelectCalendarMenuProps = SelectCalendarMenuSingleProps | SelectCalendarMenuRangeProps;
+declare function SelectCalendarMenu(props: SelectCalendarMenuProps): import("react/jsx-runtime").JSX.Element;
+export { SelectCalendarMenu };

package/dist/components/ui/select-calendar-menu.d.ts

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

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

@@ -1,5 +1,5 @@
-import * as React from "react";
-type TextareaProps = React.ComponentPropsWithRef<"textarea"> & {
+import { ComponentPropsWithRef } from 'react';
+type TextareaProps = ComponentPropsWithRef<"textarea"> & {
     className?: string;
 };
 declare const Textarea: {

package/dist/components/ui/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { Toggle } from './toggle';
+export { toggleVariants } from './toggle.styles';
+export type { ToggleVariantProps } from './toggle.styles';

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

@@ -0,0 +1,5 @@
+import { Toggle as TogglePrimitive } from 'radix-ui';
+import { ToggleVariantProps } from './toggle.styles';
+import { ComponentProps } from 'react';
+declare function Toggle({ className, variant, size, ...props }: ComponentProps<typeof TogglePrimitive.Root> & ToggleVariantProps): import("react/jsx-runtime").JSX.Element;
+export { Toggle };

package/dist/components/ui/toggle/toggle.styles.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+declare const toggleVariants: (props?: ({
+    variant?: "default" | "outline" | null | undefined;
+    size?: "lg" | "sm" | "default" | null | undefined;
+    square?: boolean | null | undefined;
+} & ClassProp) | undefined) => string;
+type ToggleVariantProps = VariantProps<typeof toggleVariants>;
+export { toggleVariants };
+export type { ToggleVariantProps };

package/dist/components/ui/toggle-group/index.d.ts

@@ -0,0 +1 @@
+export { ToggleGroup, ToggleGroupItem } from './toggle-group';

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

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { ToggleGroup as ToggleGroupPrimitive } from 'radix-ui';
+import { toggleVariants } from '../toggle';
+import { ToggleGroupItemKindVariantProps, ToggleGroupRootVariantProps, ToggleGroupItemStatusVariantProps } from './toggle-group.styles';
+import { ComponentProps } from 'react';
+type ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {
+    kind?: NonNullable<ToggleGroupRootVariantProps["kind"]>;
+    spacing?: number;
+    orientation?: "horizontal" | "vertical";
+};
+declare function ToggleGroup({ className, variant, size, square, kind, spacing, orientation, children, style, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue): import("react/jsx-runtime").JSX.Element;
+declare function ToggleGroupItem({ className, children, variant, size, square, kind, statusVariant, ...props }: ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants> & ToggleGroupItemKindVariantProps & ToggleGroupItemStatusVariantProps): import("react/jsx-runtime").JSX.Element;
+export { ToggleGroup, ToggleGroupItem };

package/dist/components/ui/toggle-group/toggle-group.styles.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import { ClassProp } from 'class-variance-authority/types';
+export declare const toggleGroupRootVariants: (props?: ({
+    kind?: "status" | "default" | "custom" | null | undefined;
+} & ClassProp) | undefined) => string;
+export declare const toggleGroupItemKindVariants: (props?: ({
+    kind?: "status" | "default" | "custom" | null | undefined;
+} & ClassProp) | undefined) => string;
+export declare const toggleGroupItemStatusVariants: (props?: ({
+    statusVariant?: "empty" | "precise" | "precalc" | "lowData" | null | undefined;
+} & ClassProp) | undefined) => string;
+export type ToggleGroupItemStatusVariantProps = VariantProps<typeof toggleGroupItemStatusVariants>;
+export type ToggleGroupRootVariantProps = VariantProps<typeof toggleGroupRootVariants>;
+export type ToggleGroupItemKindVariantProps = VariantProps<typeof toggleGroupItemKindVariants>;

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

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

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

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

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"),m=require("./components-ui-icon-icon.cjs"),u=require("./components-ui-button-button.cjs");require("./components-ui-button-button.styles.cjs");const a=require("./components-ui-pagination-pagination.cjs"),r=require("./components-app-pagination-app-pagination.styles.cjs"),N=5,f=5,g=({currentPage:t,totalPages:o,maxVisiblePages:h=N,className:_,showNavigation:d=!0,prevLabel:x,nextLabel:j,size:e="default",ellipsisStep:s=f,onPageChange:p})=>{if(o<=1)return null;const b=I.getPageNumbers(h,t,o),l=n=>{n>=1&&n<=o&&p(n)},P=n=>{if(n==="ellipsis-start"){const c=Math.max(1,t-s);l(c)}else{const c=Math.min(o,t+s);l(c)}};return i.jsx(a.Pagination,{className:"w-fit",children:i.jsxs(a.PaginationContent,{className:v.cn(r.appPaginationContentVariants({size:e}),_),children:[d&&i.jsx(a.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",disabled:t===1,onClick:()=>l(t-1),className:r.appPaginationNavigationButtonVariants({size:e,side:"prev"}),"aria-label":"Предыдущая страница",children:x||i.jsx(m.Icon,{type:"caret-left",size:"small"})})}),b.map(n=>n==="ellipsis-start"||n==="ellipsis-end"?i.jsx(a.PaginationItem,{children:i.jsx(u.Button,{variant:"ghost",onClick:()=>P(n),className:r.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:()=>l(n),className:r.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:()=>l(t+1),className:r.appPaginationNavigationButtonVariants({size:e,side:"next"}),"aria-label":"Следующая страница",children:j||i.jsx(m.Icon,{type:"caret-right",size:"small"})})})]})})};exports.AppPagination=g;
+"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;
 //# 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;\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 || <Icon type=\"caret-left\" size=\"small\" />}\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 || <Icon type=\"caret-right\" size=\"small\" />}\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","Icon","appPaginationPageVariants","PaginationLink"],"mappings":"icA8BMA,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,YAAaU,EAAAA,IAACS,EAAAA,KAAA,CAAK,KAAK,aAAa,KAAK,OAAA,CAAQ,CAAA,CAAA,EAEvD,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,YAAaU,EAAAA,IAACS,EAAAA,KAAA,CAAK,KAAK,cAAc,KAAK,OAAA,CAAQ,CAAA,CAAA,CACtD,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 { 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"}

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

@@ -1,39 +1,43 @@
 import { jsx as n, jsxs as L } from "react/jsx-runtime";
 import { getPageNumbers as p } from "./utils-helpers.js";
-import { cn as x } from "./lib-utils.js";
+import { cn as A } from "./lib-utils.js";
 import { Icon as e } from "./components-ui-icon-icon.js";
 import { Button as c } from "./components-ui-button-button.js";
 import "./components-ui-button-button.styles.js";
-import { Pagination as A, PaginationContent as $, 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 u = 5, B = 5, U = ({
+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 = {
+  sm: "x-small",
+  default: "x-small",
+  lg: "small"
+}, U = ({
   currentPage: a,
-  totalPages: l,
-  maxVisiblePages: b = u,
+  totalPages: o,
+  maxVisiblePages: v = V,
   className: C,
   showNavigation: d = !0,
   prevLabel: N,
-  nextLabel: v,
-  size: o = "default",
-  ellipsisStep: t = B,
+  nextLabel: x,
+  size: t = "default",
+  ellipsisStep: l = _,
   onPageChange: E
 }) => {
-  if (l <= 1) return null;
-  const k = p(b, a, l), r = (i) => {
-    i >= 1 && i <= l && E(i);
-  }, I = (i) => {
+  if (o <= 1) return null;
+  const I = p(v, a, o), r = (i) => {
+    i >= 1 && i <= o && E(i);
+  }, k = (i) => {
     if (i === "ellipsis-start") {
-      const m = Math.max(1, a - t);
+      const m = Math.max(1, a - l);
       r(m);
     } else {
-      const m = Math.min(l, a + t);
+      const m = Math.min(o, a + l);
       r(m);
     }
   };
-  return /* @__PURE__ */ n(A, { className: "w-fit", children: /* @__PURE__ */ L(
-    $,
+  return /* @__PURE__ */ n($, { className: "w-fit", children: /* @__PURE__ */ L(
+    u,
     {
-      className: x(_({ size: o }), C),
+      className: A(P({ size: t }), C),
       children: [
         d && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
           c,
@@ -42,30 +46,36 @@ const u = 5, B = 5, U = ({
             disabled: a === 1,
             onClick: () => r(a - 1),
             className: h({
-              size: o,
+              size: t,
               side: "prev"
             }),
             "aria-label": "Предыдущая страница",
-            children: N || /* @__PURE__ */ n(e, { type: "caret-left", size: "small" })
+            children: N || /* @__PURE__ */ n(
+              e,
+              {
+                type: "caret-left",
+                size: b[t]
+              }
+            )
           }
         ) }),
-        k.map((i) => i === "ellipsis-start" || i === "ellipsis-end" ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
+        I.map((i) => i === "ellipsis-start" || i === "ellipsis-end" ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
           c,
           {
             variant: "ghost",
-            onClick: () => I(i),
-            className: f({ size: o }),
-            "aria-label": i === "ellipsis-start" ? `Перейти на ${t} страниц назад` : `Перейти на ${t} страниц вперед`,
-            title: i === "ellipsis-start" ? `Нажать чтобы перейти на ${t} страниц назад` : `Нажать чтобы перейти на ${t} страниц вперед`,
+            onClick: () => k(i),
+            className: f({ size: t }),
+            "aria-label": i === "ellipsis-start" ? `Перейти на ${l} страниц назад` : `Перейти на ${l} страниц вперед`,
+            title: i === "ellipsis-start" ? `Нажать чтобы перейти на ${l} страниц назад` : `Нажать чтобы перейти на ${l} страниц вперед`,
             children: "..."
           }
         ) }, i) : /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
-          V,
+          B,
           {
             isActive: a === i,
             onClick: () => r(i),
             className: f({
-              size: o,
+              size: t,
               active: a === i
             }),
             "aria-label": `Страница ${i}`,
@@ -77,14 +87,20 @@ const u = 5, B = 5, U = ({
           c,
           {
             variant: "ghost",
-            disabled: a === l,
+            disabled: a === o,
             onClick: () => r(a + 1),
             className: h({
-              size: o,
+              size: t,
               side: "next"
             }),
             "aria-label": "Следующая страница",
-            children: v || /* @__PURE__ */ n(e, { type: "caret-right", size: "small" })
+            children: x || /* @__PURE__ */ n(
+              e,
+              {
+                type: "caret-right",
+                size: b[t]
+              }
+            )
           }
         ) })
       ]

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;\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 || <Icon type=\"caret-left\" size=\"small\" />}\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 || <Icon type=\"caret-right\" size=\"small\" />}\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","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 { 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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"}

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

@@ -1,3 +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;
+"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"}}),r=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",default:"size-8",lg:"size-9"},side:{prev:"mr-3",next:"ml-3"}},defaultVariants:{size:"default"}}),s=a.cva(["text-primary-text bg-primary-bg cursor-pointer rounded-xl","hover:bg-primary-hover-bg",e.getTypographyClassName("body-xxs-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-secondary-inverse-bg text-primary-inverse-text
+        hover:bg-secondary-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=r;exports.appPaginationPageVariants=s;exports.appPaginationSizeOptions=t;
 //# sourceMappingURL=components-app-pagination-app-pagination.styles.cjs.map

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

@@ -1 +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"}
+{"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\",\n        default: \"size-8\",\n        lg: \"size-9\",\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 bg-primary-bg cursor-pointer rounded-xl\",\n    \"hover:bg-primary-hover-bg\",\n    getTypographyClassName(\"body-xxs-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-secondary-inverse-bg text-primary-inverse-text\n        hover:bg-secondary-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,SACJ,QAAS,SACT,GAAI,QAAA,EAEN,KAAM,CACJ,KAAM,OACN,KAAM,MAAA,CACR,EAEF,gBAAiB,CACf,KAAM,SAAA,CACR,CAEJ,EAEaE,EAA4BF,EAAAA,IACvC,CACE,4DACA,4BACAG,EAAAA,uBAAuB,iBAAiB,CAAA,EACxC,KAAK,GAAG,EACV,CACE,SAAU,CACR,KAAM,CACJ,GAAI,mBACJ,QAAS,mBACT,GAAI,oBAAA,EAEN,OAAQ,CACN,KAAM;AAAA,uCAEN,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

@@ -2,7 +2,7 @@ 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", {
+const n = ["default", "sm", "lg"], o = e("flex items-center", {
   variants: {
     size: {
       sm: "gap-1",
@@ -13,7 +13,7 @@ const n = ["default", "sm", "lg"], p = e("flex items-center", {
   defaultVariants: {
     size: "default"
   }
-}), o = e(
+}), p = e(
   [
     "bg-tertiary-bg text-primary-text cursor-pointer rounded-sm p-0",
     "hover:bg-primary-hover-bg"
@@ -21,9 +21,9 @@ const n = ["default", "sm", "lg"], p = e("flex items-center", {
   {
     variants: {
       size: {
-        sm: "size-7 [&_svg]:size-3",
-        default: "size-8 [&_svg]:size-3.5",
-        lg: "size-9 [&_svg]:size-4"
+        sm: "size-7",
+        default: "size-8",
+        lg: "size-9"
       },
       side: {
         prev: "mr-3",
@@ -36,9 +36,9 @@ const n = ["default", "sm", "lg"], p = e("flex items-center", {
   }
 ), m = e(
   [
-    "text-primary-text cursor-pointer rounded-xl bg-transparent",
-    "hover:bg-tertiary-bg",
-    a("body-xs-medium")
+    "text-primary-text bg-primary-bg cursor-pointer rounded-xl",
+    "hover:bg-primary-hover-bg",
+    a("body-xxs-medium")
   ].join(" "),
   {
     variants: {
@@ -48,8 +48,8 @@ const n = ["default", "sm", "lg"], p = e("flex items-center", {
         lg: "h-9 min-w-9 px-3.5"
       },
       active: {
-        true: `bg-primary-inverse-bg text-primary-inverse-text
-        hover:bg-primary-inverse-bg`,
+        true: `bg-secondary-inverse-bg text-primary-inverse-text
+        hover:bg-secondary-inverse-bg`,
         false: ""
       }
     },
@@ -77,8 +77,8 @@ const n = ["default", "sm", "lg"], p = e("flex items-center", {
   }
 );
 export {
-  p as appPaginationContentVariants,
-  o as appPaginationNavigationButtonVariants,
+  o as appPaginationContentVariants,
+  p as appPaginationNavigationButtonVariants,
   m as appPaginationPageVariants,
   n as appPaginationSizeOptions
 };

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

@@ -1 +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;"}
+{"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\",\n        default: \"size-8\",\n        lg: \"size-9\",\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 bg-primary-bg cursor-pointer rounded-xl\",\n    \"hover:bg-primary-hover-bg\",\n    getTypographyClassName(\"body-xxs-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-secondary-inverse-bg text-primary-inverse-text\n        hover:bg-secondary-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,iBAAiB;AAAA,EAAA,EACxC,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-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("./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-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-select-field-select-field.cjs");require("./lodash-kqhtUJfz.cjs");require("./chart-CgVfpT_X.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");require("./components-ui-calendar-calendar.styles.cjs");const j=1,b=[".jpg",".png"],h=({src:u,fullName:o,maxFiles:a=j,accept:c=b,avatarProps:q,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/*":c},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,{...q,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 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;
 //# 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":"08DAgBA,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      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"}