@spark-ui/components 13.1.4 → 13.2.0

package/dist/scrolling-list/index.d.mts

@@ -1,118 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef } from 'react';
-import { IconButtonProps } from '../icon-button/index.mjs';
-import '../button/index.mjs';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-type SnapType = 'mandatory' | 'proximity' | 'none';
-type ScrollBehavior = 'smooth' | 'instant';
-type SnapStop = 'normal' | 'always';
-interface Props$2 extends ComponentPropsWithRef<'div'> {
-    /**
-     * 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.
-     * - `none` to disabled scroll snapping.
-     */
-    snapType?: SnapType;
-    /**
-     * Defines whether or not the scroll container is allowed to "pass over" possible snap positions.
-     */
-    snapStop?: SnapStop;
-    scrollBehavior?: ScrollBehavior;
-    /**
-     * Add a fade effect to indicate content overflow.
-     */
-    withFade?: boolean;
-    children?: ReactNode;
-    /**
-     * When `true`, allow previous and next buttons to be used when reaching the edges of the list.
-     */
-    loop?: boolean;
-    /**
-     * Space (in pixels) between items.
-     */
-    gap?: number;
-    /**
-     * Offset (in pixels) of the left of the optimal viewing region of the list.
-     */
-    scrollPadding?: number;
-    className?: string;
-}
-declare const ScrollingList$1: {
-    ({ snapType, snapStop, scrollBehavior, loop, gap, withFade, scrollPadding, children, className, ...rest }: Props$2): react_jsx_runtime.JSX.Element;
-    displayName: string;
+import { ScrollingList as Root } from './ScrollingList';
+import { ScrollingListControls as Controls } from './ScrollingListControls';
+import { ScrollingListItem as Item } from './ScrollingListItem';
+import { ScrollingListItems as Items } from './ScrollingListItems';
+import { ScrollingListNextButton as NextButton } from './ScrollingListNextButton';
+import { ScrollingListPrevButton as PrevButton } from './ScrollingListPrevButton';
+import { ScrollingListSkipButton as SkipButton } from './ScrollingListSkipButton';
+export declare const ScrollingList: typeof Root & {
+    Controls: typeof Controls;
+    NextButton: typeof NextButton;
+    PrevButton: typeof PrevButton;
+    Item: typeof Item;
+    Items: typeof Items;
+    SkipButton: typeof SkipButton;
 };
-
-interface ScrollingListControls extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Visibility behavior of the control buttons:
-     * - `always`: buttons are always visible.
-     * - `hover`: buttons only appear on hover.
-     *
-     * a11y: `hover` is dangerous for accessibility as it disabled controls for touch screen users.
-     * When using it, you must provide an alternative control outside of the list to replace them.
-     */
-    visibility?: 'hover' | 'always';
-    children: ReactNode;
-}
-declare const ScrollingListControls: {
-    ({ children, visibility, className, ...rest }: ScrollingListControls): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ScrollingListItemProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     */
-    asChild?: boolean;
-    children?: ReactNode;
-    /**
-     * DO NOT USE. This prop is automatically managed by the parent ScrollingList.ListItems
-     */
-    index?: number;
-    className?: string;
-}
-declare const ScrollingListItem: {
-    ({ asChild, children, index, className, ...rest }: ScrollingListItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props$1 extends ComponentPropsWithRef<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-declare const ScrollingListItems: {
-    ({ children, ref, className, ...rest }: Props$1): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ScrollingListNextButton: {
-    ({ "aria-label": ariaLabel, ...rest }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ScrollingListPrevButton: {
-    ({ "aria-label": ariaLabel, ...rest }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props extends ComponentPropsWithoutRef<'button'> {
-    children: string;
-}
-declare const ScrollingListSkipButton: {
-    ({ children, ...rest }: Props): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ScrollingList: typeof ScrollingList$1 & {
-    Controls: typeof ScrollingListControls;
-    NextButton: typeof ScrollingListNextButton;
-    PrevButton: typeof ScrollingListPrevButton;
-    Item: typeof ScrollingListItem;
-    Items: typeof ScrollingListItems;
-    SkipButton: typeof ScrollingListSkipButton;
-};
-
-export { ScrollingList };

package/dist/scrolling-list/index.d.ts

@@ -1,118 +1,15 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef } from 'react';
-import { IconButtonProps } from '../icon-button/index.js';
-import '../button/index.js';
-import 'class-variance-authority/types';
-import 'class-variance-authority';
-
-type SnapType = 'mandatory' | 'proximity' | 'none';
-type ScrollBehavior = 'smooth' | 'instant';
-type SnapStop = 'normal' | 'always';
-interface Props$2 extends ComponentPropsWithRef<'div'> {
-    /**
-     * 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.
-     * - `none` to disabled scroll snapping.
-     */
-    snapType?: SnapType;
-    /**
-     * Defines whether or not the scroll container is allowed to "pass over" possible snap positions.
-     */
-    snapStop?: SnapStop;
-    scrollBehavior?: ScrollBehavior;
-    /**
-     * Add a fade effect to indicate content overflow.
-     */
-    withFade?: boolean;
-    children?: ReactNode;
-    /**
-     * When `true`, allow previous and next buttons to be used when reaching the edges of the list.
-     */
-    loop?: boolean;
-    /**
-     * Space (in pixels) between items.
-     */
-    gap?: number;
-    /**
-     * Offset (in pixels) of the left of the optimal viewing region of the list.
-     */
-    scrollPadding?: number;
-    className?: string;
-}
-declare const ScrollingList$1: {
-    ({ snapType, snapStop, scrollBehavior, loop, gap, withFade, scrollPadding, children, className, ...rest }: Props$2): react_jsx_runtime.JSX.Element;
-    displayName: string;
+import { ScrollingList as Root } from './ScrollingList';
+import { ScrollingListControls as Controls } from './ScrollingListControls';
+import { ScrollingListItem as Item } from './ScrollingListItem';
+import { ScrollingListItems as Items } from './ScrollingListItems';
+import { ScrollingListNextButton as NextButton } from './ScrollingListNextButton';
+import { ScrollingListPrevButton as PrevButton } from './ScrollingListPrevButton';
+import { ScrollingListSkipButton as SkipButton } from './ScrollingListSkipButton';
+export declare const ScrollingList: typeof Root & {
+    Controls: typeof Controls;
+    NextButton: typeof NextButton;
+    PrevButton: typeof PrevButton;
+    Item: typeof Item;
+    Items: typeof Items;
+    SkipButton: typeof SkipButton;
 };
-
-interface ScrollingListControls extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Visibility behavior of the control buttons:
-     * - `always`: buttons are always visible.
-     * - `hover`: buttons only appear on hover.
-     *
-     * a11y: `hover` is dangerous for accessibility as it disabled controls for touch screen users.
-     * When using it, you must provide an alternative control outside of the list to replace them.
-     */
-    visibility?: 'hover' | 'always';
-    children: ReactNode;
-}
-declare const ScrollingListControls: {
-    ({ children, visibility, className, ...rest }: ScrollingListControls): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface ScrollingListItemProps extends ComponentPropsWithoutRef<'div'> {
-    /**
-     * Change the default rendered element for the one passed as a child, merging their props and behavior.
-     */
-    asChild?: boolean;
-    children?: ReactNode;
-    /**
-     * DO NOT USE. This prop is automatically managed by the parent ScrollingList.ListItems
-     */
-    index?: number;
-    className?: string;
-}
-declare const ScrollingListItem: {
-    ({ asChild, children, index, className, ...rest }: ScrollingListItemProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props$1 extends ComponentPropsWithRef<'div'> {
-    children?: ReactNode;
-    className?: string;
-}
-declare const ScrollingListItems: {
-    ({ children, ref, className, ...rest }: Props$1): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ScrollingListNextButton: {
-    ({ "aria-label": ariaLabel, ...rest }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ScrollingListPrevButton: {
-    ({ "aria-label": ariaLabel, ...rest }: IconButtonProps): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-interface Props extends ComponentPropsWithoutRef<'button'> {
-    children: string;
-}
-declare const ScrollingListSkipButton: {
-    ({ children, ...rest }: Props): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare const ScrollingList: typeof ScrollingList$1 & {
-    Controls: typeof ScrollingListControls;
-    NextButton: typeof ScrollingListNextButton;
-    PrevButton: typeof ScrollingListPrevButton;
-    Item: typeof ScrollingListItem;
-    Items: typeof ScrollingListItems;
-    SkipButton: typeof ScrollingListSkipButton;
-};
-
-export { ScrollingList };