@lax-wp/design-system 0.5.5 → 0.5.7

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.
Files changed (14) hide show
  1. package/dist/components/cards/card-main/CardMain.d.ts +1 -1
  2. package/dist/components/data-display/comparison/utils.d.ts +7 -7
  3. package/dist/components/data-display/datatype-icon/DataTypeIcon.d.ts +75 -101
  4. package/dist/components/data-display/datatype-icon/index.d.ts +0 -1
  5. package/dist/components/forms/file-upload-dragger/FileUpload.d.ts +2 -0
  6. package/dist/components/sliders/ImageSlider.d.ts +14 -0
  7. package/dist/design-system.css +1 -1
  8. package/dist/hooks/useScrollToTop.d.ts +1 -1
  9. package/dist/index.d.ts +2 -1
  10. package/dist/index.es.js +11915 -8724
  11. package/dist/index.es.js.map +1 -1
  12. package/dist/index.umd.js +35 -31
  13. package/dist/index.umd.js.map +1 -1
  14. package/package.json +4 -2
package/dist/components/cards/card-main/CardMain.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { FC, ReactNode } from 'react';
1
+ import type { FC, ReactNode } from 'react';
2
2
  export type CardMainProps = {
3
3
  title?: string;
4
4
  children: ReactNode;
package/dist/components/data-display/comparison/utils.d.ts CHANGED
@@ -1,15 +1,15 @@
1
1
  import { ILayoutItem } from './constants';
2
- export declare const gridLayoutItems: (layoutItems: Array<Pick<ILayoutItem, "id" | "visible" | "states" | "isLoading">>) => {
2
+ export declare const gridLayoutItems: import("memoize-one").MemoizedFn<(layoutItems: Array<Pick<ILayoutItem, "id" | "visible" | "states" | "isLoading">>) => {
3
3
  items: Pick<ILayoutItem, "visible" | "id" | "isLoading" | "states">[];
4
4
  ids: number[];
5
- };
6
- export declare const filterVisibleItems: (layoutItems: Array<Pick<ILayoutItem, "visible">>) => number;
7
- export declare const filteredOptions: (options: Array<any>, selectedValue?: string) => any[];
8
- export declare const getCurrentSelectValue: (options: Array<{
5
+ }>;
6
+ export declare const filterVisibleItems: import("memoize-one").MemoizedFn<(layoutItems: Array<Pick<ILayoutItem, "visible">>) => number>;
7
+ export declare const filteredOptions: import("memoize-one").MemoizedFn<(options: Array<any>, selectedValue?: string) => any[]>;
8
+ export declare const getCurrentSelectValue: import("memoize-one").MemoizedFn<(options: Array<{
9
9
  label: string;
10
10
  value: string;
11
11
  }>, selectValue?: string) => ({
12
12
  label: string;
13
13
  value: string;
14
- } | undefined)[];
15
- export declare const parseToIds: (ids: string) => any;
14
+ } | undefined)[]>;
15
+ export declare const parseToIds: import("memoize-one").MemoizedFn<(ids: string) => any>;
package/dist/components/data-display/datatype-icon/DataTypeIcon.d.ts CHANGED
@@ -1,104 +1,78 @@
1
- import { FC, ReactNode } from 'react';
2
- /**
3
- * Available data types for the icon
4
- */
5
1
  export declare const APP_DATA_TYPES: {
6
- readonly BOOLEAN: "boolean";
7
- readonly CHOICE: "choice";
8
- readonly CURRENCY: "currency";
9
- readonly DATE: "date";
10
- readonly DATETIME: "datetime";
11
- readonly DYNAMIC: "dynamic";
12
- readonly EMAIL: "email";
13
- readonly MASTER_DATA: "master data";
14
- readonly NUMBER: "number";
15
- readonly PERCENTAGE: "percentage";
16
- readonly STRING: "string";
17
- readonly TAG: "tag";
18
- readonly TEXT: "text";
19
- readonly URL: "url";
2
+ BOOLEAN: string;
3
+ CHOICE: string;
4
+ CURRENCY: string;
5
+ DATE: string;
6
+ DATETIME: string;
7
+ DYNAMIC: string;
8
+ EMAIL: string;
9
+ MASTER_DATA: string;
10
+ NUMBER: string;
11
+ STRING: string;
12
+ TAG: string;
13
+ TEXT: string;
20
14
  };
21
- /**
22
- * Options for data type select fields
23
- */
24
- export declare const APP_DATA_TYPES_OPTIONS: ({
15
+ export declare const APP_DATA_TYPES_OPTIONS: {
25
16
  label: string;
26
- value: "boolean";
27
- } | {
28
- label: string;
29
- value: "choice";
30
- } | {
31
- label: string;
32
- value: "currency";
33
- } | {
34
- label: string;
35
- value: "date";
36
- } | {
37
- label: string;
38
- value: "datetime";
39
- } | {
40
- label: string;
41
- value: "dynamic";
42
- } | {
43
- label: string;
44
- value: "email";
45
- } | {
46
- label: string;
47
- value: "master data";
48
- } | {
49
- label: string;
50
- value: "number";
51
- } | {
52
- label: string;
53
- value: "percentage";
54
- } | {
55
- label: string;
56
- value: "string";
57
- } | {
58
- label: string;
59
- value: "tag";
60
- } | {
61
- label: string;
62
- value: "text";
63
- } | {
64
- label: string;
65
- value: "url";
66
- })[];
67
- /**
68
- * Background colors for light mode
69
- */
70
- export declare const BG_COLORS: Record<string, string>;
71
- /**
72
- * Background colors for light mode on hover
73
- */
74
- export declare const BG_COLORS_HOVER: Record<string, string>;
75
- /**
76
- * Background colors for dark mode
77
- */
78
- export declare const BG_COLORS_DARK: Record<string, string>;
79
- /**
80
- * Background colors for dark mode on hover
81
- */
82
- export declare const BG_COLORS_DARK_HOVER: Record<string, string>;
83
- export interface DataTypeIconProps {
84
- /** The data type to display */
85
- dataType?: string;
86
- /** Custom tooltip content */
87
- tooltip?: ReactNode;
88
- /** Whether dark mode is enabled (passed as prop instead of using context) */
89
- isDarkMode?: boolean;
90
- /** Additional CSS class name */
91
- className?: string;
92
- /** Test ID for testing */
93
- 'data-testid'?: string;
94
- }
95
- /**
96
- * DataTypeIcon displays an icon representing a data type with appropriate styling
97
- *
98
- * @example
99
- * ```tsx
100
- * <DataTypeIcon dataType="text" isDarkMode={false} />
101
- * <DataTypeIcon dataType="number" tooltip="Custom tooltip" isDarkMode={true} />
102
- * ```
103
- */
104
- export declare const DataTypeIcon: FC<DataTypeIconProps>;
17
+ value: string;
18
+ }[];
19
+ export declare const BG_COLORS: {
20
+ [APP_DATA_TYPES.BOOLEAN]: string;
21
+ [APP_DATA_TYPES.CHOICE]: string;
22
+ [APP_DATA_TYPES.DATE]: string;
23
+ [APP_DATA_TYPES.EMAIL]: string;
24
+ [APP_DATA_TYPES.CURRENCY]: string;
25
+ [APP_DATA_TYPES.DATETIME]: string;
26
+ [APP_DATA_TYPES.TEXT]: string;
27
+ [APP_DATA_TYPES.STRING]: string;
28
+ [APP_DATA_TYPES.TAG]: string;
29
+ [APP_DATA_TYPES.MASTER_DATA]: string;
30
+ [APP_DATA_TYPES.DYNAMIC]: string;
31
+ [APP_DATA_TYPES.NUMBER]: string;
32
+ };
33
+ export declare const BG_COLORS_HOVER: {
34
+ [APP_DATA_TYPES.BOOLEAN]: string;
35
+ [APP_DATA_TYPES.CHOICE]: string;
36
+ [APP_DATA_TYPES.DATE]: string;
37
+ [APP_DATA_TYPES.EMAIL]: string;
38
+ [APP_DATA_TYPES.CURRENCY]: string;
39
+ [APP_DATA_TYPES.DATETIME]: string;
40
+ [APP_DATA_TYPES.TEXT]: string;
41
+ [APP_DATA_TYPES.STRING]: string;
42
+ [APP_DATA_TYPES.TAG]: string;
43
+ [APP_DATA_TYPES.MASTER_DATA]: string;
44
+ [APP_DATA_TYPES.DYNAMIC]: string;
45
+ [APP_DATA_TYPES.NUMBER]: string;
46
+ };
47
+ export declare const BG_COLORS_DARK: {
48
+ [APP_DATA_TYPES.BOOLEAN]: string;
49
+ [APP_DATA_TYPES.CHOICE]: string;
50
+ [APP_DATA_TYPES.DATE]: string;
51
+ [APP_DATA_TYPES.EMAIL]: string;
52
+ [APP_DATA_TYPES.CURRENCY]: string;
53
+ [APP_DATA_TYPES.DATETIME]: string;
54
+ [APP_DATA_TYPES.TEXT]: string;
55
+ [APP_DATA_TYPES.STRING]: string;
56
+ [APP_DATA_TYPES.TAG]: string;
57
+ [APP_DATA_TYPES.MASTER_DATA]: string;
58
+ [APP_DATA_TYPES.DYNAMIC]: string;
59
+ [APP_DATA_TYPES.NUMBER]: string;
60
+ };
61
+ export declare const BG_COLORS_DARK_HOVER: {
62
+ [APP_DATA_TYPES.BOOLEAN]: string;
63
+ [APP_DATA_TYPES.CHOICE]: string;
64
+ [APP_DATA_TYPES.DATE]: string;
65
+ [APP_DATA_TYPES.EMAIL]: string;
66
+ [APP_DATA_TYPES.CURRENCY]: string;
67
+ [APP_DATA_TYPES.DATETIME]: string;
68
+ [APP_DATA_TYPES.TEXT]: string;
69
+ [APP_DATA_TYPES.STRING]: string;
70
+ [APP_DATA_TYPES.TAG]: string;
71
+ [APP_DATA_TYPES.MASTER_DATA]: string;
72
+ [APP_DATA_TYPES.DYNAMIC]: string;
73
+ [APP_DATA_TYPES.NUMBER]: string;
74
+ };
75
+ export declare const DataTypeIcon: ({ dataType, tooltip }: {
76
+ dataType: string;
77
+ tooltip?: React.ReactNode;
78
+ }) => import("react/jsx-runtime").JSX.Element;
package/dist/components/data-display/datatype-icon/index.d.ts CHANGED
@@ -1,3 +1,2 @@
1
1
  export { DataTypeIcon } from './DataTypeIcon';
2
- export type { DataTypeIconProps } from './DataTypeIcon';
3
2
  export { APP_DATA_TYPES, APP_DATA_TYPES_OPTIONS, BG_COLORS, BG_COLORS_HOVER, BG_COLORS_DARK, BG_COLORS_DARK_HOVER, } from './DataTypeIcon';
package/dist/components/forms/file-upload-dragger/FileUpload.d.ts CHANGED
@@ -25,6 +25,8 @@ export interface SystemMessages {
25
25
  export type FileUploadDraggerProps = {
26
26
  /** Callback to receive the uploaded file */
27
27
  getFile: (file: any, fileName?: string) => any;
28
+ /** Label to display */
29
+ label?: string;
28
30
  /** Description text to display */
29
31
  description?: string;
30
32
  /** Error message to display */
package/dist/components/sliders/ImageSlider.d.ts ADDED
@@ -0,0 +1,14 @@
1
+ import React, { FC } from 'react';
2
+ import 'swiper/css';
3
+ import 'swiper/css/autoplay';
4
+ import 'swiper/css/pagination';
5
+ export interface IImageSliderProps {
6
+ children: React.ReactNode;
7
+ className?: string;
8
+ spaceBetween?: number;
9
+ isPagination?: boolean;
10
+ isAutoplay?: boolean;
11
+ delay?: number;
12
+ isClickable?: boolean;
13
+ }
14
+ export declare const ImageSlider: FC<IImageSliderProps>;
package/dist/design-system.css CHANGED
@@ -1 +1 @@
1
- .tooltip-container{--tooltipBackground: #101828;--tooltipBorder: #252525;--tooltipColor: #fff;background-color:var(--tooltipBackground);border-radius:8px;border:1px solid var(--tooltipBorder);box-shadow:0 2px 4px #0000002e;color:var(--tooltipColor);display:flex;flex-direction:column;padding:4px 8px;transition:opacity .3s;z-index:9999;overflow-wrap:break-word;word-wrap:break-word;max-width:40ch;font-size:12px;font-weight:500}.tooltip-content{display:flex;align-items:center;gap:8px}.tooltip-title{flex:1}.tooltip-shortcuts{display:flex;align-items:center;gap:2px;flex-shrink:0}.tooltip-shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:inherit;font-size:11px;font-weight:500;color:#fffc;line-height:1}.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{height:1rem;position:absolute;width:1rem;pointer-events:none}.tooltip-arrow:before{border-style:solid;content:"";display:block;height:0;margin:auto;width:0}.tooltip-arrow:after{border-style:solid;content:"";display:block;height:0;margin:auto;position:absolute;width:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.4rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-color:transparent transparent var(--tooltipBorder) transparent;border-width:0 .5rem .4rem .5rem;position:absolute;top:-2px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-color:transparent transparent var(--tooltipBackground) transparent;border-width:0 .5rem .4rem .5rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-1rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-color:var(--tooltipBorder) transparent transparent transparent;border-width:.4rem .5rem 0 .5rem;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-color:var(--tooltipBackground) transparent transparent transparent;border-width:.4rem .5rem 0 .5rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.7rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-color:transparent var(--tooltipBorder) transparent transparent}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-color:transparent var(--tooltipBackground) transparent transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.7rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-color:transparent transparent transparent var(--tooltipBorder);border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-color:transparent transparent transparent var(--tooltipBackground);border-width:.5rem 0 .5rem .4em;left:3px;top:0}.Toastify__toast-container{z-index:100000}.Toastify__toast{min-height:64px;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{background:transparent}.Toastify__toast-body{padding:0;margin:0;color:inherit;font-size:14px;font-weight:500;line-height:1.5}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;background:transparent;border:none;padding:4px;margin:0;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__progress-bar{background:linear-gradient(to right,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ffc107,#ff9800,#ff5722)}.Toastify__progress-bar--success{background:#12b76a}.Toastify__progress-bar--error{background:#f04438}.Toastify__progress-bar--warning{background:#f79009}.Toastify__progress-bar--info{background:#016dcf}@media(prefers-color-scheme:dark){.Toastify__toast-container{background:transparent}.Toastify__toast{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media screen and (max-width:640px){.Toastify__toast-container{left:1rem;right:1rem;bottom:1rem;width:auto}.Toastify__toast{margin-bottom:.5rem}}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--bottom-center{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--bottom-center{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}
1
+ .tooltip-container{--tooltipBackground: #101828;--tooltipBorder: #252525;--tooltipColor: #fff;background-color:var(--tooltipBackground);border-radius:8px;border:1px solid var(--tooltipBorder);box-shadow:0 2px 4px #0000002e;color:var(--tooltipColor);display:flex;flex-direction:column;padding:4px 8px;transition:opacity .3s;z-index:9999;overflow-wrap:break-word;word-wrap:break-word;max-width:40ch;font-size:12px;font-weight:500}.tooltip-content{display:flex;align-items:center;gap:8px}.tooltip-title{flex:1}.tooltip-shortcuts{display:flex;align-items:center;gap:2px;flex-shrink:0}.tooltip-shortcut-key{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;font-family:inherit;font-size:11px;font-weight:500;color:#fffc;line-height:1}.tooltip-container[data-popper-interactive=false]{pointer-events:none}.tooltip-arrow{height:1rem;position:absolute;width:1rem;pointer-events:none}.tooltip-arrow:before{border-style:solid;content:"";display:block;height:0;margin:auto;width:0}.tooltip-arrow:after{border-style:solid;content:"";display:block;height:0;margin:auto;position:absolute;width:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow{left:0;margin-top:-.4rem;top:0}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:before{border-color:transparent transparent var(--tooltipBorder) transparent;border-width:0 .5rem .4rem .5rem;position:absolute;top:-2px}.tooltip-container[data-popper-placement*=bottom] .tooltip-arrow:after{border-color:transparent transparent var(--tooltipBackground) transparent;border-width:0 .5rem .4rem .5rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow{bottom:0;left:0;margin-bottom:-1rem}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:before{border-color:var(--tooltipBorder) transparent transparent transparent;border-width:.4rem .5rem 0 .5rem;position:absolute;top:1px}.tooltip-container[data-popper-placement*=top] .tooltip-arrow:after{border-color:var(--tooltipBackground) transparent transparent transparent;border-width:.4rem .5rem 0 .5rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow{left:0;margin-left:-.7rem}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:before{border-color:transparent var(--tooltipBorder) transparent transparent}.tooltip-container[data-popper-placement*=right] .tooltip-arrow:after{border-color:transparent var(--tooltipBackground) transparent transparent;border-width:.5rem .4rem .5rem 0;left:6px;top:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow{margin-right:-.7rem;right:0}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:before{border-color:transparent transparent transparent var(--tooltipBorder);border-width:.5rem 0 .5rem .4em}.tooltip-container[data-popper-placement*=left] .tooltip-arrow:after{border-color:transparent transparent transparent var(--tooltipBackground);border-width:.5rem 0 .5rem .4em;left:3px;top:0}.Toastify__toast-container{z-index:100000}.Toastify__toast{min-height:64px;border-radius:4px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.Toastify__toast--success,.Toastify__toast--error,.Toastify__toast--warning,.Toastify__toast--info{background:transparent}.Toastify__toast-body{padding:0;margin:0;color:inherit;font-size:14px;font-weight:500;line-height:1.5}.Toastify__close-button{color:inherit;opacity:.7;align-self:flex-start;background:transparent;border:none;padding:4px;margin:0;transition:opacity .2s ease}.Toastify__close-button:hover{opacity:1}.Toastify__progress-bar{background:linear-gradient(to right,#4caf50,#8bc34a,#cddc39,#ffeb3b,#ffc107,#ff9800,#ff5722)}.Toastify__progress-bar--success{background:#12b76a}.Toastify__progress-bar--error{background:#f04438}.Toastify__progress-bar--warning{background:#f79009}.Toastify__progress-bar--info{background:#016dcf}@media (prefers-color-scheme: dark){.Toastify__toast-container{background:transparent}.Toastify__toast{box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003}}@media screen and (max-width: 640px){.Toastify__toast-container{left:1rem;right:1rem;bottom:1rem;width:auto}.Toastify__toast{margin-bottom:.5rem}}.Toastify__slide-enter--bottom-right,.Toastify__slide-enter--bottom-left,.Toastify__slide-enter--bottom-center{animation-duration:.3s;animation-timing-function:cubic-bezier(.4,0,.2,1)}.Toastify__slide-exit--bottom-right,.Toastify__slide-exit--bottom-left,.Toastify__slide-exit--bottom-center{animation-duration:.2s;animation-timing-function:cubic-bezier(.4,0,1,1)}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}
package/dist/hooks/useScrollToTop.d.ts CHANGED
@@ -2,4 +2,4 @@
2
2
  * Hook that scrolls to the top of the page when dependencies change
3
3
  * @param deps - Array of dependencies to trigger scroll
4
4
  */
5
- export declare const useScrollToTop: (deps?: unknown[]) => void;
5
+ export declare const useScrollToTop: () => void;
package/dist/index.d.ts CHANGED
@@ -202,7 +202,6 @@ export type { FileUploadDraggerProps, } from "./components/forms/file-upload-dra
202
202
  export { LottieAnimation } from "./components/data-display/lottie-animation/LottieAnimation";
203
203
  export type { LottieAnimationProps } from "./components/data-display/lottie-animation/LottieAnimation";
204
204
  export { DataTypeIcon } from "./components/data-display/datatype-icon/DataTypeIcon";
205
- export type { DataTypeIconProps } from "./components/data-display/datatype-icon/DataTypeIcon";
206
205
  export { NoDataFound, PageNotFound, UserNotFound, EmptyEvent, NoDataFoundWidgets, EmptyBarChartData, EmptyCardListChartData, EmptyContentChartData, EmptyCountWidgetData, EmptyDonutChartData, EmptyPieChatData, EmptyTableWidgetData, EmptyTimelineChartData, } from "./components/data-display/empty-state";
207
206
  export type { NoDataFoundProps, PageNotFoundProps, UserNotFoundProps, EmptyEventProps, NoDataFoundWidgetsProps, } from "./components/data-display/empty-state";
208
207
  export { ContextMenu } from "./components/data-display/context-menu/ContextMenu";
@@ -223,3 +222,5 @@ export { FormulaInput, convertToPills, convertFromPills, getCursorPosition, setC
223
222
  export type { FormulaInputProps } from "./components/forms/formula-input";
224
223
  export { ShortcutKbd } from "./components/shortcut-kbd";
225
224
  export type { ShortcutKbdProps, ShortcutKbdVariant } from "./components/shortcut-kbd";
225
+ export { ImageSlider } from "./components/sliders/ImageSlider";
226
+ export type { IImageSliderProps } from "./components/sliders/ImageSlider";