@iress-oss/ids-components 6.0.0-alpha.3 → 6.0.0-alpha.30

package/dist/src/components/RichSelect/components/SelectActivator.d.ts

@@ -1,38 +0,0 @@
-import { IressRichSelectProps, SelectLabelRenderProps } from '../RichSelect';
-import { LabelValueMeta } from '../../../interfaces';
-import { ReactNode } from 'react';
-import { IressInputProps } from '../../Input';
-export interface IressSelectActivatorProps {
-    /**
-     * Append content.
-     * @default <IressIcon name="chevron-down" size="xs" />
-     */
-    append?: ReactNode;
-    /**
-     * Placeholder, shown when there is nothing selected.
-     */
-    placeholder?: ReactNode;
-    /**
-     * Prepend content.
-     */
-    prepend?: ReactNode;
-    /**
-     * Selected items.
-     */
-    selected?: LabelValueMeta | LabelValueMeta[];
-    /**
-     * Text displayed next to label when two or more options are selected.
-     * @default {{numOptions}} selected
-     */
-    selectedOptionsText?: string;
-    /**
-     * The width of the select.
-     */
-    width?: IressInputProps['width'];
-}
-interface SelectActivatorProps<TMultiple extends boolean = false> extends Pick<IressRichSelectProps<TMultiple>, 'id' | 'multiSelect' | 'onChange' | 'placeholder' | 'renderLabel' | 'value' | 'append' | 'prepend' | 'selectedOptionsText'>, Omit<SelectLabelRenderProps<TMultiple>, 'close'> {
-    async?: boolean;
-    setShow: (show: boolean) => void;
-}
-export declare const SelectActivator: <TMultiple extends boolean = false>({ append, async, id, error, loading, multiSelect, onChange, placeholder, prepend, renderLabel, selectedOptionsText, setShow, setValue, show, value, }: SelectActivatorProps<TMultiple>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/RichSelect/components/SelectHiddenInput.d.ts

@@ -1,27 +0,0 @@
-import { IressRichSelectProps } from '../RichSelect';
-import { ControlledValue } from '../../../hooks/useControlledState';
-import { LabelValueMeta } from '../../../interfaces';
-import { ForwardedRef, ReactElement } from 'react';
-export interface SelectHiddenInputRenderProps<TMultiple extends boolean = false> {
-    /**
-     * Gets the current value as a string, separated by comma. Use this if you are using an uncontrolled select.
-     */
-    getValuesString: () => string;
-    /**
-     * Selected items.
-     */
-    value?: ControlledValue<LabelValueMeta, TMultiple>;
-    /**
-     * Set the reference of the hidden input. Required to be set if needed to work with React Hook Forms.
-     */
-    ref?: ForwardedRef<HTMLInputElement>;
-    /**
-     * Whether its required.
-     */
-    required?: boolean;
-}
-type SelectHiddenInputProps<TMultiple extends boolean = false> = Pick<IressRichSelectProps<TMultiple>, 'data-testid' | 'name' | 'renderHiddenInput' | 'value' | 'required'> & SelectHiddenInputRenderProps<TMultiple>;
-export declare const SelectHiddenInput: <TMultiple extends boolean>(props: SelectHiddenInputProps<TMultiple> & {
-    ref?: ForwardedRef<HTMLInputElement>;
-}) => ReactElement;
-export {};

package/dist/src/components/RichSelect/components/SelectOptions.d.ts

@@ -1,8 +0,0 @@
-import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect';
-interface SelectOptionsProps<TMultiple extends boolean = false> extends Pick<IressRichSelectProps<TMultiple>, 'autoHighlight' | 'minSearchLength' | 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps<TMultiple>, 'close'> {
-    setShow: (show: boolean) => void;
-    shouldShowInstructions?: boolean;
-    shouldShowNoResults?: boolean;
-}
-export declare const SelectOptions: <TMultiple extends boolean = false>({ autoHighlight, debouncedQuery, error, initialOptions: initialOptionsProp, loading, minSearchLength, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, shouldShowInstructions, shouldShowNoResults, value, }: SelectOptionsProps<TMultiple>) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined;
-export {};

package/dist/src/components/RichSelect/hooks/useRichSelectState.d.ts

@@ -1,17 +0,0 @@
-import { ControlledStateHook, ControlledStateProps } from '../../../hooks/useControlledState';
-import { LabelValueMeta } from '../../../interfaces';
-export interface RichSelectStateHookReturn<T extends LabelValueMeta = LabelValueMeta, TMultiple extends boolean = false> extends ControlledStateHook<T, TMultiple> {
-    getLabelsArray: () => string[];
-    getLabelsString: (separator?: string) => string;
-    getValuesArray: () => string[];
-    getValuesString: () => string;
-}
-/**
- * This is a wrapper around useControlledState that provides additional helper functions for working with rich select state.
- * - getLabelsArray: Returns an array of the labels of the selected items, used to create tags.
- * - getLabelsString: Returns a string of the labels of the selected items, separated by the provided separator. Used for displaying in inputs.
- * - getValuesArray: Returns an array of the values of the selected items. Used to compare current and previous values.
- * - getValuesString: Returns a string of the values of the selected items, separated by commas. Used for submitting form data.
- *
- */
-export declare const useRichSelectState: <T extends LabelValueMeta = LabelValueMeta, TMultiple extends boolean = false>(props: ControlledStateProps<T, TMultiple>) => RichSelectStateHookReturn<T, TMultiple>;

package/dist/src/components/RichSelect/index.d.ts

@@ -1,10 +0,0 @@
-export * from './hooks/useRichSelectState';
-export * from './RichSelect';
-export * from './SelectBody/SelectBody';
-export * from './SelectCreate/SelectCreate';
-export * from './SelectHeading/SelectHeading';
-export * from './SelectLabel/SelectLabel';
-export * from './SelectMenu/SelectMenu';
-export * from './SelectSearch/SelectSearch';
-export * from './SelectSearchInput/SelectSearchInput';
-export * from './SelectTags/SelectTags';

package/dist/src/components/Row/Row.d.ts

@@ -1,28 +0,0 @@
-import { PositiveSpacingToken, HorizontalAligns, IressStyledProps, ResponsiveProp, VerticalAligns } from '../../types';
-import { ReactNode } from 'react';
-export interface IressRowProps extends IressStyledProps {
-    /**
-     * Any content you would like to be contained. Best used with `IressCol`.
-     */
-    children?: ReactNode;
-    /**
-     * Sets the gap between the children `<IressCol />` components.
-     */
-    gutter?: ResponsiveProp<PositiveSpacingToken>;
-    /**
-     * Horizontal alignment, follows flexbox justify-content
-     * @default left
-     */
-    horizontalAlign?: HorizontalAligns;
-    /**
-     * Sets the size of the top and bottom gap between direct children when they begin to wrap.
-     * @see https://developer.mozilla.org/docs/Web/CSS/row-gap
-     */
-    rowGap?: ResponsiveProp<PositiveSpacingToken>;
-    /**
-     * Vertical alignment, follows flexbox align-items
-     * @default top
-     */
-    verticalAlign?: VerticalAligns;
-}
-export declare const IressRow: ({ className, ...restProps }: IressRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Select/Select.d.ts

@@ -1,47 +0,0 @@
-import { ChangeEvent, ForwardedRef, ReactElement, ReactNode } from 'react';
-import { FormControlValue, IressStyledProps } from '../../types';
-import { IressInputProps } from '../Input';
-type SelectElement<TReadonly extends boolean | undefined = undefined> = TReadonly extends true ? 'div' : 'select';
-export type IressSelectProps<T extends FormControlValue = FormControlValue, TReadonly extends boolean | undefined = undefined> = Omit<IressStyledProps<SelectElement<TReadonly>>, 'defaultValue' | 'value' | 'onChange' | 'width'> & {
-    /**
-     * The `option` and `optgroup` elements to render within the select.
-     */
-    children?: ReactNode | string;
-    /**
-     * Value of selected option for uncontrolled select.
-     */
-    defaultValue?: T;
-    /**
-     * Identifier for select.
-     */
-    name?: string;
-    /**
-     * Handles the onChange event of the select input.
-     * If you pass in a non-string value, you can access it using the second parameter of the function.
-     */
-    onChange?: (e: ChangeEvent<HTMLSelectElement>, value?: T) => void;
-    /**
-     * If `true`, the user cannot modify the value.
-     */
-    readOnly?: TReadonly;
-    /**
-     * Mark the select as a required field.
-     */
-    required?: boolean;
-    /**
-     * Value of selected option for controlled select.
-     */
-    value?: T;
-    /**
-     * Adds an `option` as the first element with the placeholder text and no value.
-     */
-    placeholder?: string;
-    /**
-     * The width of the select.
-     */
-    width?: IressInputProps['width'];
-};
-export declare const IressSelect: <T extends FormControlValue = FormControlValue, TReadonly extends boolean | undefined = undefined>(props: IressSelectProps<T, TReadonly> & {
-    ref?: ForwardedRef<HTMLElementTagNameMap[SelectElement<TReadonly>]>;
-}) => ReactElement;
-export {};

package/dist/src/components/Select/Select.styles.d.ts

@@ -1,94 +0,0 @@
-/**
- * The atomic recipe is a function that takes a variant and returns a class name object. It can be used to create a component without JSX (eg. as a utility class).
- *
- * [Learn more](https://panda-css.com/docs/concepts/recipes#atomic-recipe-or-cva)
- */
-export declare const select: import('../../styled-system/types').SlotRecipeRuntimeFn<"element" | "wrapper" | "control", {
-    width: {
-        '2': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '4': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '6': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '8': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '10': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '12': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]";
-            };
-        };
-        '16': {
-            wrapper: {
-                width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '25perc': {
-            wrapper: {
-                width: "input.25perc";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '50perc': {
-            wrapper: {
-                width: "input.50perc";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '75perc': {
-            wrapper: {
-                width: "input.75perc";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-        '100perc': {
-            wrapper: {
-                width: "input.100perc";
-            };
-            element: {
-                width: "auto";
-            };
-        };
-    };
-}>;

package/dist/src/components/Select/SelectOption/SelectOption.d.ts

@@ -1,9 +0,0 @@
-import { FormControlValue, IressStyledProps } from '../../../types';
-export interface IressSelectOptionProps extends Omit<IressStyledProps<'option'>, 'value'> {
-    /**
-     * Value of selected option.
-     * It will be converted to a string and used to match with the value of IressSelect during the onChange event.
-     */
-    value?: FormControlValue;
-}
-export declare const IressSelectOption: ({ value, ...restProps }: IressSelectOptionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Select/components/SelectControl.d.ts

@@ -1,24 +0,0 @@
-import { ReactElement, Ref } from 'react';
-import { FormControlValue, IressUnstyledProps } from '../../../types';
-import { IressInputProps } from '../../Input';
-export interface SelectControlProps<T = FormControlValue> extends Omit<IressUnstyledProps<'select'>, 'defaultValue' | 'value' | 'width'> {
-    /**
-     * Value of selected option for uncontrolled select.
-     */
-    defaultValue?: T;
-    /**
-     * Adds an `option` as the first element with the placeholder text and no value.
-     */
-    placeholder?: string;
-    /**
-     * Value of the select.
-     */
-    value?: T;
-    /**
-     * The width of the select.
-     */
-    width?: IressInputProps['width'];
-}
-export declare const SelectControl: <T = FormControlValue>(props: SelectControlProps<T> & {
-    ref?: Ref<HTMLSelectElement>;
-}) => ReactElement;

package/dist/src/components/Select/components/SelectReadonly.d.ts

@@ -1,16 +0,0 @@
-import { ReactElement, ReactNode, Ref } from 'react';
-import { FormControlValue } from '../../../types';
-import { IressReadonlyProps } from '../../Readonly';
-export interface SelectReadonlyProps<T extends FormControlValue = FormControlValue> extends Omit<IressReadonlyProps<T>, 'value'> {
-    /**
-     * The options of the select, used to locate the label of the selected value.
-     */
-    children?: ReactNode;
-    /**
-     * The value of the select.
-     */
-    value?: T;
-}
-export declare const SelectReadonly: <T extends FormControlValue = FormControlValue>(props: SelectReadonlyProps<T> & {
-    ref?: Ref<HTMLInputElement>;
-}) => ReactElement;

package/dist/src/components/Select/helpers/nodesToSelectOptions.d.ts

@@ -1,16 +0,0 @@
-import { FormControlValue } from '../../../types';
-import { IressSelectOptionProps, IressSelectOption } from '../SelectOption/SelectOption';
-import { ReactElement } from 'react';
-interface SelectOption<T = FormControlValue> {
-    children?: SelectOption<T>[];
-    label: string;
-    value?: T;
-}
-type NodeProps = IressSelectOptionProps & {
-    label: string;
-};
-type NodeType = typeof IressSelectOption | 'optgroup' | 'option';
-type Node = ReactElement<NodeProps, NodeType>;
-export declare const mapNodesToSelectOptions: <T = FormControlValue>(nodes: Node[] | Node) => SelectOption<T>[];
-export declare const findValueFromStringInSelectOptions: <T = FormControlValue>(value: string, options?: SelectOption<T>[]) => T | undefined;
-export {};

package/dist/src/components/Select/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Select.styles';
-export * from './Select';
-export * from './SelectOption/SelectOption';

package/dist/src/components/Skeleton/Skeleton.d.ts

@@ -1,25 +0,0 @@
-import { IressStyledProps } from '../../types';
-import { IressCSSProps } from '../../interfaces';
-type SkeletonMode = 'rect' | 'circle' | 'text';
-export interface IressSkeletonProps<TMode extends SkeletonMode = 'text'> extends Omit<IressStyledProps, 'width' | 'height'> {
-    /**
-     * Sets the height of the skeleton bones. If no unit is specified it will default to pixels.
-     * Not allowed when in `text` mode.
-     */
-    height?: TMode extends 'text' ? never : string;
-    /**
-     * Mode of the skeleton. `rect` and `circle` must have `width` and `height` specified. `text` works with `textStyle`.
-     * @default text
-     */
-    mode?: TMode;
-    /**
-     * Use `textStyle` to specify what the Skeleton should emulate. If set to `h1` a non-break space with the same font-size and line-height of a h1 will be rendered.
-     */
-    textStyle?: IressCSSProps['textStyle'];
-    /**
-     * Sets the width of the skeleton bones. If no unit is specified it will default to pixels.
-     */
-    width?: string;
-}
-export declare const IressSkeleton: <TMode extends SkeletonMode = "text">({ className, height, width, mode: modeProp, style, "data-testid": dataTestId, ...restProps }: IressSkeletonProps<TMode>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/src/components/SkipLink/SkipLink.d.ts

@@ -1,17 +0,0 @@
-import { ElementType, ReactElement, ReactNode } from 'react';
-import { ButtonRef, IressButtonProps } from '../Button';
-export type IressSkipLinkProps<C extends ElementType | undefined = undefined, THref extends string | undefined = undefined> = IressButtonProps<C, THref> & {
-    /**
-     * Description of where the skip link jumps to.
-     * @default 'Skip to content'
-     */
-    children?: ReactNode;
-    /**
-     * Contains a URL or a URL fragment that the skip link points to.
-     * If this property is set, an anchor tag will be rendered.
-     */
-    href?: THref;
-};
-export declare const IressSkipLink: <C extends ElementType | undefined = undefined, THref extends string | undefined = undefined>(props: IressSkipLinkProps<C, THref> & {
-    ref?: ButtonRef<C, THref>;
-}) => ReactElement;

package/dist/src/components/Slideout/Slideout.d.ts

@@ -1,82 +0,0 @@
-import { ReactElement, ReactNode, MutableRefObject } from 'react';
-import { OpenChangeReason } from '@floating-ui/react';
-import { FloatingUIContainer, IressStyledProps } from '../../types';
-export interface IressSlideoutProps extends IressStyledProps {
-    /**
-     * Content to be displayed within the slideout.
-     */
-    children?: ReactNode;
-    /**
-     * Screenreader text for close button.
-     * @default 'Close'
-     */
-    closeText?: string;
-    /**
-     * The container element to render the slideout into.
-     * By default, the slideout will render at the end of the document body.
-     */
-    container?: FloatingUIContainer;
-    /**
-     * When set to `true` the slideout will be visible.
-     * Use for uncontrolled slideouts.
-     */
-    defaultShow?: boolean;
-    /**
-     * The element that needs to be pushed relative to the slideout. This can be a string selector to match an existing element in the DOM, a html element, or a React reference.
-     * Will be ignored if `mode` is not set to `push` or if element does not exist.
-     */
-    eleToPush?: string | HTMLElement | MutableRefObject<HTMLElement | null>;
-    /**
-     * Panel to place slideout controls.
-     */
-    footer?: ReactNode;
-    /**
-     * Sets the heading for the slideout.
-     * If passed an element, it will render the element with an id, to ensure its connection to the slideout.
-     */
-    heading?: ReactElement | string;
-    /**
-     * Unique ID for the slideout. Use if you would like to open this slideout from anywhere in your app using the `useSlideout` hook.
-     */
-    id?: string;
-    /**
-     * Sets how the Slideout interacts with the content of the page.
-     * `overlay` overlays the page content, obscuring the content below.
-     * `push` will push the element (specified by `eleToPush`) across the page. `push` will revert back to `overlay` if `eleToPush` is not specified or if the screen size < 1200px.
-     * @default 'overlay'
-     */
-    mode?: 'overlay' | 'push';
-    /**
-     * Emitted when the slideout has opened or closed internally.
-     * Use for controlled slideouts.
-     */
-    onShowChange?: (show: boolean, reason?: OpenChangeReason) => void;
-    /**
-     * Emitted when the slideout has mounted, unmounted, opened or closed. Open and close occur before animation begins.
-     */
-    onStatus?: (status: 'unmounted' | 'initial' | 'open' | 'close') => void;
-    /**
-     * Emitted when the slideout has opened.
-     */
-    onEntered?: () => void;
-    /**
-     * Emitted when the slideout has closed.
-     */
-    onExited?: () => void;
-    /**
-     * Position of the slideout relative to the page. `left` or `right`.
-     * @default 'right'
-     */
-    position?: 'right' | 'left';
-    /**
-     * When set to `true` the slideout will be visible.
-     * Use for controlled slideouts.
-     */
-    show?: boolean;
-    /**
-     * Accepts a single `SlideoutSize`. Slideouts will display at 100% for mobile screens (<576px).
-     * @default 'sm'
-     */
-    size?: 'sm' | 'md';
-}
-export declare const IressSlideout: ({ children, className, closeText, container, "data-testid": dataTestid, defaultShow, eleToPush, footer, heading: headingProp, mode, onEntered, onExited, onShowChange, onStatus, onTransitionEnd, position, show, size, style, ...restProps }: IressSlideoutProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/src/components/Slideout/Slideout.styles.d.ts

@@ -1,66 +0,0 @@
-export declare const slideout: import('../../styled-system/types').SlotRecipeRuntimeFn<"footer" | "content" | "root" | "closeButton", {
-    position: {
-        right: {
-            root: {
-                insetInlineEnd: "spacing.0";
-                borderStartStartRadius: "radius.050";
-                borderEndStartRadius: "radius.050";
-                borderStartEndRadius: "radius.000";
-                borderEndEndRadius: "radius.000";
-                _motionReduce: {
-                    transition: "[none]";
-                };
-            };
-        };
-        left: {
-            root: {
-                insetInlineStart: "spacing.0";
-                borderStartStartRadius: "radius.000";
-                borderEndStartRadius: "radius.000";
-                borderStartEndRadius: "radius.050";
-                borderEndEndRadius: "radius.050";
-                _motionReduce: {
-                    transition: "[none]";
-                };
-            };
-        };
-    };
-    size: {
-        sm: {
-            root: {
-                width: "overlay.sm";
-            };
-        };
-        md: {
-            root: {
-                width: "overlay.md";
-            };
-        };
-    };
-    status: {
-        initial: {
-            root: {};
-        };
-        open: {
-            root: {};
-        };
-        close: {
-            root: {};
-        };
-        unmounted: {
-            root: {
-                display: "none";
-            };
-        };
-    };
-    mode: {
-        overlay: {};
-        push: {
-            root: {
-                xl: {
-                    borderRadius: "radius.000";
-                };
-            };
-        };
-    };
-}>;

package/dist/src/components/Slideout/SlideoutProvider.d.ts

@@ -1,10 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { FloatingUIContainer } from '../../types';
-export interface IressSlideoutProviderProps extends PropsWithChildren {
-    /**
-     * The container element to render the slideout into.
-     * By default, the slideout will render at the end of the document body.
-     */
-    container?: FloatingUIContainer;
-}
-export declare const IressSlideoutProvider: ({ children, container, }: IressSlideoutProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Slideout/components/SlideoutInner.d.ts

@@ -1,10 +0,0 @@
-import { IressStyledProps } from '../../../types';
-import { ReactNode } from 'react';
-export interface SlideoutInnerProps extends IressStyledProps {
-    closeText?: string;
-    floatingRef?: (node: HTMLElement | null) => void;
-    footer?: ReactNode;
-    heading?: ReactNode;
-    onOpenChange: (show: boolean) => void;
-}
-export declare const SlideoutInner: ({ children, closeText, "data-testid": dataTestid, floatingRef, footer, heading, onOpenChange, className, ...restProps }: SlideoutInnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Slider/components/SliderTicks.d.ts

@@ -1,58 +0,0 @@
-import { ReactNode } from 'react';
-import { IressStyledProps, IressUnstyledProps } from '../../../types';
-import { IressTestProps } from '../../../interfaces';
-export interface SliderTicksProps extends IressUnstyledProps<'datalist'> {
-    /**
-     * Set the maximum value for the slider.
-     * @default 10
-     */
-    max?: number;
-    /**
-     * Sets minimum value for the slider.
-     * @default 0
-     */
-    min?: number;
-    /**
-     * List of labels to be displayed.
-     */
-    tickLabels?: SliderTickLabelValue[];
-}
-export interface SliderTickMarkProps extends IressTestProps {
-    /**
-     * List of all tick labels for the slider.
-     * Used to calculate the relative width of each tick mark.
-     */
-    allTickLabels: SliderTickLabelValue[];
-    /**
-     * The index of the tick label in the list.
-     */
-    index: number;
-    /**
-     * The maximum value of the slider.
-     */
-    max: number;
-    /**
-     * The minimum value of the slider.
-     */
-    min: number;
-    /**
-     * The tick label to be displayed.
-     */
-    tickLabel: SliderTickLabelValue;
-}
-export interface SliderTickLabelValue extends Omit<IressStyledProps, 'children'> {
-    /**
-     * The label of the tick mark. If not provided, the value will be displayed.
-     */
-    label?: ReactNode;
-    /**
-     * The value of the tick mark. Will be used as the value of the form control.
-     */
-    value: number;
-}
-/**
- * Represents a tick label for the slider.
- * It can either be a number or an object containing a value, optional label as well as optional styling.
- */
-export type SliderTickLabel = number | SliderTickLabelValue;
-export declare const SliderTicks: ({ max, min, tickLabels, ...restProps }: SliderTicksProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Spinner/Spinner.d.ts

@@ -1,9 +0,0 @@
-import { IressIconProps } from '../Icon';
-export interface IressSpinnerProps extends Omit<IressIconProps, 'name'> {
-    /**
-     * Spin speed of spinner.
-     * @default half
-     **/
-    spin?: IressIconProps['spin'];
-}
-export declare const IressSpinner: ({ className, spin, ...restProps }: IressSpinnerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Spinner/Spinner.styles.d.ts

@@ -1 +0,0 @@
-export declare const spinner: import('../../styled-system/types').RecipeRuntimeFn<{}>;