gantri-components 2.230.0 → 2.232.0

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

@@ -3,7 +3,7 @@ import { Property } from 'csstype';
 import { BaseProps } from '../box/box.types';
 import { TextVariant } from '../typography';
 import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
-export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'tertiary' | 'primaryAlert' | 'primaryContrast' | 'secondaryContrast' | 'ghostContrast';
+export type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'tertiary' | 'primaryAlert' | 'primaryWarning' | 'primaryContrast' | 'secondaryContrast' | 'ghostContrast';
 export type ButtonWidth = 'sm' | 'md' | 'lg' | string;
 /**
  * large = desktop on figma design

package/dist/components/carousel/carousel.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { CarouselProps, CarouselRef } from './carousel.types';
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;

package/dist/components/carousel/carousel.presets.d.ts

@@ -0,0 +1,2 @@
+import { CarouselProps } from './carousel.types';
+export declare const CarouselPresets: Partial<CarouselProps>;

package/dist/components/carousel/carousel.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { StyledCarouselArrowProps, StyledCarouselDotProps, StyledCarouselTrackProps, StyledCarouselWrapperProps } from './carousel.types';
+export declare const StyledCarouselWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCarouselWrapperProps>> & string;
+export declare const StyledCarouselTrack: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledCarouselTrackProps>> & string;
+export declare const StyledCarouselItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCarouselArrow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCarouselArrowProps>> & string;
+export declare const StyledCarouselDotsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledCarouselDot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, StyledCarouselDotProps>> & string;

package/dist/components/carousel/carousel.types.d.ts

@@ -0,0 +1,52 @@
+import { CSSProperties, ReactNode } from 'react';
+import { ResolutionAwareProp } from '../../types/resolution-aware-prop.type';
+import { BoxDimension } from '../box/box.types';
+export interface CarouselProps {
+    activePage?: number;
+    ariaLabel?: string;
+    children: ReactNode;
+    className?: string;
+    defaultActivePage?: number;
+    gap?: ResolutionAwareProp<BoxDimension>;
+    infinite?: boolean;
+    itemsPerPage?: ResolutionAwareProp<number>;
+    leftPadding?: ResolutionAwareProp<BoxDimension>;
+    onPageChange?: (page: number) => void;
+    pageStep?: number;
+    rightPadding?: ResolutionAwareProp<BoxDimension>;
+    showArrows?: boolean;
+    showDots?: boolean;
+    sidePadding?: ResolutionAwareProp<BoxDimension>;
+    style?: CSSProperties;
+    swipeThreshold?: number;
+    swipeable?: boolean;
+    transitionDuration?: number;
+    transitionEasing?: string;
+}
+export interface CarouselRef {
+    getActivePage: () => number;
+    getTotalPages: () => number;
+    goTo: (page: number, opts?: {
+        animated?: boolean;
+    }) => void;
+    next: () => void;
+    prev: () => void;
+}
+export interface StyledCarouselWrapperProps {
+    $showDots?: boolean;
+}
+export interface StyledCarouselTrackProps {
+    $isAnimated: boolean;
+    $transitionDuration: number;
+    $transitionEasing: string;
+}
+export interface StyledCarouselItemProps {
+    $widthPx: number;
+}
+export interface StyledCarouselArrowProps {
+    $disabled?: boolean;
+    $position: 'left' | 'right';
+}
+export interface StyledCarouselDotProps {
+    $active: boolean;
+}

package/dist/components/carousel/hooks/use-carousel-metrics.d.ts

@@ -0,0 +1,27 @@
+import { AppSize, ResolutionAwareProp } from '../../../types/resolution-aware-prop.type';
+import { BoxDimension } from '../../box/box.types';
+interface UseCarouselMetricsParams {
+    gap?: ResolutionAwareProp<BoxDimension>;
+    infinite: boolean;
+    itemCount: number;
+    itemsPerPage?: ResolutionAwareProp<number>;
+    leftPadding?: ResolutionAwareProp<BoxDimension>;
+    pageStep?: number;
+    rightPadding?: ResolutionAwareProp<BoxDimension>;
+    sidePadding?: ResolutionAwareProp<BoxDimension>;
+}
+export interface CarouselMetrics {
+    /** Resolved items-per-page for the current breakpoint (accepts decimals). */
+    currentItemsPerPage: number;
+    gapPx: number;
+    leftPaddingPx: number;
+    /** Effective step, defaulting to floor(itemsPerPage) when not provided. */
+    pageStep: number;
+    rightPaddingPx: number;
+    /** Current breakpoint bucket. */
+    size: AppSize;
+    /** Logical page count for the current breakpoint. */
+    totalPages: number;
+}
+export declare const useCarouselMetrics: ({ gap, infinite, itemCount, itemsPerPage, leftPadding, pageStep, rightPadding, sidePadding, }: UseCarouselMetricsParams) => CarouselMetrics;
+export {};

package/dist/components/carousel/hooks/use-carousel-state.d.ts

@@ -0,0 +1,26 @@
+interface UseCarouselStateParams {
+    activePage?: number;
+    defaultActivePage: number;
+    infinite: boolean;
+    onPageChange?: (page: number) => void;
+    totalPages: number;
+}
+interface UseCarouselStateResult {
+    /**
+     * Visual page index. Can transiently hold values outside [0, totalPages-1] in
+     * infinite mode while the carousel animates past the last/first page into a
+     * clone, before the silent snap-back.
+     */
+    displayPage: number;
+    goTo: (target: number) => void;
+    goToWithoutAnimation: (target: number) => void;
+    /**
+     * The canonical page — always in [0, totalPages-1]. This is the value
+     * reported via `onPageChange`.
+     */
+    logicalPage: number;
+    setDisplayPage: (page: number) => void;
+    suppressTransition: boolean;
+}
+export declare const useCarouselState: ({ activePage, defaultActivePage, infinite, onPageChange, totalPages, }: UseCarouselStateParams) => UseCarouselStateResult;
+export {};

package/dist/components/carousel/hooks/use-swipe.d.ts

@@ -0,0 +1,19 @@
+import { PointerEvent } from 'react';
+interface UseSwipeParams {
+    enabled: boolean;
+    onSwipeLeft: () => void;
+    onSwipeRight: () => void;
+    threshold: number;
+}
+interface UseSwipeResult {
+    deltaX: number;
+    handlers: {
+        onPointerCancel: (e: PointerEvent<HTMLElement>) => void;
+        onPointerDown: (e: PointerEvent<HTMLElement>) => void;
+        onPointerMove: (e: PointerEvent<HTMLElement>) => void;
+        onPointerUp: (e: PointerEvent<HTMLElement>) => void;
+    };
+    isDragging: boolean;
+}
+export declare const useSwipe: ({ enabled, onSwipeLeft, onSwipeRight, threshold, }: UseSwipeParams) => UseSwipeResult;
+export {};

package/dist/components/carousel/index.d.ts

@@ -0,0 +1,2 @@
+export { Carousel } from './carousel';
+export type { CarouselProps, CarouselRef } from './carousel.types';

package/dist/components/index.d.ts

@@ -5,6 +5,7 @@ export * from './box';
 export * from './breadcrumbs';
 export * from './button-menu';
 export * from './button';
+export * from './carousel';
 export * from './cell';
 export * from './checkbox-list';
 export * from './checkbox';