@anker-in/headless-ui 1.0.25 → 1.0.26-alpha.111003

package/dist/esm/src/components/input-number.d.ts

@@ -0,0 +1,78 @@
+import React from 'react';
+import type { KeyboardEvent, FocusEvent } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const InputNumberVariants: (props?: ({
+    status?: "default" | "error" | "success" | "warning" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type ColorType = 'default' | 'success' | 'warning' | 'error' | null;
+type InputNumberProps = {
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
+    tips?: string;
+    /** 文本框状态*/
+    status?: ColorType;
+    /** 数字输入框的值 */
+    value?: number;
+    /** 数字输入框的初始值 */
+    defaultValue?: number;
+    /** 数值改变步数 */
+    step?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 是否禁用*/
+    disabled?: boolean;
+    /** 是否只读*/
+    readonly?: boolean;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 值变化时触发*/
+    onChange?: (value: number) => void;
+    /** 失去焦点时触发*/
+    onBlur?: (value: number, e: FocusEvent) => void;
+    /** 按下回车键时触发*/
+    onEnter?: (value: number, e: KeyboardEvent) => void;
+} & VariantProps<typeof InputNumberVariants> & ComponentPropsWithout<'div', RemovedProps>;
+declare const InputNumber: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 输入框下方提示文本，会根据不同的 status 呈现不同的样式*/
+    tips?: string;
+    /** 文本框状态*/
+    status?: ColorType;
+    /** 数字输入框的值 */
+    value?: number;
+    /** 数字输入框的初始值 */
+    defaultValue?: number;
+    /** 数值改变步数 */
+    step?: number;
+    /** 最小值 */
+    min?: number;
+    /** 最大值 */
+    max?: number;
+    /** 是否禁用*/
+    disabled?: boolean;
+    /** 是否只读*/
+    readonly?: boolean;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 值变化时触发*/
+    onChange?: (value: number) => void;
+    /** 失去焦点时触发*/
+    onBlur?: (value: number, e: FocusEvent) => void;
+    /** 按下回车键时触发*/
+    onEnter?: (value: number, e: KeyboardEvent) => void;
+} & VariantProps<(props?: ({
+    status?: "default" | "error" | "success" | "warning" | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & ComponentPropsWithout<"div", RemovedProps> & React.RefAttributes<HTMLDivElement>>;
+export default InputNumber;
+export type { InputNumberProps };

package/dist/esm/src/components/input.d.ts

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+import { type VariantProps } from 'class-variance-authority';
+declare const inputVariants: (props?: ({
+    size?: "sm" | "base" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface InputProps extends ComponentPropsWithout<'input', 'size'>, VariantProps<typeof inputVariants> {
+}
+interface InputSlotProps extends ComponentPropsWithout<'div', RemovedProps> {
+    /**
+     * 插槽的位置
+     * default: right
+     */
+    side?: 'left' | 'right';
+}
+/**
+ * InputSlot
+ * 用来在 Input 组件中插入额外的内容，比如icon ，按钮
+ */
+declare const InputSlot: React.ForwardRefExoticComponent<InputSlotProps & React.RefAttributes<HTMLDivElement>>;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input, InputSlot };

package/dist/esm/src/components/link.d.ts

@@ -0,0 +1,45 @@
+import React from 'react';
+import type { ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const linkVariants: (props?: ({
+    size?: "base" | "lg" | null | undefined;
+    variant?: "primary" | "secoundry" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type LinkProps = {
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 禁用链接 */
+    disabled?: boolean;
+    /** 后置图标*/
+    suffixIcon?: ReactNode;
+    /** 跳转链接*/
+    href?: string;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 点击事件，禁用状态无法触发*/
+    onClick?: Function;
+} & VariantProps<typeof linkVariants> & ComponentPropsWithout<'a', RemovedProps>;
+declare const Link: React.ForwardRefExoticComponent<{
+    /** 定义子组件作为父组件的类型,详细使用方式请参考radix-ui */
+    asChild?: boolean;
+    /** 类名*/
+    className?: string;
+    /** 禁用链接 */
+    disabled?: boolean;
+    /** 后置图标*/
+    suffixIcon?: ReactNode;
+    /** 跳转链接*/
+    href?: string;
+    /** 样式*/
+    style?: React.CSSProperties;
+    /** 点击事件，禁用状态无法触发*/
+    onClick?: Function;
+} & VariantProps<(props?: ({
+    size?: "base" | "lg" | null | undefined;
+    variant?: "primary" | "secoundry" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string> & ComponentPropsWithout<"a", RemovedProps> & React.RefAttributes<HTMLAnchorElement>>;
+export default Link;
+export type { LinkProps };

package/dist/esm/src/components/loadingDots.d.ts

@@ -0,0 +1,6 @@
+import type { FC } from 'react';
+interface LoadingProps {
+    className?: string;
+}
+declare const LoadingDots: FC<LoadingProps>;
+export default LoadingDots;

package/dist/esm/src/components/picture.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export interface PictureProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    /** picture 内部img 标签的类名 */
+    imgClassName?: string;
+    /** 图片url , 支持传入不同分辨率下的图片，比如，格式 "url1 1920， url2 1080, url3 767" */
+    source?: string;
+    /** 图片质量 */
+    quality?: number;
+    /** 响应式图片，对应picture 下source 的max-width */
+    deviceSizes?: number[];
+    alt?: string;
+}
+declare const Picture: React.ForwardRefExoticComponent<PictureProps & React.RefAttributes<HTMLPictureElement>>;
+export default Picture;

package/dist/esm/src/components/popover.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@radix-ui/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent };

package/dist/esm/src/components/radio.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
+import { type VariantProps } from 'class-variance-authority';
+declare const radioGroupVariants: (props?: ({
+    size?: "sm" | "base" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface RadioGroupProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> {
+    /** 尺寸 */
+    size?: 'sm' | 'base' | 'lg';
+}
+declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item>, VariantProps<typeof radioGroupVariants> {
+}
+declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+export type { RadioGroupProps, RadioGroupItemProps };

package/dist/esm/src/components/skeleton.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+interface SkeletonProps extends ComponentPropsWithout<'span', RemovedProps> {
+    /** 是否正在加载 , 默认是true*/
+    loading?: boolean;
+}
+declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLSpanElement>>;
+export default Skeleton;
+export type { SkeletonProps };

package/dist/esm/src/components/tabs.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import type { Align, Shape } from '../types/props.js';
+declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    align?: Align;
+    shape?: Shape;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };

package/dist/esm/src/components/text.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { SerializedEditorState, SerializedLexicalNode } from 'lexical';
+import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
+declare const textVariants: (props?: ({
+    size?: 1 | "none" | 2 | 3 | 4 | null | undefined;
+    weight?: "bold" | "medium" | "semibold" | "extraBold" | "black" | null | undefined;
+    align?: "left" | "right" | "center" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TextSpanProps = {
+    as?: 'span';
+} & ComponentPropsWithout<'span', RemovedProps>;
+type TextDivProps = {
+    as: 'div';
+} & ComponentPropsWithout<'div', RemovedProps>;
+type TextLabelProps = {
+    as: 'label';
+} & ComponentPropsWithout<'label', RemovedProps>;
+type TextPProps = {
+    as: 'p';
+} & ComponentPropsWithout<'p', RemovedProps>;
+interface CommonTextProps extends VariantProps<typeof textVariants> {
+    as?: 'div' | 'label' | 'p' | 'span';
+    asChild?: boolean;
+    color?: string;
+    /** 相当于 dangerouslySetInnerHTML */
+    html?: string | SerializedEditorState<SerializedLexicalNode>;
+}
+type TextProps = CommonTextProps & (TextSpanProps | TextDivProps | TextLabelProps | TextPProps);
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLSpanElement>>;
+export { Text };
+export type { TextProps };

package/dist/esm/src/components/theme.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+interface ThemeProps {
+    brand: string;
+    children: React.ReactNode;
+}
+/**
+ * @deprecated
+ * @param param
+ * @returns
+ */
+declare const Theme: ({ brand, children }: ThemeProps) => import("react/jsx-runtime").JSX.Element;
+export default Theme;

package/dist/esm/src/cpn-components/CpnBanner/index.d.ts

@@ -0,0 +1,3 @@
+import type { BannerProps } from './types.js';
+declare const CpnBanner: (props: BannerProps) => import("react/jsx-runtime").JSX.Element;
+export default CpnBanner;

package/dist/esm/src/cpn-components/CpnBanner/types.d.ts

@@ -0,0 +1,43 @@
+import type { CountDownProps } from '../CpnCountDown/types';
+type TextType = 'title' | 'subtitle' | 'subheading';
+type TextContent = {
+    type: TextType;
+    text: string;
+};
+type ButtonContent = {
+    type: 'button';
+    text: string;
+    target?: string;
+    cns?: string;
+    onClick?: () => void;
+};
+type ButtonsContent = {
+    type: 'buttons';
+    buttons: Omit<ButtonContent, 'type'>[];
+};
+type CountDownContent = {
+    type: 'countdown';
+} & CountDownProps;
+type BannerContent = TextContent | ButtonContent | ButtonsContent | CountDownContent;
+export type BannerProps = {
+    id?: string;
+    image: string;
+    imageMob?: string;
+    imageLink?: string;
+    content?: BannerContent[];
+    cns?: {
+        container?: string;
+        picture?: string;
+        image?: string;
+        box?: string;
+        contentBox?: string;
+        content?: string;
+        subheading?: string;
+        title?: string;
+        subtitle?: string;
+        buttonBox?: string;
+        button?: string;
+        countdown?: CountDownProps['cns'];
+    };
+};
+export {};

package/dist/esm/src/cpn-components/CpnCountDown/index.d.ts

@@ -0,0 +1,3 @@
+import type { CountDownProps } from './types.js';
+declare const CpnCountDown: (props: CountDownProps) => import("react/jsx-runtime").JSX.Element;
+export default CpnCountDown;

package/dist/esm/src/cpn-components/CpnCountDown/types.d.ts

@@ -0,0 +1,29 @@
+type Cns = {
+    container?: string;
+    item?: string;
+    picture?: string;
+    image?: string;
+    time?: string;
+    copy?: string;
+    colonBox?: string;
+    colon?: string;
+};
+type Copy = {
+    days?: string;
+    hours?: string;
+    minutes?: string;
+    seconds?: string;
+};
+export type CountDownProps = {
+    endTime?: string;
+    copy?: Copy;
+    cns?: Cns;
+    expiredHidden?: boolean;
+};
+export type ItemProps = {
+    time?: string;
+    copy?: string;
+    image?: string;
+    cns?: Cns;
+};
+export {};

package/dist/esm/src/cpn-components/CpnNavigation/index.d.ts

@@ -0,0 +1,3 @@
+import type { NavigationProps } from './types.js';
+declare const CpnNavigation: (props: NavigationProps) => import("react/jsx-runtime").JSX.Element;
+export default CpnNavigation;

package/dist/esm/src/cpn-components/CpnNavigation/types.d.ts

@@ -0,0 +1,20 @@
+type Cns = {
+    container?: string;
+    box?: string;
+    item?: string;
+    activeItem?: string;
+};
+export interface Nav {
+    label: string;
+    anchor: string;
+}
+export type NavigationProps = {
+    lists: Nav[];
+    styles?: {
+        [key: string]: string;
+    };
+    cns?: Cns;
+    offset?: number;
+    clickHandler?: (nav: Nav, index: number, e: React.MouseEvent<HTMLAnchorElement>) => void;
+};
+export {};

package/dist/esm/src/cpn-components/CpnProductCard/index.d.ts

@@ -0,0 +1,3 @@
+import type { ProductCardProps } from './types.js';
+declare const CpnProductCard: (props: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export default CpnProductCard;

package/dist/esm/src/cpn-components/CpnProductCard/types.d.ts

@@ -0,0 +1,109 @@
+export type ProductImage = {
+    url: string;
+    altText?: string;
+    width?: number;
+    height?: number;
+};
+export type ProductPrice = {
+    value: number;
+    currencyCode?: 'USD' | 'EUR' | 'ARS' | string;
+    retailPrice?: number;
+    salePrice?: number;
+    listPrice?: number;
+    extendedSalePrice?: number;
+    extendedListPrice?: number;
+};
+export type ProductOption = {
+    __typename?: 'MultipleChoiceOption';
+    id: string;
+    displayName: string;
+    name?: string;
+    values: ProductOptionValues[];
+};
+export type ProductOptionValues = {
+    label: string;
+    hexColors?: string[];
+};
+export type SellingPlans = {
+    id: string;
+    name: string;
+    options: {
+        name: string;
+        value: string;
+    }[];
+};
+export type SellingPlanGroups = {
+    name: string;
+    sellingPlans: SellingPlans[];
+};
+export type SellingPlanAllocations = {
+    priceAdjustments: [];
+    sellingPlan: SellingPlans;
+}[];
+export type ProductVariant = {
+    barcode?: string;
+    id: string | number;
+    options: ProductOption[];
+    availableForSale?: boolean;
+    quantityAvailable: number;
+    metafields?: Record<string, any>;
+    sellingPlanAllocations?: SellingPlanAllocations;
+    price: number;
+    weight?: number;
+    name?: string;
+    image?: ProductImage;
+    requiresShipping?: boolean;
+    [key: string]: any;
+};
+export type Product = {
+    availableForSale?: boolean;
+    id: string;
+    name: string;
+    description: string;
+    descriptionHtml?: string;
+    productType?: string;
+    onlineStoreUrl?: string | null;
+    publishedAt?: string;
+    title?: string;
+    slug?: string;
+    handle?: string;
+    path?: string;
+    images: ProductImage[];
+    variants: ProductVariant[];
+    price: ProductPrice;
+    listPrice?: number;
+    options: ProductOption[];
+    seo?: any;
+    tags?: string[];
+    metafields?: {
+        [key: string]: any;
+    };
+    vendor: string;
+    totalInventory: number;
+    requiresSellingPlan: boolean;
+    sellingPlanGroups: SellingPlanGroups[];
+};
+type Cns = {
+    container?: string;
+    box?: string;
+    item?: string;
+    activeItem?: string;
+};
+type ContentType = 'tag' | 'image' | 'title' | 'subtitle' | 'price' | 'buttons' | 'code';
+interface Content {
+    type: ContentType;
+    text?: string;
+    image?: string;
+    imageMob?: string;
+    url?: string;
+    buttons?: {
+        text: string;
+        variant?: "primary" | "secondary";
+        onClick?: () => void;
+    }[];
+}
+export type ProductCardProps = {
+    content?: Content[];
+    cns?: Cns;
+};
+export {};

package/dist/esm/src/cpn-components/CpnTitle/index.d.ts

@@ -0,0 +1,3 @@
+import type { TitleProps } from './types.js';
+declare const CpnTitle: (props: TitleProps) => import("react/jsx-runtime").JSX.Element;
+export default CpnTitle;

package/dist/esm/src/cpn-components/CpnTitle/types.d.ts

@@ -0,0 +1,10 @@
+export type TitleProps = {
+    html: string;
+    icon_l?: string;
+    icon_r?: string;
+    cns?: {
+        container?: string;
+        icon_l?: string;
+        icon_r?: string;
+    };
+};

package/dist/esm/src/cpn-components/index.d.ts

@@ -0,0 +1,5 @@
+export { default as CpnBanner } from './CpnBanner/index.js';
+export { default as CpnCountDown } from './CpnCountDown/index.js';
+export { default as CpnNavigation } from './CpnNavigation/index.js';
+export { default as CpnProductCard } from './CpnProductCard/index.js';
+export { default as CpnTitle } from './CpnTitle/index.js';

package/dist/esm/src/helpers/ScrollLoadVideo.d.ts

@@ -0,0 +1,15 @@
+declare const ScrollLoadVideo: ({ src, poster, alt, className, videoWrapperClassName, videoClassName, autoplay, muted, loop, controls, playsInline, videoRef, ...attr }: {
+    src: string;
+    poster?: string;
+    alt?: string;
+    className?: string;
+    videoWrapperClassName?: string;
+    videoClassName?: string;
+    autoplay?: boolean;
+    muted?: boolean;
+    loop?: boolean;
+    controls?: boolean;
+    playsInline?: boolean;
+    [key: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ScrollLoadVideo;

package/dist/esm/src/helpers/component-props.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+type ComponentPropsAs<C extends React.ElementType<any>, T extends React.ComponentPropsWithoutRef<C>['as']> = Omit<Extract<React.ComponentPropsWithoutRef<C>, {
+    as: T;
+}>, 'as' | 'asChild'>;
+type ComponentPropsWithout<T extends React.ElementType, O extends Omit<string, keyof React.ComponentPropsWithoutRef<T>> | keyof React.ComponentPropsWithoutRef<T>> = Omit<React.ComponentPropsWithoutRef<T>, O & string>;
+type RemovedProps = 'asChild' | 'defaultChecked' | 'defaultValue' | 'color';
+export type { ComponentPropsAs, ComponentPropsWithout, RemovedProps };

package/dist/esm/src/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export { cn } from './utils.js';
+export { noop } from './utils.js';

package/dist/esm/src/helpers/utils.d.ts

@@ -0,0 +1,6 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;
+export declare function noop(): any;
+export declare function atobID(id: string): string | undefined;
+export declare const spaceToHyphen: (str: string) => string;
+export declare const highlightSearchWord: (text: string, searchText: string) => string;

package/dist/esm/src/hooks/useCountDown.d.ts

@@ -0,0 +1,10 @@
+interface Time {
+    days: string;
+    hours: string;
+    minutes: string;
+    seconds: string;
+}
+declare const useCountDown: ({ endTime }: {
+    endTime?: string;
+}) => Time;
+export default useCountDown;

package/dist/esm/src/hooks/useExposure.d.ts

@@ -0,0 +1,12 @@
+import { type RefObject } from 'react';
+interface ExposureOptions {
+    componentType: string;
+    componentName: string;
+    componentTitle?: string;
+    componentDescription?: string;
+    navigation?: string;
+    pageGroup?: string;
+    position?: number;
+}
+export declare const useExposure: (ref: RefObject<HTMLDivElement>, { componentType, componentName, componentTitle, componentDescription, navigation, position }: ExposureOptions) => void;
+export {};

package/dist/esm/src/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+type DelayOptions = {
+    callback: () => void;
+    once?: boolean;
+    threshold?: number;
+    delay?: number;
+};
+/**
+ * 只有提留超过delay设置的时间才会触发callback
+ * @param targetRef
+ * @param callback
+ * @param once
+ * @param threshold
+ * @param delay
+ */
+export declare const useIntersectionObserverDelay: (targetRef: RefObject<any> | undefined, { callback, once, threshold, delay }: DelayOptions) => void;
+export {};

package/dist/esm/src/hooks/useRollout.d.ts

@@ -0,0 +1,14 @@
+import { type MutableRefObject } from 'react';
+type UseRolloutOptions = IntersectionObserverInit & {
+    /**
+     * When true, once the target enters the viewport the first time,
+     * the observer disconnects and `inView` stays true.
+     */
+    once?: boolean;
+};
+/**
+ * Observe when an element enters the viewport.
+ * Returns a ref to attach to the element and a boolean indicating visibility.
+ */
+export declare function useRollout<T extends HTMLElement = HTMLElement>(options?: UseRolloutOptions): [MutableRefObject<T | null>, boolean];
+export {};

package/dist/esm/src/icons/spinner.d.ts

@@ -0,0 +1,5 @@
+export interface SpinnerProps {
+    className?: string;
+}
+declare const Spinner: (props: SpinnerProps) => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

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

@@ -0,0 +1 @@
+export * from './components/index.js';