@spark-ui/components 17.2.2 → 17.2.3-beta.1

package/dist/src/carousel/Carousel.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from 'react';
+import { CarouselAPI, UseCarouselProps } from './types';
+interface Props extends UseCarouselProps, ComponentProps<'div'> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const Carousel: {
+    ({ className, snapType, snapStop, scrollBehavior, slidesPerMove, pagePickerInset, slidesPerPage, loop, children, gap, defaultPage, page, onPageChange, maxDots, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const useCarouselContext: () => CarouselAPI;
+export {};

package/dist/src/carousel/CarouselControls.d.ts

@@ -0,0 +1,9 @@
+import { HTMLAttributes, ReactNode } from 'react';
+interface ControlsProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const CarouselControls: {
+    ({ children, className, ...props }: ControlsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/carousel/CarouselNextButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '../icon-button';
+export declare const CarouselNextButton: {
+    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/carousel/CarouselPageIndicator.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+    'aria-label': string;
+    index: number;
+    className?: string;
+    unstyled?: boolean;
+    intent?: 'support' | 'surface';
+}
+export declare const CarouselPageIndicator: {
+    ({ children, unstyled, index, "aria-label": ariaLabel, className, intent, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/carousel/CarouselPagePicker.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+import { CarouselAPI } from './types';
+interface RenderProps extends CarouselAPI {
+    pages: number[];
+}
+interface Props {
+    children: (renderProps: RenderProps) => ReactNode;
+    className?: string;
+}
+export declare const CarouselPagePicker: {
+    ({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/carousel/CarouselPrevButton.d.ts

@@ -0,0 +1,5 @@
+import { IconButtonProps } from '../icon-button';
+export declare const CarouselPrevButton: {
+    ({ "aria-label": ariaLabel, ...buttonProps }: IconButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/carousel/CarouselSlide.d.ts

@@ -0,0 +1,12 @@
+import { ComponentProps, ReactNode } from 'react';
+export interface CarouselSlideProps extends ComponentProps<'div'> {
+    isSnapPoint?: boolean;
+    children?: ReactNode;
+    index?: number;
+    totalSlides?: number;
+    className?: string;
+}
+export declare const CarouselSlide: {
+    ({ children, index, totalSlides, className, ...props }: CarouselSlideProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/carousel/CarouselSlides.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps, ReactNode } from 'react';
+interface Props extends ComponentProps<'div'> {
+    children?: ReactNode;
+    className?: string;
+}
+export declare const CarouselSlides: {
+    ({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/carousel/CarouselViewport.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+}
+export declare const CarouselViewport: {
+    ({ children }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/carousel/index.d.mts

@@ -0,0 +1,19 @@
+import { Carousel as Root } from './Carousel';
+import { CarouselControls as Controls } from './CarouselControls';
+import { CarouselNextButton as NextButton } from './CarouselNextButton';
+import { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator';
+import { CarouselPagePicker as PagePicker } from './CarouselPagePicker';
+import { CarouselPrevButton as PrevButton } from './CarouselPrevButton';
+import { CarouselSlide as Slide } from './CarouselSlide';
+import { CarouselSlides as Slides } from './CarouselSlides';
+import { CarouselViewport as Viewport } from './CarouselViewport';
+export declare const Carousel: typeof Root & {
+    Controls: typeof Controls;
+    NextButton: typeof NextButton;
+    PrevButton: typeof PrevButton;
+    Slide: typeof Slide;
+    Slides: typeof Slides;
+    Viewport: typeof Viewport;
+    PagePicker: typeof PagePicker;
+    PageIndicator: typeof PageIndicator;
+};

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

@@ -0,0 +1,19 @@
+import { Carousel as Root } from './Carousel';
+import { CarouselControls as Controls } from './CarouselControls';
+import { CarouselNextButton as NextButton } from './CarouselNextButton';
+import { CarouselPageIndicator as PageIndicator } from './CarouselPageIndicator';
+import { CarouselPagePicker as PagePicker } from './CarouselPagePicker';
+import { CarouselPrevButton as PrevButton } from './CarouselPrevButton';
+import { CarouselSlide as Slide } from './CarouselSlide';
+import { CarouselSlides as Slides } from './CarouselSlides';
+import { CarouselViewport as Viewport } from './CarouselViewport';
+export declare const Carousel: typeof Root & {
+    Controls: typeof Controls;
+    NextButton: typeof NextButton;
+    PrevButton: typeof PrevButton;
+    Slide: typeof Slide;
+    Slides: typeof Slides;
+    Viewport: typeof Viewport;
+    PagePicker: typeof PagePicker;
+    PageIndicator: typeof PageIndicator;
+};

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

@@ -0,0 +1,165 @@
+import { CSSProperties, KeyboardEvent, Ref, RefObject } from 'react';
+export declare const DATA_SCOPE: "carousel";
+export declare const DIRECTION: "ltr";
+export interface UseCarouselProps {
+    /**
+     * Opens the carousel on a predefined page index.
+     */
+    defaultPage?: number;
+    /**
+     * Active page of the carousel.
+     * Use it to control the carousel with your own state.
+     */
+    page?: number;
+    /**
+     * Space (in pixels) between slides.
+     */
+    gap?: number;
+    /**
+     * CSS scroll snap behavior.
+     * - `mandatory` to force snapping on each "page".
+     * - `proximity` to force snapping only when scroll position is near the edge of a "page". Behavior can change depending on each browser.
+     */
+    snapType?: 'proximity' | 'mandatory';
+    /**
+     * Defines whether or not the scroll container is allowed to "pass over" possible snap positions.
+     */
+    snapStop?: 'always' | 'normal';
+    /**
+     * Offset (in pixels) of the left of the optimal viewing region of the list.
+     */
+    scrollPadding?: number;
+    /**
+     * Number of slides to display in the carousel viewport.
+     */
+    slidesPerPage?: number;
+    /**
+     * By default, the carousel scroll N slides per move, N being the number of slides in the carousel viewport.
+     * Use this prop if you prefer to scroll by a smaller amount of slides each time.
+     */
+    slidesPerMove?: number | 'auto';
+    /**
+     * When `true`, allow previous and next buttons to be used when reaching the edges of the carousel.
+     */
+    loop?: boolean;
+    scrollBehavior?: 'instant' | 'smooth';
+    onPageChange?: (pageIndex: number) => void;
+    pagePickerInset?: boolean;
+    /**
+     * Maximum number of dots to display in the page picker.
+     */
+    maxDots?: number;
+}
+export interface ComputedRootProps {
+    id: string;
+    role: 'region';
+    'aria-roledescription': 'carousel';
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'root';
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+    style: CSSProperties & {
+        '--slides-per-page': number;
+        '--slide-spacing': string;
+        '--slide-item-size': string;
+    };
+}
+export interface ComputedControlProps {
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'control';
+    'data-orientation': 'horizontal';
+}
+export interface ComputedTriggerProps<T extends 'prev-trigger' | 'next-trigger'> {
+    id: string;
+    'aria-controls': string;
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': T;
+    'data-orientation': 'horizontal';
+    type: 'button';
+    dir: typeof DIRECTION;
+    disabled: boolean;
+    onClick: () => void;
+}
+export interface ComputedSlideGroupProps {
+    id: string;
+    'aria-live': 'polite' | 'off';
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'item-group';
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+    tabIndex: 0;
+    style: CSSProperties;
+    ref: Ref<HTMLDivElement | null>;
+}
+export interface ComputedSlideProps {
+    id: string;
+    role: 'group';
+    'aria-roledescription': 'slide';
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'item';
+    'data-index': number;
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+    style: CSSProperties;
+}
+export interface ComputedIndicatorGroupProps {
+    role: 'radiogroup';
+    id: string;
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'indicator-group';
+    'data-orientation': 'horizontal';
+    dir: typeof DIRECTION;
+}
+export interface ComputedIndicatorProps {
+    role: 'radio';
+    id: string;
+    'aria-checked': boolean;
+    'data-scope': typeof DATA_SCOPE;
+    'data-part': 'indicator';
+    'data-orientation': 'horizontal';
+    'data-index': number;
+    'data-state': 'active' | 'edge' | 'hidden' | 'idle';
+    tabIndex: 0 | -1;
+    onClick: () => void;
+    onKeyDown: (event: KeyboardEvent) => void;
+}
+interface AnatomyPropsSetters {
+    getRootProps: () => ComputedRootProps;
+    getControlProps: () => ComputedControlProps;
+    getPrevTriggerProps: () => ComputedTriggerProps<'prev-trigger'>;
+    getNextTriggerProps: () => ComputedTriggerProps<'next-trigger'>;
+    getSlidesContainerProps: () => ComputedSlideGroupProps;
+    getSlideProps: (props: {
+        index: number;
+        totalSlides: number;
+    }) => ComputedSlideProps;
+    getIndicatorGroupProps: () => ComputedIndicatorGroupProps;
+    getIndicatorProps: (props: {
+        index: number;
+    }) => ComputedIndicatorProps;
+}
+export interface CarouselAPI extends AnatomyPropsSetters {
+    ref: RefObject<HTMLElement | null>;
+    pageIndicatorsRefs: RefObject<(HTMLElement | null)[] | null>;
+    gap: number;
+    page: number;
+    pageSnapPoints: number[];
+    pagePickerInset: boolean;
+    canScrollNext: boolean;
+    canScrollPrev: boolean;
+    scrollTo: (pageIndex: number, behavior: 'instant' | 'smooth') => void;
+    scrollPrev: () => void;
+    scrollNext: () => void;
+    loop: boolean;
+    scrollPadding: number;
+    slidesPerPage: number;
+    slidesPerMove: number | 'auto';
+    snapType: UseCarouselProps['snapType'];
+    snapStop: UseCarouselProps['snapStop'];
+    scrollBehavior: UseCarouselProps['scrollBehavior'];
+    maxDots: number;
+    registerSlide: (element: HTMLElement | null, callback: (isVisible: boolean) => void) => void;
+    unregisterSlide: (element: HTMLElement | null) => void;
+    isSlideVisible: (element: HTMLElement | null) => boolean;
+}
+export {};

package/dist/src/carousel/useCarousel.d.ts

@@ -0,0 +1,2 @@
+import { CarouselAPI, UseCarouselProps } from './types';
+export declare const useCarousel: ({ defaultPage, gap, snapType, snapStop, scrollPadding, slidesPerPage, slidesPerMove, scrollBehavior, loop, pagePickerInset, maxDots, page: controlledPage, onPageChange: onPageChangeProp, }: UseCarouselProps) => CarouselAPI;

package/dist/src/carousel/useCarouselVisibility.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+/**
+ * Hook to manage slide visibility using a centralized IntersectionObserver.
+ * This optimizes performance by using a single observer per carousel instead of one per slide.
+ *
+ * @param carouselRef - Reference to the carousel container element
+ * @returns Object with functions to register/unregister slides and check visibility
+ */
+export declare function useCarouselVisibility(carouselRef: RefObject<HTMLDivElement | null>): {
+    registerSlide: (element: HTMLElement | null, callback: (isVisible: boolean) => void) => void;
+    unregisterSlide: (element: HTMLElement | null) => void;
+    isSlideVisible: (element: HTMLElement | null) => boolean;
+};

package/dist/src/carousel/useEvent.d.ts

@@ -0,0 +1,7 @@
+type AnyFunction = (...args: any[]) => any;
+/**
+ * Directly from this gist: https://gist.github.com/diegohaz/695097a06f038a707c3a1b11e4e40195
+ * Until React releases a native `useEvent` hook.
+ */
+export declare function useEvent<T extends AnyFunction>(callback?: T): T;
+export {};

package/dist/src/carousel/useIsMounted.d.ts

@@ -0,0 +1 @@
+export declare const useIsMounted: () => import('react').RefObject<boolean>;

package/dist/src/carousel/useIsVisible.d.ts

@@ -0,0 +1,6 @@
+import { RefObject } from 'react';
+/**
+ * Hook to track slide visibility using the centralized IntersectionObserver.
+ * This optimizes performance by using a single observer per carousel instead of one per slide.
+ */
+export declare function useIsVisible(elementRef: RefObject<HTMLElement | null>, _parentRef: RefObject<HTMLElement | null>): boolean;

package/dist/src/carousel/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import { RefObject } from 'react';
+export declare function useResizeObserver<T extends HTMLElement | null>(ref: RefObject<T>, callback: (width: number) => void): void;

package/dist/src/carousel/useScrollEnd.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+export declare function useScrollEnd(scrollRef: RefObject<HTMLDivElement | null>, callback: () => void): void;
+export default useScrollEnd;

package/dist/src/carousel/useSnapPoints.d.ts

@@ -0,0 +1,10 @@
+import { RefObject } from 'react';
+/**
+ * Get the scroll value of each slides that serves as the start of a page
+ * The array is updated when resize event are caught in the carousel.
+ */
+export declare function useSnapPoints<T extends HTMLDivElement | null>(initialSnapPoints: number[] | undefined, { carouselRef, slidesPerMove, slidesPerPage, }: {
+    carouselRef: RefObject<T>;
+    slidesPerMove: 'auto' | number;
+    slidesPerPage: number;
+}): readonly [number[], import('react').Dispatch<import('react').SetStateAction<number[]>>];

package/dist/src/carousel/utils.d.ts

@@ -0,0 +1,24 @@
+export declare function getSlideElements(container: HTMLDivElement | null): Element[];
+export declare function isSnapPoint(slideIndex: number, { container, slidesPerMove, slidesPerPage, }: {
+    container: HTMLDivElement | null;
+    slidesPerMove: number | 'auto';
+    slidesPerPage: number;
+}): boolean;
+/**
+ * Get the scroll value of each slides that serves as the start of a page
+ * @returns number[] (ex for a 400px carousel with no gap: [400, 800, 1200])
+ */
+export declare function getSnapPositions({ container, slidesPerMove, slidesPerPage, }: {
+    container: HTMLDivElement | null;
+    slidesPerMove: number | 'auto';
+    slidesPerPage: number;
+}): number[];
+/**
+ * Calculate the state of a dot indicator of a carousel depending on the current page and the total number of pages.
+ */
+export declare function computeDotState({ dotIndex, pageState, totalPages, maxDots, }: {
+    dotIndex: number;
+    pageState: number;
+    totalPages: number;
+    maxDots?: number;
+}): 'active' | 'edge' | 'idle' | 'hidden';

package/dist/src/checkbox/Checkbox.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'react';
+import { CheckboxGroupContextState } from './CheckboxGroupContext';
+import { CheckboxInputProps } from './CheckboxInput';
+export type CheckboxProps = CheckboxInputProps & Pick<CheckboxGroupContextState, 'reverse'> & {
+    ref?: Ref<HTMLButtonElement>;
+};
+export declare const Checkbox: {
+    ({ id: idProp, className, intent: intentProp, checked: checkedProp, value, disabled, reverse, onCheckedChange, children, ref: forwardedRef, ...others }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/checkbox/CheckboxGroup.d.ts

@@ -0,0 +1,18 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import { CheckboxGroupStylesProps } from './CheckboxGroup.styles';
+import { CheckboxGroupContextState } from './CheckboxGroupContext';
+export interface CheckboxGroupProps extends Omit<ComponentPropsWithoutRef<'div'>, 'value' | 'defaultValue' | 'onChange'>, CheckboxGroupStylesProps, Pick<CheckboxGroupContextState, 'intent' | 'name' | 'value' | 'reverse'> {
+    /**
+     * The initial value of the checkbox group
+     */
+    defaultValue?: string[];
+    /**
+     * The callback fired when any children Checkbox is checked or unchecked
+     */
+    onCheckedChange?: (value: string[]) => void;
+    ref?: Ref<HTMLDivElement>;
+}
+export declare const CheckboxGroup: {
+    ({ name: nameProp, value: valueProp, defaultValue, className, intent, orientation, onCheckedChange: onCheckedChangeProp, reverse, children, ref, ...others }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/checkbox/CheckboxGroup.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const checkboxGroupStyles: (props?: ({
+    orientation?: "horizontal" | "vertical" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CheckboxGroupStylesProps = VariantProps<typeof checkboxGroupStyles>;

package/dist/src/checkbox/CheckboxGroupContext.d.ts

@@ -0,0 +1,41 @@
+import { CheckboxInputStylesProps } from './CheckboxInput.styles';
+export interface CheckboxGroupContextState extends Pick<CheckboxInputStylesProps, 'intent'> {
+    /**
+     * The id of the checkbox group.
+     */
+    id: string;
+    /**
+     * The name of the group. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value of the checkbox group.
+     */
+    value?: string[];
+    /**
+     * A set of ids separated by a space used to describe the input component given by a set of messages.
+     */
+    description?: string;
+    /**
+     * The validation state of the checkbox group.
+     */
+    state?: 'error' | 'success' | 'alert';
+    /**
+     * If true, the checkbox group will be invalid.
+     */
+    isInvalid?: boolean;
+    /**
+     * If true, the checkbox group will be required.
+     */
+    isRequired?: boolean;
+    /**
+     * Callback used to update or notify the value of the checkbox group.
+     */
+    onCheckedChange?: (checked: boolean, changed: string) => void;
+    /**
+     * When true, the label will be placed on the left side of the Checkbox
+     */
+    reverse?: boolean;
+}
+export declare const CheckboxGroupContext: import('react').Context<Partial<CheckboxGroupContextState>>;
+export declare const useCheckboxGroup: () => Partial<CheckboxGroupContextState>;

package/dist/src/checkbox/CheckboxIndicator.d.ts

@@ -0,0 +1,9 @@
+import { Checkbox } from 'radix-ui';
+import { Ref } from 'react';
+export type CheckboxIndicatorProps = Checkbox.CheckboxIndicatorProps & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const CheckboxIndicator: {
+    (props: CheckboxIndicatorProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/checkbox/CheckboxInput.d.ts

@@ -0,0 +1,47 @@
+import { ComponentPropsWithoutRef, ReactNode, Ref } from 'react';
+import { CheckboxInputStylesProps } from './CheckboxInput.styles';
+type CheckedStatus = boolean | 'indeterminate';
+export interface CheckboxInputProps extends CheckboxInputStylesProps, Omit<ComponentPropsWithoutRef<'button'>, 'onChange' | 'value' | 'checked' | 'defaultChecked'> {
+    /**
+     * The checked icon to use.
+     */
+    icon?: ReactNode;
+    /**
+     * The indeterminate icon to use.
+     */
+    indeterminateIcon?: ReactNode;
+    /**
+     * The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The controlled checked state of the checkbox. Must be used in conjunction with onCheckedChange.
+     */
+    checked?: CheckedStatus;
+    /**
+     * When true, prevents the user from interacting with the checkbox.
+     */
+    disabled?: boolean;
+    /**
+     * When true, indicates that the user must check the checkbox before the owning form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * The name of the checkbox. Submitted with its owning form as part of a name/value pair.
+     */
+    name?: string;
+    /**
+     * The value given as data when submitted with a name.
+     */
+    value?: string;
+    /**
+     * Event handler called when the checked state of the checkbox changes.
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    ref?: Ref<HTMLButtonElement>;
+}
+export declare const CheckboxInput: {
+    ({ className, icon, indeterminateIcon, intent, checked, ref, ...others }: CheckboxInputProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/checkbox/CheckboxInput.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const checkboxInputStyles: (props?: ({
+    intent?: "main" | "alert" | "error" | "support" | "accent" | "success" | "info" | "neutral" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CheckboxInputStylesProps = VariantProps<typeof checkboxInputStyles>;

package/dist/src/checkbox/CheckboxLabel.d.ts

@@ -0,0 +1,12 @@
+import { LabelProps } from '../label';
+import { LabelStylesProps } from './CheckboxLabel.styles';
+export interface CheckboxLabelProps extends LabelProps, LabelStylesProps {
+    /**
+     * When true, prevents the user from interacting with the checkbox item.
+     */
+    disabled?: boolean;
+}
+export declare const CheckboxLabel: {
+    ({ disabled, ...others }: CheckboxLabelProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/checkbox/CheckboxLabel.styles.d.ts

@@ -0,0 +1,5 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const labelStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type LabelStylesProps = VariantProps<typeof labelStyles>;

package/dist/src/checkbox/index.d.mts

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';

package/dist/src/checkbox/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Checkbox';
+export * from './CheckboxGroup';

package/dist/src/chip/Chip.d.ts

@@ -0,0 +1,34 @@
+import { ComponentPropsWithoutRef, MouseEvent, Ref } from 'react';
+import { ChipStylesProps } from './Chip.styles';
+type ChipPrimitiveProps = Omit<ComponentPropsWithoutRef<'button'>, 'onClick' | 'disabled' | 'type'>;
+export interface ChipProps extends ChipPrimitiveProps, Omit<ChipStylesProps, 'hasClearButton'> {
+    /**
+     * Configures a toggleButton aria-pressed initial value
+     */
+    defaultPressed?: boolean;
+    /**
+     * Configures a toggleButton aria-pressed value
+     */
+    pressed?: boolean;
+    /**
+     * Change the component to the HTML tag or custom component of the only child.
+     */
+    asChild?: boolean;
+    /**
+     * Event handler fired each clicking event
+     */
+    onClick?: (event: MouseEvent<HTMLButtonElement>, args: {
+        pressed: boolean;
+        value?: number | string | readonly string[];
+    }) => void;
+    /**
+     * Clear chip handler
+     */
+    onClear?: (event?: MouseEvent<HTMLButtonElement>) => void;
+    ref?: Ref<HTMLButtonElement | HTMLDivElement>;
+}
+export declare const Chip: {
+    ({ design, disabled, children, intent, defaultPressed, pressed, asChild, className, onClick, onClear, ref: forwardedRef, ...otherProps }: ChipProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/chip/Chip.styles.d.ts

@@ -0,0 +1,8 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const chipStyles: (props?: ({
+    design?: "outlined" | "dashed" | "tinted" | null | undefined;
+    intent?: "main" | "alert" | "support" | "accent" | "success" | "info" | "neutral" | "danger" | "surface" | null | undefined;
+    disabled?: boolean | null | undefined;
+    hasClearButton?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ChipStylesProps = VariantProps<typeof chipStyles>;

package/dist/src/chip/ChipClearButton.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+import { ChipClearButtonStylesProps } from './ChipClearButton.styles';
+export interface ChipClearButtonProps extends ComponentPropsWithoutRef<'span'>, ChipClearButtonStylesProps {
+    label: string;
+    ref?: Ref<HTMLSpanElement>;
+}
+export declare const ChipClearButton: {
+    ({ children, tabIndex, label, ref: forwardedRef, }: ChipClearButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/src/chip/ChipClearButton.styles.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const chipClearButtonWrapperStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+    isBordered?: boolean | null | undefined;
+    design?: "outlined" | "dashed" | "tinted" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export declare const chipClearButtonStyles: (props?: ({
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ChipClearButtonStylesProps = VariantProps<typeof chipClearButtonWrapperStyles>;

package/dist/src/chip/ChipContent.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithoutRef, Ref } from 'react';
+export type ChipContentProps = ComponentPropsWithoutRef<'span'> & {
+    ref?: Ref<HTMLSpanElement>;
+};
+export declare const ChipContent: {
+    ({ children, className, ref: forwardedRef }: ChipContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};