@udixio/ui-react 2.4.3 → 2.5.1

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 (37) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/index.cjs +2 -2
  3. package/dist/index.js +1745 -1460
  4. package/dist/lib/components/Carousel.d.ts +7 -2
  5. package/dist/lib/components/Carousel.d.ts.map +1 -1
  6. package/dist/lib/components/CarouselItem.d.ts +1 -1
  7. package/dist/lib/components/CarouselItem.d.ts.map +1 -1
  8. package/dist/lib/components/Slider.d.ts.map +1 -1
  9. package/dist/lib/effects/AnimateOnScroll.d.ts.map +1 -1
  10. package/dist/lib/effects/custom-scroll/custom-scroll.effect.d.ts +1 -1
  11. package/dist/lib/effects/custom-scroll/custom-scroll.effect.d.ts.map +1 -1
  12. package/dist/lib/effects/custom-scroll/custom-scroll.interface.d.ts +2 -0
  13. package/dist/lib/effects/custom-scroll/custom-scroll.interface.d.ts.map +1 -1
  14. package/dist/lib/effects/custom-scroll/custom-scroll.style.d.ts +4 -0
  15. package/dist/lib/effects/custom-scroll/custom-scroll.style.d.ts.map +1 -1
  16. package/dist/lib/interfaces/carousel-item.interface.d.ts +1 -0
  17. package/dist/lib/interfaces/carousel-item.interface.d.ts.map +1 -1
  18. package/dist/lib/interfaces/carousel.interface.d.ts +19 -1
  19. package/dist/lib/interfaces/carousel.interface.d.ts.map +1 -1
  20. package/dist/lib/styles/carousel-item.style.d.ts +2 -0
  21. package/dist/lib/styles/carousel-item.style.d.ts.map +1 -1
  22. package/dist/lib/styles/carousel.style.d.ts +5 -1
  23. package/dist/lib/styles/carousel.style.d.ts.map +1 -1
  24. package/dist/lib/styles/icon-button.style.d.ts.map +1 -1
  25. package/package.json +1 -1
  26. package/src/lib/components/Carousel.tsx +535 -52
  27. package/src/lib/components/CarouselItem.tsx +12 -6
  28. package/src/lib/components/Slider.tsx +25 -28
  29. package/src/lib/effects/AnimateOnScroll.ts +41 -0
  30. package/src/lib/effects/custom-scroll/custom-scroll.effect.tsx +111 -2
  31. package/src/lib/effects/custom-scroll/custom-scroll.interface.ts +4 -0
  32. package/src/lib/interfaces/carousel-item.interface.ts +1 -0
  33. package/src/lib/interfaces/carousel.interface.ts +20 -1
  34. package/src/lib/styles/carousel-item.style.ts +5 -2
  35. package/src/lib/styles/carousel.style.ts +1 -3
  36. package/src/lib/styles/icon-button.style.ts +5 -15
  37. package/src/lib/styles/slider.style.ts +1 -1
@@ -2,9 +2,14 @@ import { CarouselInterface } from '../interfaces';
2
2
  import { ReactProps } from '../utils';
3
3
  /**
4
4
  * Carousels show a collection of items that can be scrolled on and off the screen
5
- * Resources
5
+ *
6
6
  * @status beta
7
7
  * @category Layout
8
+ * @limitations
9
+ * - At the end of the scroll, a residual gap/space may remain visible.
10
+ * - In/out behavior is inconsistent at range edges.
11
+ * - Responsive behavior on mobile is not supported.
12
+ * - Only the default (hero) variant is supported.
8
13
  */
9
- export declare const Carousel: ({ variant, className, children, ref: optionalRef, marginPourcent, inputRange, outputRange, gap, onChange, scrollSensitivity, ...restProps }: ReactProps<CarouselInterface>) => import("react/jsx-runtime").JSX.Element;
14
+ export declare const Carousel: ({ variant, className, children, ref: optionalRef, marginPourcent, inputRange, outputRange, gap, onChange, onMetricsChange, index, scrollSensitivity, ...restProps }: ReactProps<CarouselInterface>) => import("react/jsx-runtime").JSX.Element;
10
15
  //# sourceMappingURL=Carousel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAMzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,6IAYtB,UAAU,CAAC,iBAAiB,CAAC,4CAuK/B,CAAC"}
