brd-ui-kit 0.1.57 → 0.1.59
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_commonjsHelpers-DKOUU3wS.cjs +2 -0
- package/dist/_commonjsHelpers-DKOUU3wS.cjs.map +1 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js +9 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js.map +1 -0
- package/dist/chart-CgVfpT_X.cjs +63 -0
- package/dist/chart-CgVfpT_X.cjs.map +1 -0
- package/dist/chart-D15EtNmb.js +13139 -0
- package/dist/chart-D15EtNmb.js.map +1 -0
- package/dist/components/app-pagination/app-pagination.styles.d.ts +4 -3
- package/dist/components/app-sidebar/app-sidebar.styles.d.ts +5 -4
- package/dist/components/ui/badge/badge.styles.d.ts +3 -2
- package/dist/components/ui/button/button.styles.d.ts +2 -1
- package/dist/components/ui/card/card.styles.d.ts +7 -6
- package/dist/components/ui/combobox/combobox.styles.d.ts +4 -3
- package/dist/components/ui/field/field.styles.d.ts +2 -1
- package/dist/components/ui/icon/icon-dictionary.d.ts +52 -50
- package/dist/components/ui/input/input.styles.d.ts +2 -1
- package/dist/components/ui/input-group/input-group.styles.d.ts +3 -2
- package/dist/components/ui/label/label.d.ts +2 -1
- package/dist/components/ui/navigation-item/navigation-item.styles.d.ts +2 -1
- package/dist/components/ui/navigation-menu/navigation-menu.styles.d.ts +2 -1
- package/dist/components/ui/tabs/tabs.styles.d.ts +3 -2
- package/dist/components/ui/typography/typography.styles.d.ts +2 -1
- package/dist/components-app-pagination-app-pagination.js +97 -0
- package/dist/components-app-pagination-app-pagination.js.map +1 -0
- package/dist/components-app-pagination-app-pagination.styles.js +85 -0
- package/dist/components-app-pagination-app-pagination.styles.js.map +1 -0
- package/dist/components-app-pagination.js +5 -0
- package/dist/components-app-pagination.js.map +1 -0
- package/dist/components-app-sidebar-app-sidebar.js +97 -0
- package/dist/components-app-sidebar-app-sidebar.js.map +1 -0
- package/dist/components-app-sidebar-app-sidebar.styles.js +59 -0
- package/dist/components-app-sidebar-app-sidebar.styles.js.map +1 -0
- package/dist/components-app-sidebar.js +5 -0
- package/dist/components-app-sidebar.js.map +1 -0
- package/dist/components-avatar-uploader-avatar-uploader.cjs +2 -2
- package/dist/components-avatar-uploader-avatar-uploader.cjs.map +1 -1
- package/dist/components-avatar-uploader-avatar-uploader.js +103 -0
- package/dist/components-avatar-uploader-avatar-uploader.js.map +1 -0
- package/dist/components-avatar-uploader.js +5 -0
- package/dist/components-avatar-uploader.js.map +1 -0
- package/dist/components-basic-avatar-basic-avatar.cjs +1 -1
- package/dist/components-basic-avatar-basic-avatar.cjs.map +1 -1
- package/dist/components-basic-avatar-basic-avatar.js +99 -0
- package/dist/components-basic-avatar-basic-avatar.js.map +1 -0
- package/dist/components-basic-avatar.js +5 -0
- package/dist/components-basic-avatar.js.map +1 -0
- package/dist/components-basic-chart-basic-chart.cjs +3 -1
- package/dist/components-basic-chart-basic-chart.cjs.map +1 -1
- package/dist/components-basic-chart-basic-chart.js +5546 -0
- package/dist/components-basic-chart-basic-chart.js.map +1 -0
- package/dist/components-basic-chart.js +5 -0
- package/dist/components-basic-chart.js.map +1 -0
- package/dist/components-basic-checkbox-basic-checkbox.js +54 -0
- package/dist/components-basic-checkbox-basic-checkbox.js.map +1 -0
- package/dist/components-basic-checkbox.js +5 -0
- package/dist/components-basic-checkbox.js.map +1 -0
- package/dist/components-basic-drawer-basic-drawer.cjs +1 -1
- package/dist/components-basic-drawer-basic-drawer.cjs.map +1 -1
- package/dist/components-basic-drawer-basic-drawer.js +74 -0
- package/dist/components-basic-drawer-basic-drawer.js.map +1 -0
- package/dist/components-basic-drawer.js +5 -0
- package/dist/components-basic-drawer.js.map +1 -0
- package/dist/components-basic-modal-basic-modal.js +56 -0
- package/dist/components-basic-modal-basic-modal.js.map +1 -0
- package/dist/components-basic-modal.js +5 -0
- package/dist/components-basic-modal.js.map +1 -0
- package/dist/components-basic-select-basic-select.js +53 -0
- package/dist/components-basic-select-basic-select.js.map +1 -0
- package/dist/components-basic-select.js +5 -0
- package/dist/components-basic-select.js.map +1 -0
- package/dist/components-basic-table-basic-table.js +1961 -0
- package/dist/components-basic-table-basic-table.js.map +1 -0
- package/dist/components-basic-table.js +5 -0
- package/dist/components-basic-table.js.map +1 -0
- package/dist/components-basic-tooltip-basic-tooltip.js +61 -0
- package/dist/components-basic-tooltip-basic-tooltip.js.map +1 -0
- package/dist/components-basic-tooltip.js +5 -0
- package/dist/components-basic-tooltip.js.map +1 -0
- package/dist/components-files-uploader-files-uploader.cjs +3 -3
- package/dist/components-files-uploader-files-uploader.cjs.map +1 -1
- package/dist/components-files-uploader-files-uploader.js +185 -0
- package/dist/components-files-uploader-files-uploader.js.map +1 -0
- package/dist/components-files-uploader.js +5 -0
- package/dist/components-files-uploader.js.map +1 -0
- package/dist/components-input-field-input-field.js +56 -0
- package/dist/components-input-field-input-field.js.map +1 -0
- package/dist/components-input-field.js +5 -0
- package/dist/components-input-field.js.map +1 -0
- package/dist/components-input-password-input-password.cjs +1 -1
- package/dist/components-input-password-input-password.cjs.map +1 -1
- package/dist/components-input-password-input-password.js +67 -0
- package/dist/components-input-password-input-password.js.map +1 -0
- package/dist/components-input-password.js +5 -0
- package/dist/components-input-password.js.map +1 -0
- package/dist/components-popover-modal-popover-modal.js +40 -0
- package/dist/components-popover-modal-popover-modal.js.map +1 -0
- package/dist/components-popover-modal.js +5 -0
- package/dist/components-popover-modal.js.map +1 -0
- package/dist/components-radio-button-radio-button.js +74 -0
- package/dist/components-radio-button-radio-button.js.map +1 -0
- package/dist/components-radio-button.js +5 -0
- package/dist/components-radio-button.js.map +1 -0
- package/dist/components-select-field-select-field.js +179 -0
- package/dist/components-select-field-select-field.js.map +1 -0
- package/dist/components-select-field.js +5 -0
- package/dist/components-select-field.js.map +1 -0
- package/dist/components-select-groups-select-groups.js +91 -0
- package/dist/components-select-groups-select-groups.js.map +1 -0
- package/dist/components-select-groups.js +5 -0
- package/dist/components-select-groups.js.map +1 -0
- package/dist/components-textarea-field-textarea-field.js +30 -0
- package/dist/components-textarea-field-textarea-field.js.map +1 -0
- package/dist/components-textarea-field.js +5 -0
- package/dist/components-textarea-field.js.map +1 -0
- package/dist/components-ui-avatar-avatar.js +149 -0
- package/dist/components-ui-avatar-avatar.js.map +1 -0
- package/dist/components-ui-avatar.js +10 -0
- package/dist/components-ui-avatar.js.map +1 -0
- package/dist/components-ui-badge-badge.js +47 -0
- package/dist/components-ui-badge-badge.js.map +1 -0
- package/dist/components-ui-badge-badge.styles.js +53 -0
- package/dist/components-ui-badge-badge.styles.js.map +1 -0
- package/dist/components-ui-badge.js +7 -0
- package/dist/components-ui-badge.js.map +1 -0
- package/dist/components-ui-button-button.js +26 -0
- package/dist/components-ui-button-button.js.map +1 -0
- package/dist/components-ui-button-button.styles.js +58 -0
- package/dist/components-ui-button-button.styles.js.map +1 -0
- package/dist/components-ui-button.js +7 -0
- package/dist/components-ui-button.js.map +1 -0
- package/dist/components-ui-card-card.js +95 -0
- package/dist/components-ui-card-card.js.map +1 -0
- package/dist/components-ui-card-card.styles.js +55 -0
- package/dist/components-ui-card-card.styles.js.map +1 -0
- package/dist/components-ui-card.js +10 -0
- package/dist/components-ui-card.js.map +1 -0
- package/dist/components-ui-chart-chart.cjs +1 -21
- package/dist/components-ui-chart-chart.cjs.map +1 -1
- package/dist/components-ui-chart-chart.js +13 -0
- package/dist/components-ui-chart-chart.js.map +1 -0
- package/dist/components-ui-chart.cjs +1 -1
- package/dist/components-ui-chart.js +10 -0
- package/dist/components-ui-chart.js.map +1 -0
- package/dist/components-ui-checkbox-checkbox.js +26 -0
- package/dist/components-ui-checkbox-checkbox.js.map +1 -0
- package/dist/components-ui-checkbox-checkbox.styles.js +20 -0
- package/dist/components-ui-checkbox-checkbox.styles.js.map +1 -0
- package/dist/components-ui-checkbox.js +5 -0
- package/dist/components-ui-checkbox.js.map +1 -0
- package/dist/components-ui-combobox-combobox.cjs +5 -5
- package/dist/components-ui-combobox-combobox.cjs.map +1 -1
- package/dist/components-ui-combobox-combobox.js +7155 -0
- package/dist/components-ui-combobox-combobox.js.map +1 -0
- package/dist/components-ui-combobox-combobox.styles.js +93 -0
- package/dist/components-ui-combobox-combobox.styles.js.map +1 -0
- package/dist/components-ui-combobox.js +20 -0
- package/dist/components-ui-combobox.js.map +1 -0
- package/dist/components-ui-dialog-dialog.js +88 -0
- package/dist/components-ui-dialog-dialog.js.map +1 -0
- package/dist/components-ui-dialog-dialog.styles.js +34 -0
- package/dist/components-ui-dialog-dialog.styles.js.map +1 -0
- package/dist/components-ui-dialog.js +14 -0
- package/dist/components-ui-dialog.js.map +1 -0
- package/dist/components-ui-drawer-drawer.cjs +1 -1
- package/dist/components-ui-drawer-drawer.cjs.map +1 -1
- package/dist/components-ui-drawer-drawer.js +177 -0
- package/dist/components-ui-drawer-drawer.js.map +1 -0
- package/dist/components-ui-drawer.js +14 -0
- package/dist/components-ui-drawer.js.map +1 -0
- package/dist/components-ui-field-field.js +155 -0
- package/dist/components-ui-field-field.js.map +1 -0
- package/dist/components-ui-field-field.styles.js +59 -0
- package/dist/components-ui-field-field.styles.js.map +1 -0
- package/dist/components-ui-field.js +14 -0
- package/dist/components-ui-field.js.map +1 -0
- package/dist/components-ui-icon-icon-dictionary.js +60 -0
- package/dist/components-ui-icon-icon-dictionary.js.map +1 -0
- package/dist/components-ui-icon-icon.js +40 -0
- package/dist/components-ui-icon-icon.js.map +1 -0
- package/dist/components-ui-icon-overrides.js +65 -0
- package/dist/components-ui-icon-overrides.js.map +1 -0
- package/dist/components-ui-icon.js +5 -0
- package/dist/components-ui-icon.js.map +1 -0
- package/dist/components-ui-input-group-input-group.js +129 -0
- package/dist/components-ui-input-group-input-group.js.map +1 -0
- package/dist/components-ui-input-group-input-group.styles.js +43 -0
- package/dist/components-ui-input-group-input-group.styles.js.map +1 -0
- package/dist/components-ui-input-group.js +10 -0
- package/dist/components-ui-input-group.js.map +1 -0
- package/dist/components-ui-input-input.js +18 -0
- package/dist/components-ui-input-input.js.map +1 -0
- package/dist/components-ui-input-input.styles.js +31 -0
- package/dist/components-ui-input-input.styles.js.map +1 -0
- package/dist/components-ui-input.js +5 -0
- package/dist/components-ui-input.js.map +1 -0
- package/dist/components-ui-label-label.js +19 -0
- package/dist/components-ui-label-label.js.map +1 -0
- package/dist/components-ui-label.js +5 -0
- package/dist/components-ui-label.js.map +1 -0
- package/dist/components-ui-navigation-item-navigation-item.js +66 -0
- package/dist/components-ui-navigation-item-navigation-item.js.map +1 -0
- package/dist/components-ui-navigation-item-navigation-item.styles.js +32 -0
- package/dist/components-ui-navigation-item-navigation-item.styles.js.map +1 -0
- package/dist/components-ui-navigation-item.js +5 -0
- package/dist/components-ui-navigation-item.js.map +1 -0
- package/dist/components-ui-navigation-menu-navigation-menu.js +25 -0
- package/dist/components-ui-navigation-menu-navigation-menu.js.map +1 -0
- package/dist/components-ui-navigation-menu-navigation-menu.styles.js +23 -0
- package/dist/components-ui-navigation-menu-navigation-menu.styles.js.map +1 -0
- package/dist/components-ui-navigation-menu.js +5 -0
- package/dist/components-ui-navigation-menu.js.map +1 -0
- package/dist/components-ui-pagination-pagination.js +110 -0
- package/dist/components-ui-pagination-pagination.js.map +1 -0
- package/dist/components-ui-pagination.js +11 -0
- package/dist/components-ui-pagination.js.map +1 -0
- package/dist/components-ui-popover-popover.js +117 -0
- package/dist/components-ui-popover-popover.js.map +1 -0
- package/dist/components-ui-popover-popover.styles.js +13 -0
- package/dist/components-ui-popover-popover.styles.js.map +1 -0
- package/dist/components-ui-popover.js +11 -0
- package/dist/components-ui-popover.js.map +1 -0
- package/dist/components-ui-progress-progress.js +49 -0
- package/dist/components-ui-progress-progress.js.map +1 -0
- package/dist/components-ui-progress.js +5 -0
- package/dist/components-ui-progress.js.map +1 -0
- package/dist/components-ui-radio-group-radio-group.js +29 -0
- package/dist/components-ui-radio-group-radio-group.js.map +1 -0
- package/dist/components-ui-radio-group-radio-group.styles.js +23 -0
- package/dist/components-ui-radio-group-radio-group.styles.js.map +1 -0
- package/dist/components-ui-radio-group.js +6 -0
- package/dist/components-ui-radio-group.js.map +1 -0
- package/dist/components-ui-select-select.js +194 -0
- package/dist/components-ui-select-select.js.map +1 -0
- package/dist/components-ui-select-select.styles.js +43 -0
- package/dist/components-ui-select-select.styles.js.map +1 -0
- package/dist/components-ui-select.js +14 -0
- package/dist/components-ui-select.js.map +1 -0
- package/dist/components-ui-separator-separator.js +29 -0
- package/dist/components-ui-separator-separator.js.map +1 -0
- package/dist/components-ui-separator.js +5 -0
- package/dist/components-ui-separator.js.map +1 -0
- package/dist/components-ui-sonner-sonner.cjs +1 -1
- package/dist/components-ui-sonner-sonner.cjs.map +1 -1
- package/dist/components-ui-sonner-sonner.js +72 -0
- package/dist/components-ui-sonner-sonner.js.map +1 -0
- package/dist/components-ui-sonner-sonner.styles.js +42 -0
- package/dist/components-ui-sonner-sonner.styles.js.map +1 -0
- package/dist/components-ui-sonner.cjs +1 -1
- package/dist/components-ui-sonner.js +7 -0
- package/dist/components-ui-sonner.js.map +1 -0
- package/dist/components-ui-switch-switch.js +19 -0
- package/dist/components-ui-switch-switch.js.map +1 -0
- package/dist/components-ui-switch-switch.styles.js +22 -0
- package/dist/components-ui-switch-switch.styles.js.map +1 -0
- package/dist/components-ui-switch.js +5 -0
- package/dist/components-ui-switch.js.map +1 -0
- package/dist/components-ui-table-table.js +130 -0
- package/dist/components-ui-table-table.js.map +1 -0
- package/dist/components-ui-table.js +12 -0
- package/dist/components-ui-table.js.map +1 -0
- package/dist/components-ui-tabs-tabs.js +62 -0
- package/dist/components-ui-tabs-tabs.js.map +1 -0
- package/dist/components-ui-tabs-tabs.styles.js +64 -0
- package/dist/components-ui-tabs-tabs.styles.js.map +1 -0
- package/dist/components-ui-tabs.js +8 -0
- package/dist/components-ui-tabs.js.map +1 -0
- package/dist/components-ui-textarea-textarea.js +16 -0
- package/dist/components-ui-textarea-textarea.js.map +1 -0
- package/dist/components-ui-textarea-textarea.styles.js +13 -0
- package/dist/components-ui-textarea-textarea.styles.js.map +1 -0
- package/dist/components-ui-textarea.js +5 -0
- package/dist/components-ui-textarea.js.map +1 -0
- package/dist/components-ui-tooltip-tooltip.js +28 -0
- package/dist/components-ui-tooltip-tooltip.js.map +1 -0
- package/dist/components-ui-tooltip-tooltip.styles.js +11 -0
- package/dist/components-ui-tooltip-tooltip.styles.js.map +1 -0
- package/dist/components-ui-tooltip.js +9 -0
- package/dist/components-ui-tooltip.js.map +1 -0
- package/dist/components-ui-typography-typography.js +19 -0
- package/dist/components-ui-typography-typography.js.map +1 -0
- package/dist/components-ui-typography-typography.styles.js +85 -0
- package/dist/components-ui-typography-typography.styles.js.map +1 -0
- package/dist/components-ui-typography.js +9 -0
- package/dist/components-ui-typography.js.map +1 -0
- package/dist/hooks-usePopupControls.js +14 -0
- package/dist/hooks-usePopupControls.js.map +1 -0
- package/dist/index-B5Id-jNC.js +2830 -0
- package/dist/index-B5Id-jNC.js.map +1 -0
- package/dist/index-C4iHL8Gs.js +776 -0
- package/dist/index-C4iHL8Gs.js.map +1 -0
- package/dist/index-C6N9aMq_.js +1038 -0
- package/dist/index-C6N9aMq_.js.map +1 -0
- package/dist/index-D8y9Cogu.cjs +7 -0
- package/dist/index-D8y9Cogu.cjs.map +1 -0
- package/dist/index-DGxwh2Ms.cjs +2 -0
- package/dist/index-DGxwh2Ms.cjs.map +1 -0
- package/dist/index-fTTv8YY8.cjs +4 -0
- package/dist/index-fTTv8YY8.cjs.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.js +194 -0
- package/dist/index.js.map +1 -0
- package/dist/lib-utils.js +16 -0
- package/dist/lib-utils.js.map +1 -0
- package/dist/lodash-FemA_LCk.js +3688 -0
- package/dist/lodash-FemA_LCk.js.map +1 -0
- package/dist/lodash-kqhtUJfz.cjs +21 -0
- package/dist/lodash-kqhtUJfz.cjs.map +1 -0
- package/dist/types-types.js +2 -0
- package/dist/types-types.js.map +1 -0
- package/dist/utils-helpers.js +17 -0
- package/dist/utils-helpers.js.map +1 -0
- package/dist/with-selector-CNcGWQ-h.js +534 -0
- package/dist/with-selector-CNcGWQ-h.js.map +1 -0
- package/dist/with-selector-DSbfqgSY.cjs +8 -0
- package/dist/with-selector-DSbfqgSY.cjs.map +1 -0
- package/package.json +87 -625
- package/.githooks/pre-commit +0 -19
- package/.prettierignore +0 -13
- package/components.json +0 -25
- package/prettier.config.mjs +0 -28
- package/public/vite.svg +0 -1
- package/scripts/generate-exports.js +0 -76
- package/scripts/get-entry-points.ts +0 -102
- package/tsconfig.app.json +0 -40
- package/tsconfig.node.json +0 -26
- package/tsconfig.storybook.json +0 -7
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const appPaginationSizeOptions: readonly ["default", "sm", "lg"];
|
|
2
3
|
export type AppPaginationSize = (typeof appPaginationSizeOptions)[number];
|
|
3
4
|
export declare const appPaginationContentVariants: (props?: ({
|
|
4
5
|
size?: "lg" | "sm" | "default" | null | undefined;
|
|
5
|
-
} &
|
|
6
|
+
} & ClassProp) | undefined) => string;
|
|
6
7
|
export declare const appPaginationNavigationButtonVariants: (props?: ({
|
|
7
8
|
size?: "lg" | "sm" | "default" | null | undefined;
|
|
8
9
|
side?: "next" | "prev" | null | undefined;
|
|
9
|
-
} &
|
|
10
|
+
} & ClassProp) | undefined) => string;
|
|
10
11
|
export declare const appPaginationPageVariants: (props?: ({
|
|
11
12
|
size?: "lg" | "sm" | "default" | null | undefined;
|
|
12
13
|
active?: boolean | null | undefined;
|
|
13
|
-
} &
|
|
14
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const appSidebarStateOptions: readonly ["expanded", "collapsed"];
|
|
2
3
|
export type AppSidebarState = (typeof appSidebarStateOptions)[number];
|
|
3
4
|
export declare const appSidebarRootVariants: (props?: ({
|
|
4
5
|
state?: "collapsed" | "expanded" | null | undefined;
|
|
5
|
-
} &
|
|
6
|
+
} & ClassProp) | undefined) => string;
|
|
6
7
|
export declare const appSidebarHeaderVariants: (props?: ({
|
|
7
8
|
state?: "collapsed" | "expanded" | null | undefined;
|
|
8
|
-
} &
|
|
9
|
+
} & ClassProp) | undefined) => string;
|
|
9
10
|
export declare const appSidebarBrandVariants: (props?: ({
|
|
10
11
|
state?: "collapsed" | "expanded" | null | undefined;
|
|
11
|
-
} &
|
|
12
|
+
} & ClassProp) | undefined) => string;
|
|
12
13
|
export declare const appSidebarBrandTitleClassName: string;
|
|
13
|
-
export declare const appSidebarToggleButtonVariants: (props?:
|
|
14
|
+
export declare const appSidebarToggleButtonVariants: (props?: ClassProp | undefined) => string;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const badgeVariants: (props?: ({
|
|
2
3
|
variant?: "waiting" | "in_progress" | "negotiation" | "documents" | "new" | "followup" | "interested" | "proposal" | "action_required" | "contract" | "completed" | "invalid" | null | undefined;
|
|
3
4
|
kind?: "status" | "priority" | null | undefined;
|
|
4
5
|
dotPosition?: "left" | "right" | null | undefined;
|
|
5
|
-
} &
|
|
6
|
+
} & ClassProp) | undefined) => string;
|
|
6
7
|
export declare const badgeLabelVariants: (props?: ({
|
|
7
8
|
kind?: "status" | "priority" | null | undefined;
|
|
8
|
-
} &
|
|
9
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const buttonVariants: (props?: ({
|
|
2
3
|
variant?: "link" | "primary" | "secondary" | "secondaryBorder" | "ghost" | "circle" | "circleGhost" | "square" | null | undefined;
|
|
3
4
|
size?: "lg" | "md" | "sm" | "xs" | "default" | "icon-lg" | "icon-md" | "icon-sm" | "icon-xs" | null | undefined;
|
|
4
|
-
} &
|
|
5
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const cardVariants: (props?: ({
|
|
2
3
|
variant?: "light" | "dark" | null | undefined;
|
|
3
4
|
active?: boolean | null | undefined;
|
|
4
|
-
} &
|
|
5
|
-
export declare const cardHeaderVariants: (props?:
|
|
6
|
-
export declare const cardTitleVariants: (props?:
|
|
7
|
-
export declare const cardDescriptionVariants: (props?:
|
|
8
|
-
export declare const cardContentVariants: (props?:
|
|
9
|
-
export declare const cardFooterVariants: (props?:
|
|
5
|
+
} & ClassProp) | undefined) => string;
|
|
6
|
+
export declare const cardHeaderVariants: (props?: ClassProp | undefined) => string;
|
|
7
|
+
export declare const cardTitleVariants: (props?: ClassProp | undefined) => string;
|
|
8
|
+
export declare const cardDescriptionVariants: (props?: ClassProp | undefined) => string;
|
|
9
|
+
export declare const cardContentVariants: (props?: ClassProp | undefined) => string;
|
|
10
|
+
export declare const cardFooterVariants: (props?: ClassProp | undefined) => string;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const comboboxTriggerStyles = "absolute top-1/2 right-3 z-10 -translate-y-1/2\ncursor-pointer focus-visible:border-0 focus-visible:ring-0 focus-visible:outline-none";
|
|
2
3
|
export declare const comboboxTriggerIconVariants: (props?: ({
|
|
3
4
|
disabled?: boolean | null | undefined;
|
|
4
|
-
} &
|
|
5
|
+
} & ClassProp) | undefined) => string;
|
|
5
6
|
export declare const comboboxClearButtonStyles = "h-full rounded-none border-0 bg-transparent p-0\npr-1.5 shadow-none hover:bg-transparent hover:shadow-none focus:bg-transparent\nfocus:shadow-none";
|
|
6
7
|
export declare const comboboxClearIconStyles = "pointer-events-none";
|
|
7
8
|
export declare const comboboxInputGroupStyles = "has-[[data-slot=input-group-control]:focus-visible]:border-inp-focus-border\nhas-[[data-slot=combobox-trigger]:focus-visible]:border-inp-focus-border px-0\nhas-[[data-slot=combobox-trigger]:focus-visible]:ring-0\nhas-[[data-slot=combobox-trigger]:focus-visible]:outline-none\nhas-[[data-slot=input-group-control]:focus-visible]:ring-0\nhas-[[data-slot=input-group-control]:focus-visible]:outline-none";
|
|
@@ -14,8 +15,8 @@ export declare const comboboxEmptyStyles = "text-secondary-text hidden w-full ju
|
|
|
14
15
|
export declare const comboboxSeparatorStyles = "bg-delicate-border -mx-1 my-1 h-px";
|
|
15
16
|
export declare const comboboxChipsVariants: (props?: ({
|
|
16
17
|
disabled?: boolean | null | undefined;
|
|
17
|
-
} &
|
|
18
|
+
} & ClassProp) | undefined) => string;
|
|
18
19
|
export declare const comboboxChipStyles = "text-primary-text flex items-center justify-center\npx-1.5 text-xs font-medium whitespace-nowrap has-disabled:pointer-events-none\nhas-disabled:cursor-not-allowed has-disabled:opacity-50\nhas-data-[slot=combobox-chip-remove]:pr-0";
|
|
19
20
|
export declare const comboboxChipsInputVariants: (props?: ({
|
|
20
21
|
disabled?: boolean | null | undefined;
|
|
21
|
-
} &
|
|
22
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const fieldVariants: (props?: ({
|
|
2
3
|
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
3
|
-
} &
|
|
4
|
+
} & ClassProp) | undefined) => string;
|
|
4
5
|
export declare const fieldSetClassName = "flex flex-col gap-6 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3";
|
|
5
6
|
export declare const fieldLegendClassName = "mb-3 font-medium data-[variant=legend]:text-base data-[variant=label]:text-sm";
|
|
6
7
|
export declare const fieldGroupClassName = "group/field-group @container/field-group flex w-full flex-col gap-7 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4";
|
|
@@ -1,55 +1,57 @@
|
|
|
1
1
|
import { Check, CircleCheck } from './overrides';
|
|
2
|
+
import { ForwardRefExoticComponent, RefAttributes } from 'react';
|
|
3
|
+
import { LucideProps } from 'lucide-react';
|
|
2
4
|
export declare const dictionary: {
|
|
3
|
-
settings:
|
|
4
|
-
plus:
|
|
5
|
-
wrench:
|
|
6
|
-
phone:
|
|
7
|
-
palette:
|
|
8
|
-
building:
|
|
9
|
-
close:
|
|
5
|
+
settings: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
6
|
+
plus: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
7
|
+
wrench: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
8
|
+
phone: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
9
|
+
palette: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
10
|
+
building: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
11
|
+
close: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
10
12
|
done: typeof Check;
|
|
11
13
|
check: typeof CircleCheck;
|
|
12
|
-
users:
|
|
13
|
-
"layout-grid":
|
|
14
|
-
bell:
|
|
15
|
-
"book-user":
|
|
16
|
-
"user-gear":
|
|
17
|
-
folder:
|
|
18
|
-
"briefcase-business":
|
|
19
|
-
calendar:
|
|
20
|
-
"chart-line":
|
|
21
|
-
message:
|
|
22
|
-
search:
|
|
23
|
-
"list-filter":
|
|
24
|
-
funnel:
|
|
25
|
-
dots:
|
|
26
|
-
"check-list":
|
|
27
|
-
tag:
|
|
28
|
-
chevron:
|
|
29
|
-
chevrons:
|
|
30
|
-
"rotate-ccw":
|
|
31
|
-
question:
|
|
32
|
-
clock:
|
|
33
|
-
eye:
|
|
34
|
-
"eye-off":
|
|
35
|
-
package:
|
|
36
|
-
"credit-card":
|
|
37
|
-
"dollar-sign":
|
|
38
|
-
"circle-alert":
|
|
39
|
-
"lock-keyhole":
|
|
40
|
-
import:
|
|
41
|
-
"circle-x":
|
|
42
|
-
trash:
|
|
43
|
-
mail:
|
|
44
|
-
'chevron-up':
|
|
45
|
-
"circle-check":
|
|
46
|
-
info:
|
|
47
|
-
"triangle-alert":
|
|
48
|
-
octagon:
|
|
49
|
-
loader:
|
|
50
|
-
pencil:
|
|
51
|
-
"file-text":
|
|
52
|
-
"scroll-text":
|
|
53
|
-
"circle-question":
|
|
54
|
-
trash2:
|
|
14
|
+
users: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
15
|
+
"layout-grid": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
16
|
+
bell: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
17
|
+
"book-user": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
18
|
+
"user-gear": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
19
|
+
folder: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
20
|
+
"briefcase-business": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
21
|
+
calendar: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
22
|
+
"chart-line": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
23
|
+
message: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
24
|
+
search: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
25
|
+
"list-filter": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
26
|
+
funnel: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
27
|
+
dots: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
28
|
+
"check-list": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
29
|
+
tag: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
30
|
+
chevron: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
31
|
+
chevrons: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
32
|
+
"rotate-ccw": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
33
|
+
question: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
34
|
+
clock: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
35
|
+
eye: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
36
|
+
"eye-off": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
37
|
+
package: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
38
|
+
"credit-card": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
39
|
+
"dollar-sign": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
40
|
+
"circle-alert": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
41
|
+
"lock-keyhole": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
42
|
+
import: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
43
|
+
"circle-x": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
44
|
+
trash: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
45
|
+
mail: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
46
|
+
'chevron-up': ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
47
|
+
"circle-check": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
48
|
+
info: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
49
|
+
"triangle-alert": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
50
|
+
octagon: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
51
|
+
loader: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
52
|
+
pencil: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
53
|
+
"file-text": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
54
|
+
"scroll-text": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
55
|
+
"circle-question": ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
56
|
+
trash2: ForwardRefExoticComponent<Omit< LucideProps, "ref"> & RefAttributes<SVGSVGElement>>;
|
|
55
57
|
};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const inputVariants: (props?: ({
|
|
2
3
|
variant?: "primary" | null | undefined;
|
|
3
4
|
sizeInput?: "lg" | "md" | "sm" | "xs" | null | undefined;
|
|
4
|
-
} &
|
|
5
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const inputGroupAddonVariants: (props?: ({
|
|
2
3
|
align?: "inline-start" | "inline-end" | "block-start" | "block-end" | null | undefined;
|
|
3
|
-
} &
|
|
4
|
+
} & ClassProp) | undefined) => string;
|
|
4
5
|
export declare const inputGroupButtonVariants: (props?: ({
|
|
5
6
|
size?: "sm" | "xs" | "icon-sm" | "icon-xs" | null | undefined;
|
|
6
|
-
} &
|
|
7
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
2
3
|
import * as React from "react";
|
|
3
4
|
import * as LabelPrimitive from "@radix-ui/react-label";
|
|
4
|
-
declare const labelVariants: (props?:
|
|
5
|
+
declare const labelVariants: (props?: ClassProp | undefined) => string;
|
|
5
6
|
type LabelRef = React.ComponentRef<typeof LabelPrimitive.Root>;
|
|
6
7
|
type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
|
|
7
8
|
ref?: React.Ref<LabelRef>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const navigationItemVariants: (props?: ({
|
|
2
3
|
collapsed?: boolean | null | undefined;
|
|
3
4
|
active?: boolean | null | undefined;
|
|
4
|
-
} &
|
|
5
|
+
} & ClassProp) | undefined) => string;
|
|
5
6
|
export declare const navigationItemLabelClassName: string;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const navigationMenuVariants: (props?: ({
|
|
2
3
|
divider?: boolean | null | undefined;
|
|
3
|
-
} &
|
|
4
|
+
} & ClassProp) | undefined) => string;
|
|
4
5
|
export declare const navigationMenuTitleClassName: string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const tabsListVariants: (props?: ({
|
|
2
3
|
variant?: "default" | "line" | null | undefined;
|
|
3
|
-
} &
|
|
4
|
+
} & ClassProp) | undefined) => string;
|
|
4
5
|
export declare const tabsTriggerVariants: (props?: ({
|
|
5
6
|
variant?: "default" | "line" | null | undefined;
|
|
6
|
-
} &
|
|
7
|
+
} & ClassProp) | undefined) => string;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { ClassProp } from 'class-variance-authority/types';
|
|
1
2
|
export declare const typographyVariantOptions: readonly ["h-xxl-regular", "h-xxl-medium", "h-xl-regular", "h-xl-medium", "h-lg-regular", "h-lg-medium", "h-md-regular", "h-md-medium", "h-sm-regular", "h-sm-medium", "h-xs-regular", "h-xs-medium", "body-xxl-regular", "body-xxl-medium", "body-xxl-semibold", "body-xl-regular", "body-xl-medium", "body-xl-semibold", "body-lg-regular", "body-lg-medium", "body-lg-semibold", "body-md-regular", "body-md-medium", "body-md-semibold", "body-sm-regular", "body-sm-medium", "body-sm-semibold", "body-xs-regular", "body-xs-medium", "body-xs-semibold", "body-xxs-regular", "body-xxs-medium", "body-xxs-semibold"];
|
|
2
3
|
export type TypographyVariant = (typeof typographyVariantOptions)[number];
|
|
3
4
|
export declare const typographyClassNames: (props?: ({
|
|
4
5
|
variant?: "h-xxl-regular" | "h-xxl-medium" | "h-xl-regular" | "h-xl-medium" | "h-lg-regular" | "h-lg-medium" | "h-md-regular" | "h-md-medium" | "h-sm-regular" | "h-sm-medium" | "h-xs-regular" | "h-xs-medium" | "body-xxl-regular" | "body-xxl-medium" | "body-xxl-semibold" | "body-xl-regular" | "body-xl-medium" | "body-xl-semibold" | "body-lg-regular" | "body-lg-medium" | "body-lg-semibold" | "body-md-regular" | "body-md-medium" | "body-md-semibold" | "body-sm-regular" | "body-sm-medium" | "body-sm-semibold" | "body-xs-regular" | "body-xs-medium" | "body-xs-semibold" | "body-xxs-regular" | "body-xxs-medium" | "body-xxs-semibold" | null | undefined;
|
|
5
|
-
} &
|
|
6
|
+
} & ClassProp) | undefined) => string;
|
|
6
7
|
export declare const getTypographyClassName: (variant?: TypographyVariant) => string;
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
import { jsx as n, jsxs as L } from "react/jsx-runtime";
|
|
2
|
+
import { getPageNumbers as k } from "./utils-helpers.js";
|
|
3
|
+
import { cn as x } from "./lib-utils.js";
|
|
4
|
+
import { ChevronLeftIcon as A, ChevronRightIcon as $ } from "lucide-react";
|
|
5
|
+
import { Button as c } from "./components-ui-button-button.js";
|
|
6
|
+
import "./components-ui-button-button.styles.js";
|
|
7
|
+
import { Pagination as V, PaginationContent as _, PaginationItem as s, PaginationLink as p } from "./components-ui-pagination-pagination.js";
|
|
8
|
+
import { appPaginationNavigationButtonVariants as h, appPaginationPageVariants as e, appPaginationContentVariants as u } from "./components-app-pagination-app-pagination.styles.js";
|
|
9
|
+
const B = 5, P = 5, R = ({
|
|
10
|
+
currentPage: a,
|
|
11
|
+
totalPages: o,
|
|
12
|
+
maxVisiblePages: f = B,
|
|
13
|
+
className: C,
|
|
14
|
+
showNavigation: d = !0,
|
|
15
|
+
prevLabel: v,
|
|
16
|
+
nextLabel: b,
|
|
17
|
+
size: r = "default",
|
|
18
|
+
ellipsisStep: t = P,
|
|
19
|
+
onPageChange: N
|
|
20
|
+
}) => {
|
|
21
|
+
if (o <= 1) return null;
|
|
22
|
+
const E = k(f, a, o), l = (i) => {
|
|
23
|
+
i >= 1 && i <= o && N(i);
|
|
24
|
+
}, I = (i) => {
|
|
25
|
+
if (i === "ellipsis-start") {
|
|
26
|
+
const m = Math.max(1, a - t);
|
|
27
|
+
l(m);
|
|
28
|
+
} else {
|
|
29
|
+
const m = Math.min(o, a + t);
|
|
30
|
+
l(m);
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
return /* @__PURE__ */ n(V, { className: "w-fit", children: /* @__PURE__ */ L(
|
|
34
|
+
_,
|
|
35
|
+
{
|
|
36
|
+
className: x(u({ size: r }), C),
|
|
37
|
+
children: [
|
|
38
|
+
d && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
|
|
39
|
+
c,
|
|
40
|
+
{
|
|
41
|
+
variant: "ghost",
|
|
42
|
+
disabled: a === 1,
|
|
43
|
+
onClick: () => l(a - 1),
|
|
44
|
+
className: h({
|
|
45
|
+
size: r,
|
|
46
|
+
side: "prev"
|
|
47
|
+
}),
|
|
48
|
+
"aria-label": "Предыдущая страница",
|
|
49
|
+
children: v || /* @__PURE__ */ n(A, {})
|
|
50
|
+
}
|
|
51
|
+
) }),
|
|
52
|
+
E.map((i) => i === "ellipsis-start" || i === "ellipsis-end" ? /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
|
|
53
|
+
c,
|
|
54
|
+
{
|
|
55
|
+
variant: "ghost",
|
|
56
|
+
onClick: () => I(i),
|
|
57
|
+
className: e({ size: r }),
|
|
58
|
+
"aria-label": i === "ellipsis-start" ? `Перейти на ${t} страниц назад` : `Перейти на ${t} страниц вперед`,
|
|
59
|
+
title: i === "ellipsis-start" ? `Нажать чтобы перейти на ${t} страниц назад` : `Нажать чтобы перейти на ${t} страниц вперед`,
|
|
60
|
+
children: "..."
|
|
61
|
+
}
|
|
62
|
+
) }, i) : /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
|
|
63
|
+
p,
|
|
64
|
+
{
|
|
65
|
+
isActive: a === i,
|
|
66
|
+
onClick: () => l(i),
|
|
67
|
+
className: e({
|
|
68
|
+
size: r,
|
|
69
|
+
active: a === i
|
|
70
|
+
}),
|
|
71
|
+
"aria-label": `Страница ${i}`,
|
|
72
|
+
"aria-current": a === i ? "page" : void 0,
|
|
73
|
+
children: i
|
|
74
|
+
}
|
|
75
|
+
) }, i)),
|
|
76
|
+
d && /* @__PURE__ */ n(s, { children: /* @__PURE__ */ n(
|
|
77
|
+
c,
|
|
78
|
+
{
|
|
79
|
+
variant: "ghost",
|
|
80
|
+
disabled: a === o,
|
|
81
|
+
onClick: () => l(a + 1),
|
|
82
|
+
className: h({
|
|
83
|
+
size: r,
|
|
84
|
+
side: "next"
|
|
85
|
+
}),
|
|
86
|
+
"aria-label": "Следующая страница",
|
|
87
|
+
children: b || /* @__PURE__ */ n($, {})
|
|
88
|
+
}
|
|
89
|
+
) })
|
|
90
|
+
]
|
|
91
|
+
}
|
|
92
|
+
) });
|
|
93
|
+
};
|
|
94
|
+
export {
|
|
95
|
+
R as AppPagination
|
|
96
|
+
};
|
|
97
|
+
//# sourceMappingURL=components-app-pagination-app-pagination.js.map
|
|
@@ -0,0 +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\";\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":";;;;;;;;AA+BA,MAAMA,IAAwB,GACxBC,IAAwB,GAEjBC,IAAgB,CAAC;AAAA,EAC5B,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkBL;AAAA,EAClB,WAAAM;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAeV;AAAA,EACf,cAAAW;AACF,MAAa;AACX,MAAIR,KAAc,EAAG,QAAO;AAE5B,QAAMS,IAAcC,EAAeT,GAAiBF,GAAaC,CAAU,GAErEW,IAAmB,CAACC,MAAiB;AACzC,IAAIA,KAAQ,KAAKA,KAAQZ,KACvBQ,EAAaI,CAAI;AAAA,EAErB,GAEMC,IAAsB,CAACC,MAA4C;AACvE,QAAIA,MAAS,kBAAkB;AAC7B,YAAMC,IAAU,KAAK,IAAI,GAAGhB,IAAcQ,CAAY;AACtD,MAAAI,EAAiBI,CAAO;AAAA,IAC1B,OAAO;AACL,YAAMA,IAAU,KAAK,IAAIf,GAAYD,IAAcQ,CAAY;AAC/D,MAAAI,EAAiBI,CAAO;AAAA,IAC1B;AAAA,EACF;AAEA,SACE,gBAAAC,EAACC,GAAA,EAAW,WAAU,SACpB,UAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAGC,EAA6B,EAAE,MAAAf,EAAA,CAAM,GAAGJ,CAAS;AAAA,MAE9D,UAAA;AAAA,QAAAC,uBACEmB,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAUxB,MAAgB;AAAA,YAC1B,SAAS,MAAMY,EAAiBZ,IAAc,CAAC;AAAA,YAC/C,WAAWyB,EAAsC;AAAA,cAC/C,MAAAlB;AAAA,cACA,MAAM;AAAA,YAAA,CACP;AAAA,YACD,cAAW;AAAA,YAEV,UAAAF,uBAAcqB,GAAA,CAAA,CAAgB;AAAA,UAAA;AAAA,QAAA,GAEnC;AAAA,QAGDhB,EAAY,IAAI,CAACG,MACZA,MAAS,oBAAoBA,MAAS,mCAErCU,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAMV,EAAoBD,CAAI;AAAA,YACvC,WAAWc,EAA0B,EAAE,MAAApB,GAAM;AAAA,YAC7C,cACEM,MAAS,mBACL,cAAcL,CAAY,mBAC1B,cAAcA,CAAY;AAAA,YAEhC,OACEK,MAAS,mBACL,2BAA2BL,CAAY,mBACvC,2BAA2BA,CAAY;AAAA,YAE9C,UAAA;AAAA,UAAA;AAAA,QAAA,KAfkBK,CAkBrB,sBAKDU,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACW;AAAA,UAAA;AAAA,YACC,UAAU5B,MAAgBa;AAAA,YAC1B,SAAS,MAAMD,EAAiBC,CAAI;AAAA,YACpC,WAAWc,EAA0B;AAAA,cACnC,MAAApB;AAAA,cACA,QAAQP,MAAgBa;AAAA,YAAA,CACzB;AAAA,YACD,cAAY,YAAYA,CAAI;AAAA,YAC5B,gBAAcb,MAAgBa,IAAO,SAAS;AAAA,YAE7C,UAAAA;AAAA,UAAA;AAAA,QAAA,KAXgBA,CAarB,CAEH;AAAA,QAEAT,uBACEmB,GAAA,EACC,UAAA,gBAAAN;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,UAAUxB,MAAgBC;AAAA,YAC1B,SAAS,MAAMW,EAAiBZ,IAAc,CAAC;AAAA,YAC/C,WAAWyB,EAAsC;AAAA,cAC/C,MAAAlB;AAAA,cACA,MAAM;AAAA,YAAA,CACP;AAAA,YACD,cAAW;AAAA,YAEV,UAAAD,uBAAcuB,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA,EAClC,CACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { cva as e } from "class-variance-authority";
|
|
2
|
+
import "react";
|
|
3
|
+
import "./lib-utils.js";
|
|
4
|
+
import { getTypographyClassName as a } from "./components-ui-typography-typography.styles.js";
|
|
5
|
+
const n = ["default", "sm", "lg"], p = e("flex items-center", {
|
|
6
|
+
variants: {
|
|
7
|
+
size: {
|
|
8
|
+
sm: "gap-1",
|
|
9
|
+
default: "gap-1",
|
|
10
|
+
lg: "gap-2"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
defaultVariants: {
|
|
14
|
+
size: "default"
|
|
15
|
+
}
|
|
16
|
+
}), o = e(
|
|
17
|
+
[
|
|
18
|
+
"bg-tertiary-bg text-primary-text cursor-pointer rounded-sm p-0",
|
|
19
|
+
"hover:bg-primary-hover-bg"
|
|
20
|
+
].join(" "),
|
|
21
|
+
{
|
|
22
|
+
variants: {
|
|
23
|
+
size: {
|
|
24
|
+
sm: "size-7 [&_svg]:size-3",
|
|
25
|
+
default: "size-8 [&_svg]:size-3.5",
|
|
26
|
+
lg: "size-9 [&_svg]:size-4"
|
|
27
|
+
},
|
|
28
|
+
side: {
|
|
29
|
+
prev: "mr-3",
|
|
30
|
+
next: "ml-3"
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
size: "default"
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
), m = e(
|
|
38
|
+
[
|
|
39
|
+
"text-primary-text cursor-pointer rounded-xl bg-transparent",
|
|
40
|
+
"hover:bg-tertiary-bg",
|
|
41
|
+
a("body-xs-medium")
|
|
42
|
+
].join(" "),
|
|
43
|
+
{
|
|
44
|
+
variants: {
|
|
45
|
+
size: {
|
|
46
|
+
sm: "h-7 min-w-7 px-2",
|
|
47
|
+
default: "h-8 min-w-8 px-3",
|
|
48
|
+
lg: "h-9 min-w-9 px-3.5"
|
|
49
|
+
},
|
|
50
|
+
active: {
|
|
51
|
+
true: `bg-primary-inverse-bg text-primary-inverse-text
|
|
52
|
+
hover:bg-primary-inverse-bg`,
|
|
53
|
+
false: ""
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
compoundVariants: [
|
|
57
|
+
{
|
|
58
|
+
size: "sm",
|
|
59
|
+
active: !0,
|
|
60
|
+
className: "size-7 px-0"
|
|
61
|
+
},
|
|
62
|
+
{
|
|
63
|
+
size: "default",
|
|
64
|
+
active: !0,
|
|
65
|
+
className: "size-8 px-0"
|
|
66
|
+
},
|
|
67
|
+
{
|
|
68
|
+
size: "lg",
|
|
69
|
+
active: !0,
|
|
70
|
+
className: "size-9 px-0"
|
|
71
|
+
}
|
|
72
|
+
],
|
|
73
|
+
defaultVariants: {
|
|
74
|
+
size: "default",
|
|
75
|
+
active: !1
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
);
|
|
79
|
+
export {
|
|
80
|
+
p as appPaginationContentVariants,
|
|
81
|
+
o as appPaginationNavigationButtonVariants,
|
|
82
|
+
m as appPaginationPageVariants,
|
|
83
|
+
n as appPaginationSizeOptions
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=components-app-pagination-app-pagination.styles.js.map
|
|
@@ -0,0 +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;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components-app-pagination.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|