gd-design-library 0.0.3 → 0.0.5

package/assets/icons/chevron-left.d.ts

@@ -0,0 +1,7 @@
+export declare const ChevronLeftIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/minus.d.ts

@@ -0,0 +1,7 @@
+export declare const MinusIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/icons/plus.d.ts

@@ -0,0 +1,7 @@
+export declare const PlusIcon: ({ width, height, fillSvg, fill, ...rest }: {
+    [x: string]: any;
+    width?: number | undefined;
+    height?: number | undefined;
+    fillSvg?: string | undefined;
+    fill?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/assets/index.d.ts

@@ -8,4 +8,16 @@ export { DotIcon } from './icons/dot';
 export { CheckIcon } from './icons/check';
 export { ArrowDownIcon } from './icons/arrow-down';
 export { ChevronRightIcon } from './icons/chevron-right';
+export { ChevronLeftIcon } from './icons/chevron-left';
 export { MobileMenuIcon } from './icons/mobile_menu_button';
+export { HomeIcon } from './icons/home';
+export { SlashIcon } from './icons/slash';
+export { ArrowForwardIcon } from './icons/arrow-forward';
+export { LocalShippingIcon } from './icons/local_shipping';
+export { FavoriteIcon } from './icons/favorite';
+export { AccountCircleIcon } from './icons/account_circle';
+export { ShoppingBagIcon } from './icons/shopping_bag';
+export { ErrorOutlineIcon } from './icons/error_outline';
+export { StarOutlinedIcon } from './icons/starOutlined';
+export { MinusIcon } from './icons/minus';
+export { PlusIcon } from './icons/plus';

package/components/core/Button/Button.types.d.ts

@@ -11,10 +11,6 @@ export declare enum ButtonColorVariant {
     Primary = "primary",
     Secondary = "secondary"
 }
-export declare enum IconPosition {
-    Left = "left",
-    Right = "right"
-}
 export declare enum ButtonTypes {
     Button = "button",
     Submit = "submit",
@@ -36,7 +32,6 @@ export declare enum ButtonRole {
 export interface ButtonProps extends CommonCoreComponentProps<ButtonVariant, ButtonColorVariant> {
     iconStart?: ReactNode;
     iconEnd?: ReactNode;
-    iconPosition?: IconPosition;
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
     type?: ButtonTypes | `${ButtonTypes}`;
     disabled?: boolean;

package/components/core/Icon/constants.d.ts

@@ -1,4 +1,3 @@
-export declare const COMPONENT_NAME = "CustomIcon";
 export declare const IconsList: {
     cross: ({ width, height, fillSvg, fill, ...rest }: {
         [x: string]: any;
@@ -65,6 +64,13 @@ export declare const IconsList: {
         fillSvg?: string | undefined;
         fill?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
+    arrowLeft: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
     mobileMenu: ({ width, height, fillSvg, fill, ...rest }: {
         [x: string]: any;
         width?: number | undefined;
@@ -72,4 +78,80 @@ export declare const IconsList: {
         fillSvg?: string | undefined;
         fill?: string | undefined;
     }) => import("react/jsx-runtime").JSX.Element;
+    home: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    slash: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    arrowForward: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    localShipping: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    favorite: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    accountCircle: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    shoppingBag: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    errorOutline: ({ width, height, color, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        color?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    starOutlined: ({ width, height, fillSvg, fill, }: {
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    minus: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+    plus: ({ width, height, fillSvg, fill, ...rest }: {
+        [x: string]: any;
+        width?: number | undefined;
+        height?: number | undefined;
+        fillSvg?: string | undefined;
+        fill?: string | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const COMPONENT_NAME = "Icon";

package/components/core/Select/Select.types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, MouseEvent } from 'react';
-import { Theme } from '../../../hooks';
+import { Theme } from '../../../hooks/useTheme';
 import { CommonCoreComponentProps, CommonCoreStyledComponentProps } from '..';
 import { OnSelectProps } from '../types/events.types';
 export interface Option {
@@ -26,8 +26,9 @@ export interface SelectProps<T extends HTMLElement = HTMLDivElement> extends Exc
     initiator?: ReactNode;
     width?: number | string;
     emptyItemsResult?: string;
-    renderOption?: (value: renderOptionType) => React.ReactNode;
-    renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => React.ReactNode;
+    selectedItem?: string;
+    renderOption?: (value: renderOptionType) => ReactNode;
+    renderDropdownHeader?: (theme: Theme, dropdownParams?: DropdownParams) => ReactNode;
     autoOpen?: boolean;
     activeIndex?: string | number;
 }

package/components/core/Select/constants.d.ts

@@ -1 +1,2 @@
 export declare const COMPONENT_NAME = "Select";
+export declare const DEFAULT_SELECTED_VALUE = "Select";

package/components/core/Typography/Typography.types.d.ts

@@ -13,7 +13,7 @@ export declare enum TextAlign {
     Revert = "revert",
     RevertLayer = "revert-layer",
     Unset = "unset",
-    Webkitcenter = "-webkit-center",
+    WebkitCenter = "-webkit-center",
     MozCenter = "-moz-center"
 }
 export declare enum TypographyVariant {

package/components/core/index.d.ts

@@ -1,23 +1,23 @@
+export * from './Breadcrumbs';
 export * from './Button';
-export * from './Typography';
+export * from './Dropdown';
+export * from './DropdownItem';
+export * from './Form';
+export * from './Icon';
+export * from './Image';
 export * from './Input';
-export { Textarea } from './Textarea';
 export * from './Label';
-export * from './Loader';
-export * from './Form';
-export * from './Wrapper';
 export * from './Link';
+export * from './List';
+export * from './Loader';
+export * from './Modal';
 export * from './Portal';
+export * from './Select';
+export * from './Skeleton';
+export * from './Snackbar';
 export * from './Switch';
 export * from './Tooltip';
-export * from './Modal';
-export * from './Snackbar';
-export * from './Icon';
-export * from './Skeleton';
-export * from './List';
-export * from './Dropdown';
-export * from './DropdownItem';
-export * from './Select';
-export * from './Breadcrumbs';
-export * from './Image';
+export * from './Typography';
+export * from './Wrapper';
 export * from './types/index.types';
+export { Textarea } from './Textarea';

package/components/domainSpecific/Card/Card.d.ts

@@ -0,0 +1,4 @@
+import { CardProps } from './Card.types';
+export declare const Card: import('react').ForwardRefExoticComponent<CardProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/components/domainSpecific/Card/Card.types.d.ts

@@ -0,0 +1,18 @@
+import { BoxComponentProps, BoxStyledComponentProps } from '../..';
+import { TabIndex } from '../../../types';
+export declare enum CardVariants {
+    Vertical = "Vertical",
+    Horizontal = "horizontal"
+}
+export interface CardProps extends Exclude<BoxComponentProps, 'minWidth' | 'minHeight'> {
+    variant?: CardVariants;
+    isBordered?: boolean;
+    tabIndex?: TabIndex;
+    isHighlighted?: boolean;
+}
+export interface CardStyledProps extends Exclude<BoxStyledComponentProps, '$minWidth' | '$minHeight'> {
+    $variant: CardVariants;
+    $isBordered?: boolean;
+    $isHighlighted?: boolean;
+    tabIndex?: TabIndex;
+}

package/components/domainSpecific/Card/StyledCard.d.ts

@@ -0,0 +1,2 @@
+import { CardStyledProps } from './Card.types';
+export declare const StyledCard: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CardStyledProps>> & string;

package/components/domainSpecific/Card/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Card";

package/components/domainSpecific/Card/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Card';
+export * from './Card.types';

package/components/domainSpecific/Carousel/Carousel.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode } from 'react';
+import { TypographyProps } from '../../core/Typography/Typography.types';
+import { CarouselProps, CarouselRef } from './Carousel.types';
+type ExtractedCarousel = {
+    images: ReactElement[];
+    content: ReactNode;
+};
+export declare function extractCarouselNodes(children: ReactNode): ExtractedCarousel;
+export declare const Carousel: import('react').ForwardRefExoticComponent<CarouselProps & import('react').RefAttributes<CarouselRef>> & {
+    Slide: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+    Image: ({ id, src, alt, width, height, className, placeholder, caption, onClick, objectFit, styles, }: import('../../core/Image').ImageProps) => import("react/jsx-runtime").JSX.Element;
+    Title: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+    Description: (props: TypographyProps) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/components/domainSpecific/Carousel/Carousel.types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+import { EmblaOptionsType } from 'embla-carousel';
+import { CommonComponentProps, CommonStyledComponentProps } from '../..';
+export declare enum CarouselVariantTypes {
+    Cards = "cards",
+    Single = "single"
+}
+export declare enum LayoutType {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}
+export type KeyboardHandler = () => void;
+export type KeyboardConfig = Record<string, KeyboardHandler>;
+export interface CarouselProps extends CommonComponentProps {
+    options?: EmblaOptionsType;
+    layout?: LayoutType;
+    showArrows?: boolean;
+    showDots?: boolean;
+    showThumbs?: boolean;
+    variant?: CarouselVariantTypes;
+    className?: string;
+    keyboardConfig?: KeyboardConfig;
+    isFocusable?: boolean;
+    children: ReactNode[];
+}
+export interface CarouselRef {
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    scrollTo: (index: number) => void;
+    selectedIndex: number;
+}
+export interface CarouselStyledProps extends CommonStyledComponentProps {
+    layout: LayoutType;
+    variant: CarouselVariantTypes;
+}

package/components/domainSpecific/Carousel/StyledCarousel.d.ts

@@ -0,0 +1,27 @@
+import { CarouselStyledProps } from './Carousel.types';
+export declare const CarouselContainer: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, CarouselStyledProps>> & string;
+export declare const CarouselViewport: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselViewportSlideWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselSlide: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselControlsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselControls: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselControlsButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../../core/Button').ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, Omit<import('../../core/Button').ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../../core/Button').ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;
+export declare const CarouselArrowButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const CarouselDots: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselDot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    active: boolean;
+}>> & string;
+export declare const CarouselThumbs: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CarouselThumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    active: boolean;
+}>> & string;

package/components/domainSpecific/Carousel/constants.d.ts

@@ -0,0 +1 @@
+export declare const COMPONENT_NAME = "Carousel";

package/components/domainSpecific/Carousel/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Carousel';
+export * from './Carousel.types';

package/components/domainSpecific/Carousel/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const layoutStyles: Record<string, string>;
+export declare const variantStyles: Record<string, string>;

package/components/domainSpecific/Counter/Counter.d.ts

@@ -0,0 +1,3 @@
+import { CounterProps } from './Counter.types';
+declare const Counter: import('react').ForwardRefExoticComponent<CounterProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Counter;

package/components/domainSpecific/Counter/Counter.types.d.ts

@@ -0,0 +1,9 @@
+import { CommonComponentProps, CommonStyledComponentProps } from '../..';
+export interface CounterProps extends CommonComponentProps {
+    min?: number;
+    max?: number;
+    initial?: number;
+    inputDebounceMs?: number;
+    onCounterChange?: (qty: number) => void;
+}
+export type CounterStyledProps = CommonStyledComponentProps;

package/components/domainSpecific/Counter/StyledCounter.d.ts

@@ -0,0 +1,13 @@
+import { PropsWithChildren } from 'react';
+export declare const StyledCounter: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, PropsWithChildren<import('../..').CommonStyledComponentProps>>> & string;
+export declare const StylesNavButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('styled-components/dist/types').Substitute<Omit<import('../..').ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}, Omit<import('../..').ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
+}>, never>, never>> & string & Omit<import('react').ForwardRefExoticComponent<import('../..').ButtonProps & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLButtonElement>>, keyof import('react').Component<any, {}, any>>;

package/components/domainSpecific/Counter/constants.d.ts

@@ -0,0 +1,5 @@
+export declare const COMPONENT_NAME = "Counter";
+export declare const INITIAL_QTY = 1;
+export declare const MAX_INITIAL_QTY: number;
+export declare const MIN_INITIAL_QTY = 1;
+export declare const REGEX_NUMBER: RegExp;

package/components/domainSpecific/Counter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Counter';
+export * from './Counter.types';

package/components/domainSpecific/index.d.ts

@@ -1,7 +1,10 @@
+export * from './Carousel';
+export * from './Card';
+export * from './Counter';
 export * from './Header';
-export * from './Tabs';
-export * from './Stepper';
 export * from './Price';
 export * from './Rating';
 export * from './Search';
+export * from './Stepper';
+export * from './Tabs';
 export * from './Templates';

package/components/index.types.d.ts

@@ -9,6 +9,24 @@ export interface CommonStyledComponentProps {
     $styles?: CSSObject;
     theme: typeof defaultTheme;
 }
+export interface BoxComponentProps extends CommonComponentProps {
+    overflow?: string;
+    minWidth?: string;
+    width?: string;
+    maxWidth?: string;
+    minHeight?: string;
+    height?: string;
+    maxHeight?: string;
+}
+export interface BoxStyledComponentProps extends CommonStyledComponentProps {
+    $overflow?: string;
+    $minWidth?: string;
+    $width?: string;
+    $maxWidth?: string;
+    $minHeight?: string;
+    $height?: string;
+    $maxHeight?: string;
+}
 export type AlignType = 'start' | 'center' | 'end' | 'stretch';
 export type JustifyType = 'start' | 'center' | 'end' | 'between' | 'around';
 export declare enum SizeVariant {

package/components/layout/utils.d.ts

@@ -1,4 +1,4 @@
 import { AlignType, JustifyType } from '../index.types';
-export declare const calculateAlign: (align: AlignType) => "flex-start" | "center" | "flex-end" | "stretch";
-export declare const calculateJustify: (justify: JustifyType) => "flex-start" | "center" | "flex-end" | "space-between" | "space-around";
+export declare const calculateAlign: (align: AlignType) => "center" | "flex-end" | "flex-start" | "stretch";
+export declare const calculateJustify: (justify: JustifyType) => "center" | "flex-end" | "space-between" | "space-around" | "flex-start";
 export declare const calculateGutter: (gutter?: number | string) => string;

package/hooks/index.d.ts

@@ -2,3 +2,5 @@ export * from './useTheme';
 export * from './useClickOutside';
 export * from './useAutoFocus';
 export * from './useMediaQuery';
+export * from './useKeyControls';
+export * from './useCarousel';

package/hooks/useCarousel/index.d.ts

@@ -0,0 +1 @@
+export * from './useCarousel';

package/hooks/useCarousel/useCarousel.d.ts

@@ -0,0 +1,20 @@
+import { EmblaOptionsType } from 'embla-carousel';
+type KeyboardHandler = (() => void) | undefined;
+type KeyboardConfig = Record<string, KeyboardHandler>;
+interface UseCarouselParams {
+    options?: EmblaOptionsType;
+    keyboardConfig?: KeyboardConfig;
+    targetRef?: React.RefObject<HTMLElement>;
+}
+export declare const useCarousel: ({ options, keyboardConfig, targetRef }: UseCarouselParams) => {
+    carouselRef: import('embla-carousel-react').EmblaViewportRefType;
+    carouselApi: import('embla-carousel').EmblaCarouselType | undefined;
+    activeIndex: number;
+    scrollTo: (index: number) => void;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    canScrollPrev: boolean;
+    canScrollNext: boolean;
+    slidesCount: number;
+};
+export {};

package/hooks/useKeyControls/index.d.ts

@@ -0,0 +1 @@
+export * from './useKeyControls';

package/hooks/useKeyControls/useKeyControls.d.ts

@@ -0,0 +1,2 @@
+import { UseKeyControlsOptions } from '../../types/keys';
+export declare const useKeyControls: ({ ref, keyHandlers }: UseKeyControlsOptions) => void;