1
+ {"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Carousel.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAyB,MAAM,eAAe,CAAC;AAIzE,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGtC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,QAAQ,GAAI,qKActB,UAAU,CAAC,iBAAiB,CAAC,4CAooB/B,CAAC"}
@@ -5,5 +5,5 @@ export declare const normalize: (value: number, inputRange: [number, number], ou
5
5
  * @status beta
6
6
  * @parent Carousel
7
7
  */
8
- export declare const CarouselItem: ({ className, children, width, index, ref: optionalRef, ...restProps }: MotionProps<CarouselItemInterface>) => import("react/jsx-runtime").JSX.Element;
8
+ export declare const CarouselItem: ({ className, children, width, index, outputRange, ref: optionalRef, ...restProps }: MotionProps<CarouselItemInterface>) => import("react/jsx-runtime").JSX.Element;
9
9
  //# sourceMappingURL=CarouselItem.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,uEAO1B,WAAW,CAAC,qBAAqB,CAAC,4CAyBpC,CAAC"}
1
+ {"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/lib/components/CarouselItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,eAAO,MAAM,SAAS,GACpB,OAAO,MAAM,EACb,YAAY,CAAC,MAAM,EAAE,MAAM,CAAC,EAC5B,cAAa,CAAC,MAAM,EAAE,MAAM,CAAU,KACrC,MASF,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,YAAY,GAAI,oFAQ1B,WAAW,CAAC,qBAAqB,CAAC,4CA+BpC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,4CA6U7B,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/lib/components/Slider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD;;;;GAIG;AACH,eAAO,MAAM,MAAM,GAAI,8GAqBpB,UAAU,CAAC,eAAe,CAAC,4CA0U7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAkLA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAgIZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
1
+ {"version":3,"file":"AnimateOnScroll.d.ts","sourceRoot":"","sources":["../../../src/lib/effects/AnimateOnScroll.ts"],"names":[],"mappings":"AAqNA,MAAM,MAAM,sBAAsB,GAAG;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF,wBAAgB,mBAAmB,CACjC,OAAO,GAAE,sBAA2B,GACnC,MAAM,IAAI,CAsIZ;AAGD,eAAO,MAAM,mBAAmB,4BAAsB,CAAC;AACvD,eAAO,MAAM,eAAe,4BAAsB,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import { CustomScrollInterface } from './custom-scroll.interface';
2
2
  import { ReactProps } from '../../utils';
3
- export declare const CustomScroll: ({ children, orientation, scrollSize, onScroll, className, draggable, throttleDuration, }: ReactProps<CustomScrollInterface>) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const CustomScroll: ({ children, orientation, scrollSize, onScroll, className, draggable, throttleDuration, scroll, setScroll, }: ReactProps<CustomScrollInterface>) => import("react/jsx-runtime").JSX.Element;
4
4
  //# sourceMappingURL=custom-scroll.effect.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"custom-scroll.effect.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.effect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,eAAO,MAAM,YAAY,GAAI,0FAQ1B,UAAU,CAAC,qBAAqB,CAAC,4CA0RnC,CAAC"}
1
+ {"version":3,"file":"custom-scroll.effect.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.effect.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAyCzC,eAAO,MAAM,YAAY,GAAI,6GAU1B,UAAU,CAAC,qBAAqB,CAAC,4CA+VnC,CAAC"}
@@ -9,6 +9,8 @@ type Props = {
9
9
  scrollTotal: number;
10
10
  scrollVisible: number;
11
11
  }) => void;
12
+ scroll?: number;
13
+ setScroll?: (progress: number) => void;
12
14
  draggable?: boolean;
13
15
  throttleDuration?: number;
14
16
  };
@@ -1 +1 @@
1
- {"version":3,"file":"custom-scroll.interface.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,KAAK,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;CACrC"}
1
+ {"version":3,"file":"custom-scroll.interface.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,SAAS,CAAC;IACpB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,MAAM,EAAE,MAAM,CAAC;QACf,cAAc,EAAE,MAAM,CAAC;QACvB,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;KACvB,KAAK,IAAI,CAAC;IAEX,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AACF,KAAK,kBAAkB,GAAG;IACxB,UAAU,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,EAAE,CAAC,cAAc,EAAE,OAAO,CAAC,CAAC;CACrC"}
@@ -4,6 +4,8 @@ export declare const customScrollStyle: (states: {
4
4
  orientation: any;
5
5
  scrollSize: any;
6
6
  onScroll: any;
7
+ scroll: any;
8
+ setScroll: any;
7
9
  draggable: any;
8
10
  throttleDuration: any;
9
11
  } & {
@@ -16,6 +18,8 @@ export declare const customScrollStyle: (states: {
16
18
  scrollTotal: number;
17
19
  scrollVisible: number;
18
20
  }) => void;
21
+ scroll?: number;
22
+ setScroll?: (progress: number) => void;
19
23
  draggable?: boolean;
20
24
  throttleDuration?: number;
21
25
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"custom-scroll.style.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;8CA4B7B,CAAC"}
1
+ {"version":3,"file":"custom-scroll.style.d.ts","sourceRoot":"","sources":["../../../../src/lib/effects/custom-scroll/custom-scroll.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;8CA4B7B,CAAC"}
@@ -5,6 +5,7 @@ export interface CarouselItemInterface {
5
5
  children?: ReactNode | undefined;
6
6
  width?: number;
7
7
  index?: number;
8
+ outputRange?: [number, number];
8
9
  };
9
10
  elements: ['carouselItem'];
10
11
  }
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,QAAQ,EAAE,CAAC,cAAc,CAAC,CAAC;CAC5B"}
1
+ {"version":3,"file":"carousel-item.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel-item.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;QACjC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,EAAE,CAAC,cAAc,CAAC,CAAC;CAC5B"}
@@ -1,12 +1,30 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { CarouselItem } from '../components';
3
+ export interface CarouselMetrics {
4
+ total: number;
5
+ selectedIndex: number;
6
+ visibleApprox: number;
7
+ visibleFull: number;
8
+ stepHalf: number;
9
+ canPrev: boolean;
10
+ canNext: boolean;
11
+ scrollProgress: number;
12
+ viewportWidth: number;
13
+ itemMaxWidth: number;
14
+ gap: number;
15
+ }
3
16
  export interface CarouselInterface {
4
17
  type: 'div';
5
18
  props: {
6
19
  children?: ReactElement<typeof CarouselItem>[];
7
20
  marginPourcent?: number;
8
21
  onChange?: (index: number) => void;
9
- variant?: 'hero' | 'center-aligned hero' | 'multi-browse' | 'un-contained' | 'full-screen';
22
+ /**
23
+ * Receive live metrics to better control the carousel externally
24
+ */
25
+ onMetricsChange?: (metrics: CarouselMetrics) => void;
26
+ index?: number;
27
+ variant?: 'hero' | 'center-aligned' | 'multi-browse' | 'un-contained' | 'full-screen';
10
28
  scrollSensitivity?: number;
11
29
  gap?: number;
12
30
  inputRange?: [number, number];
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC;QAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC,OAAO,CAAC,EACJ,MAAM,GACN,qBAAqB,GACrB,cAAc,GACd,cAAc,GACd,aAAa,CAAC;QAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CACjC"}
1
+ {"version":3,"file":"carousel.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/carousel.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,KAAK,CAAC;IACZ,KAAK,EAAE;QACL,QAAQ,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,CAAC;QAC/C,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;QACnC;;WAEG;QACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;QACrD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,OAAO,CAAC,EACJ,MAAM,GACN,gBAAgB,GAChB,cAAc,GACd,cAAc,GACd,aAAa,CAAC;QAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAChC,CAAC;IACF,QAAQ,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;CACjC"}
@@ -3,10 +3,12 @@ export declare const carouselItemStyle: (states: {
3
3
  children: any;
4
4
  width: any;
5
5
  index: any;
6
+ outputRange: any;
6
7
  } & {
7
8
  children?: import('react').ReactNode | undefined;
8
9
  width?: number;
9
10
  index?: number;
11
+ outputRange?: [number, number];
10
12
  } & {
11
13
  className: string | import('..').ClassNameComponent<CarouselItemInterface> | undefined;
12
14
  }) => Record<"carouselItem", string>;
@@ -1 +1 @@
1
- {"version":3,"file":"carousel-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,eAAO,MAAM,iBAAiB;;;;;;;;;;oCAO7B,CAAC"}
1
+ {"version":3,"file":"carousel-item.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel-item.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAGtD,eAAO,MAAM,iBAAiB;;;;;;;;;;;;oCAU7B,CAAC"}
@@ -3,6 +3,8 @@ export declare const carouselStyle: (states: {
3
3
  children: any;
4
4
  marginPourcent: any;
5
5
  onChange: any;
6
+ onMetricsChange: any;
7
+ index: any;
6
8
  variant: any;
7
9
  scrollSensitivity: any;
8
10
  gap: any;
@@ -12,7 +14,9 @@ export declare const carouselStyle: (states: {
12
14
  children?: import('react').ReactElement<typeof import('..').CarouselItem>[];
13
15
  marginPourcent?: number;
14
16
  onChange?: (index: number) => void;
15
- variant?: "hero" | "center-aligned hero" | "multi-browse" | "un-contained" | "full-screen";
17
+ onMetricsChange?: (metrics: import('..').CarouselMetrics) => void;
18
+ index?: number;
19
+ variant?: "hero" | "center-aligned" | "multi-browse" | "un-contained" | "full-screen";
16
20
  scrollSensitivity?: number;
17
21
  gap?: number;
18
22
  inputRange?: [number, number];
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;0CAQzB,CAAC"}
1
+ {"version":3,"file":"carousel.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/carousel.style.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;0CAMzB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/icon-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0EAmK3B,CAAC"}
1
+ {"version":3,"file":"icon-button.style.d.ts","sourceRoot":"","sources":["../../../src/lib/styles/icon-button.style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAG1E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0EAyJ3B,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@udixio/ui-react",
3
- "version": "2.4.3",
3
+ "version": "2.5.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",