@iress-oss/ids-components 0.0.1-dev.9 → 5.13.1

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

@@ -0,0 +1,2 @@
+import { IressSelectTagsProps } from './SelectTags.types';
+export declare const IressSelectTags: ({ append, className, "data-testid": dataTestId, limit, onDelete, onDeleteAll, onToggleActions, placeholder, prepend, selected, selectedOptionsText, ...restProps }: IressSelectTagsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/RichSelect/SelectTags/SelectTags.types.d.ts

@@ -0,0 +1,27 @@
+import { ButtonRef, IressHTMLAttributes, LabelValueMeta } from '../../../main';
+import { IressSelectActivatorProps } from '../RichSelect.types';
+import { ReactNode } from 'react';
+export interface IressSelectTagsProps extends IressSelectActivatorProps, Omit<IressHTMLAttributes, 'children'> {
+    /**
+     * Append content.
+     * @default <IressButton mode="tertiary" role="combobox" aria-label="Select"><IressIcon name="chevron-down" /></IressButton>
+     */
+    append?: ReactNode;
+    /**
+     * Emitted when a tag is deleted.
+     */
+    onDelete?: (item?: LabelValueMeta, e?: React.SyntheticEvent<ButtonRef>) => void;
+    /**
+     * Emitted when the combined tag delete button is clicked.
+     */
+    onDeleteAll?: (e: React.SyntheticEvent<ButtonRef>) => void;
+    /**
+     * Emitted when actions are toggled.
+     */
+    onToggleActions?: (open?: boolean) => void;
+    /**
+     * Limit of tags to display before shortening to `selectedOptionsText`
+     * @default 5
+     */
+    limit?: number;
+}

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

@@ -0,0 +1,7 @@
+import { IressRichSelectProps, SelectLabelRenderProps } from '../RichSelect.types';
+interface SelectActivatorProps extends Pick<IressRichSelectProps, 'id' | 'multiSelect' | 'onChange' | 'placeholder' | 'renderLabel' | 'value'>, Omit<SelectLabelRenderProps, 'close'> {
+    async?: boolean;
+    setShow: (show: boolean) => void;
+}
+export declare const SelectActivator: ({ async, id, error, loading, multiSelect, onChange, placeholder, renderLabel, setShow, setValue, show, value, }: SelectActivatorProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,4 @@
+import { IressRichSelectProps, SelectHiddenInputRenderProps } from '../RichSelect.types';
+type SelectHiddenInputProps = Pick<IressRichSelectProps, 'data-testid' | 'name' | 'renderHiddenInput' | 'value'> & SelectHiddenInputRenderProps;
+export declare const SelectHiddenInput: import('react').ForwardRefExoticComponent<Omit<SelectHiddenInputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+export {};

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

@@ -0,0 +1,6 @@
+import { IressRichSelectProps, SelectOptionsRenderProps } from '../RichSelect.types';
+interface SelectOptionsProps extends Pick<IressRichSelectProps, 'multiSelect' | 'onChange' | 'options' | 'renderOptions' | 'value' | 'initialOptions'>, Omit<SelectOptionsRenderProps, 'close'> {
+    setShow: (show: boolean) => void;
+}
+export declare const SelectOptions: ({ debouncedQuery, error, initialOptions: initialOptionsProp, loading, multiSelect, onChange, options, query, renderOptions, results, setQuery, setShow, setValue, show, value, }: SelectOptionsProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+export {};

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

@@ -0,0 +1,17 @@
+import { ControlledStateHook, ControlledStateProps } from '../../../hooks/useControlledState';
+import { IressSelectMenuProps } from '../SelectMenu/SelectMenu.types';
+export interface RichSelectStateHookReturn extends ControlledStateHook<IressSelectMenuProps['selected']> {
+    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: (props: ControlledStateProps<IressSelectMenuProps["selected"]>) => RichSelectStateHookReturn;

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

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

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

@@ -0,0 +1,2 @@
+import { RowWithEnums } from './Row.types';
+export declare const IressRow: RowWithEnums;

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

@@ -0,0 +1,42 @@
+import { GutterSize, GutterSizes, HorizontalAlign, HorizontalAligns, VerticalAlign, VerticalAligns } from '../../main';
+import { IressHTMLAttributes, ResponsiveSizing } from '../../interfaces';
+export interface IressRowProps extends IressHTMLAttributes<HTMLDivElement> {
+    /**
+     * Any content you would like to be contained. Best used with `IressCol`.
+     */
+    children?: React.ReactNode;
+    /**
+     * The amount of space between columns. If a single value is provided, this will be applied to all viewport sizes. If multiple values are provided, the first will apply to the small viewport upwards, the second to the medium viewport upwards, the third (if set) to the large viewport upwards, and the fourth (if set) to the extra large viewport.
+     */
+    gutter?: GutterSize | GutterSizes | ResponsiveSizing<GutterSize | GutterSizes>;
+    /**
+     * Horizontal alignment, follows flexbox justify-content
+     * @default left
+     */
+    horizontalAlign?: HorizontalAlign | HorizontalAligns;
+    /**
+     * Remove negative gutter and uses column gap. This is useful for cases where you are not using `IressCol`.
+     * @default false
+     */
+    useColGap?: boolean;
+    /**
+     * Vertical alignment, follows flexbox align-items
+     * @default top
+     */
+    verticalAlign?: VerticalAlign | VerticalAligns;
+}
+export interface RowWithEnums extends React.FC<IressRowProps> {
+    /** @deprecated IressRow.Gutter enum is now deprecated and will be removed in a future version. Please use the value directly instead. */
+    Gutter: typeof GutterSize;
+    /** @deprecated IressRow.HorizontalAlign enum is now deprecated and will be removed in a future version. Please use the value directly instead. */
+    HorizontalAlign: typeof HorizontalAlign;
+    /** @deprecated IressRow.VerticalAlign enum is now deprecated and will be removed in a future version. Please use the value directly instead. */
+    VerticalAlign: typeof VerticalAlign;
+}
+export declare enum RowCssClass {
+    Base = "iress-u-row",
+    Gutter = "iress--gutter",
+    HorizontalAlign = "iress--h-align",
+    VerticalAlign = "iress--v-align",
+    UseColGap = "iress--use-col-gap"
+}

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

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

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

@@ -0,0 +1,2 @@
+import { SelectWithEnums } from './Select.types';
+export declare const IressSelect: SelectWithEnums;

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

@@ -0,0 +1,89 @@
+import { ReactNode } from 'react';
+import { FormElementWidth } from '../../enums';
+import { IressHTMLAttributes, WithDataAttributes } from '../../interfaces';
+import { FormControlValue, FormElementWidths } from '../../types';
+import { IressReadonlyProps } from '../Readonly';
+export interface IressSelectProps<T = HTMLSelectElement> extends Omit<IressSelectHTMLAttributes<T>, 'defaultValue' | 'value' | 'onChange'> {
+    /**
+     * The `option` and `optgroup` elements to render within the select.
+     */
+    children?: ReactNode | string;
+    /**
+     * Value of selected option for uncontrolled select.
+     */
+    defaultValue?: FormControlValue;
+    /**
+     * 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: React.ChangeEvent<HTMLSelectElement>, value?: FormControlValue) => void;
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the select as a required field.
+     */
+    required?: boolean;
+    /**
+     * Value of selected option for controlled select.
+     */
+    value?: FormControlValue;
+    /**
+     * Adds an `option` as the first element with the placeholder text and no value.
+     */
+    placeholder?: string;
+    /**
+     * The width of the select.
+     */
+    width?: FormElementWidth | FormElementWidths;
+}
+export interface IressSelectOptionProps extends Omit<IressHTMLAttributes<HTMLOptionElement>, '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;
+}
+type IressSelectHTMLAttributes<T = HTMLSelectElement> = WithDataAttributes<React.SelectHTMLAttributes<T>>;
+export interface SelectControlProps extends Omit<IressSelectHTMLAttributes<HTMLSelectElement>, 'defaultValue' | 'value'> {
+    /**
+     * Value of selected option for uncontrolled select.
+     */
+    defaultValue?: FormControlValue;
+    /**
+     * Adds an `option` as the first element with the placeholder text and no value.
+     */
+    placeholder?: string;
+    /**
+     * Value of the select.
+     */
+    value?: FormControlValue;
+}
+export interface SelectReadonlyProps extends Omit<IressReadonlyProps, 'value'> {
+    /**
+     * The options of the select, used to locate the label of the selected value.
+     */
+    children?: React.ReactNode;
+    /**
+     * The value of the select.
+     */
+    value?: FormControlValue;
+}
+export interface SelectOption {
+    children?: SelectOption[];
+    label: string;
+    onClick?: React.MouseEventHandler;
+    testId?: string;
+    value?: FormControlValue;
+}
+export type SelectRef = HTMLSelectElement | HTMLInputElement | null;
+export type SelectWithEnums = React.ForwardRefExoticComponent<IressSelectProps & React.RefAttributes<SelectRef>> & {
+    /** @deprecated IressSelect.Width will be removed in future versions of IDS. Please use the value directly. */
+    Width: typeof FormElementWidth;
+};
+export {};

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

@@ -0,0 +1,2 @@
+import { IressSelectOptionProps } from '../Select.types';
+export declare const IressSelectOption: ({ value, ...restProps }: IressSelectOptionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SelectControlProps } from '../Select.types';
+export declare const SelectControl: import('react').ForwardRefExoticComponent<SelectControlProps & import('react').RefAttributes<HTMLSelectElement>>;

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

@@ -0,0 +1,2 @@
+import { SelectReadonlyProps } from '../Select.types';
+export declare const SelectReadonly: import('react').ForwardRefExoticComponent<SelectReadonlyProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,3 @@
+import { SelectOption } from '..';
+export declare const mapSelectOptions: (items: SelectOption[]) => JSX.Element[] | null;
+export declare const renderOptionOrOptGroup: ({ children, label, onClick, testId, value }: SelectOption, key?: number) => JSX.Element;

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

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

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

@@ -0,0 +1,4 @@
+export * from './Select.types';
+export * from './Select';
+export * from './SelectOption/SelectOption';
+export * from './helpers/mapSelectOptions';

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

@@ -0,0 +1,2 @@
+import { SkeletonWithEnums } from './Skeleton.types';
+export declare const IressSkeleton: SkeletonWithEnums;

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

@@ -0,0 +1,36 @@
+import { TextVariant } from '../../enums';
+import { IressHTMLAttributes } from '../../interfaces';
+import { TextVariants } from '../../types';
+export interface IressSkeletonProps extends Omit<IressHTMLAttributes, 'children'> {
+    /**
+     * Sets the height of the skeleton bones. If no unit is specified it will default to pixels. Will be ignored when in `text` mode.
+     */
+    height?: string;
+    /**
+     * Mode of the skeleton. `rect` and `circle` must have `width` and `height` specified. `text` works with `textVariant`.
+     * @default text
+     */
+    mode?: SkeletonMode | SkeletonModes;
+    /**
+     * Use `textVariant` 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.
+     */
+    textVariant?: TextVariant | TextVariants;
+    /**
+     * Sets the width of the skeleton bones. If no unit is specified it will default to pixels.
+     */
+    width?: string;
+}
+export interface SkeletonWithEnums extends React.FC<IressSkeletonProps> {
+    /** @deprecated IressSkeleton.Mode enum is now deprecated and will be removed in a future version. Please use the SkeletonModes type instead. **/
+    Mode: typeof SkeletonMode;
+    /** @deprecated IressSkeleton.TextVariant enum is now deprecated and will be removed in a future version. Please use the TextVariants type instead. **/
+    TextVariant: typeof TextVariant;
+}
+/** @deprecated SkeletonMode enum is now deprecated and will be removed in a future version. Please use the SkeletonModes type instead. **/
+export declare enum SkeletonMode {
+    Rect = "rect",
+    Circle = "circle",
+    Text = "text"
+}
+export declare const SKELETON_MODES: readonly ["rect", "circle", "text"];
+export type SkeletonModes = (typeof SKELETON_MODES)[number];

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

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

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

@@ -0,0 +1,2 @@
+import { IressSkipLinkProps } from './SkipLink.types';
+export declare const IressSkipLink: import('react').ForwardRefExoticComponent<IressSkipLinkProps & import('react').RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,22 @@
+import { IressAnchorHTMLAttributes } from '../../interfaces';
+import { ReactNode } from 'react';
+export interface IressSkipLinkProps extends IressAnchorHTMLAttributes {
+    /**
+     * Description of where the skip link jumps to.
+     * @default Skip to content
+     */
+    children?: ReactNode;
+    /**
+     * The target of the skip link.
+     */
+    href?: string;
+    /**
+     * Unique identifier for the skip link.
+     */
+    id?: string;
+    /**
+     * The target ID of the element that the link will skip to. If not provided, will fall back to the `href` property.
+     * @deprecated Use `href` with a `#` instead (eg. #main).
+     */
+    targetId?: string;
+}

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

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

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

@@ -0,0 +1,2 @@
+import { SlideoutWithEnums } from './Slideout.types';
+export declare const IressSlideout: SlideoutWithEnums;

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

@@ -0,0 +1,146 @@
+import { PropsWithChildren, ReactElement, ReactNode } from 'react';
+import { IressHTMLAttributes } from '../../interfaces';
+import { PaddingSize } from '../../enums';
+import { FloatingUIContainer, PaddingSizes } from '../../types';
+import { OpenChangeReason } from '@floating-ui/react';
+export interface IressSlideoutProps extends IressHTMLAttributes {
+    /**
+     * When set to `true` a backdrop will be displayed to cover the contents of the page.
+     * The slideout will then become the only element that can be interacted with.
+     */
+    backdrop?: boolean;
+    /**
+     * 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 | React.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?: SlideoutMode | SlideoutModes;
+    /**
+     * Emitted when the slideout has opened or closed internally.
+     * Use for controlled slideouts.
+     */
+    onShowChange?: (show: boolean, reason?: OpenChangeReason) => void;
+    /**
+     * Emitted when the slideout has opened.
+     */
+    onEntered?: () => void;
+    /**
+     * Emitted when the slideout has closed.
+     */
+    onExited?: () => void;
+    /**
+     * Sets the padding of the wrapping panel component.
+     * @default 'md'
+     */
+    padding?: PaddingSize | PaddingSizes;
+    /**
+     * Position of the slideout relative to the page. `left` or `right`.
+     * @default 'right'
+     */
+    position?: SlideoutPosition | SlideoutPositions;
+    /**
+     * 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?: SlideoutSize | SlideoutSizes;
+}
+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;
+    /**
+     * If you are rendering a slideout inside a micro-frontend, using `push` mode and `eleToPush` is targetting an element in the parent app, you will need to set this to `true` to ensure the styles are injected into the parent app.
+     * This will ensure the slideout is positioned correctly and the element is pushed correctly.
+     */
+    injectPushStyles?: boolean;
+}
+export interface IressSlideoutContextValue {
+    container?: FloatingUIContainer;
+    opened: string[];
+    showSlideout: (id: string, flag?: boolean) => void;
+}
+export interface SlideoutInnerProps extends IressHTMLAttributes {
+    closeText?: string;
+    floatingRef?: (node: HTMLElement | null) => void;
+    footer?: ReactNode;
+    heading?: ReactNode;
+    onOpenChange: (show: boolean) => void;
+    padding?: PaddingSize | PaddingSizes;
+}
+export interface SlideoutWithEnums extends React.FC<IressSlideoutProps> {
+    /** @deprecated IressSlideout.Mode will be removed in future versions of IDS. Please use the value directly. */
+    Mode: typeof SlideoutMode;
+    /** @deprecated IressSlideout.Padding will be removed in future versions of IDS. Please use the value directly. */
+    Padding: typeof PaddingSize;
+    /** @deprecated IressSlideout.Position will be removed in future versions of IDS. Please use the value directly. */
+    Position: typeof SlideoutPosition;
+    /** @deprecated IressSlideout.Size will be removed in future versions of IDS. Please use the value directly. */
+    Size: typeof SlideoutSize;
+}
+/** @deprecated IressSlideout.Mode enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+export declare enum SlideoutMode {
+    Overlay = "overlay",
+    Push = "push"
+}
+export declare const SLIDEOUT_MODES: readonly ["overlay", "push"];
+export type SlideoutModes = (typeof SLIDEOUT_MODES)[number];
+/** @deprecated IressSlideout.Position enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+export declare enum SlideoutPosition {
+    Right = "right",
+    Left = "left"
+}
+export declare const SLIDEOUT_POSITIONS: readonly ["right", "left"];
+export type SlideoutPositions = (typeof SLIDEOUT_POSITIONS)[number];
+/** @deprecated IressSlideout.Size enum is now deprecated and will be removed in a future version. Please use the value directly instead. **/
+export declare enum SlideoutSize {
+    Sm = "sm",
+    Md = "md",
+    Lg = "lg"
+}
+export declare const SLIDEOUT_SIZES: readonly ["sm", "md", "lg"];
+export type SlideoutSizes = (typeof SLIDEOUT_SIZES)[number];

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

@@ -0,0 +1,3 @@
+import { IressSlideoutContextValue, IressSlideoutProviderProps } from './Slideout.types';
+export declare const IressSlideoutContext: import('react').Context<IressSlideoutContextValue | undefined>;
+export declare const IressSlideoutProvider: ({ children, container, injectPushStyles, }: IressSlideoutProviderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+import { SlideoutInnerProps } from '../Slideout.types';
+export declare const SlideoutInner: ({ children, closeText, "data-testid": dataTestid, floatingRef, footer, heading, onOpenChange, padding, ...restProps }: SlideoutInnerProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,5 @@
+export declare function useIDSProvidedSlideout(id?: string): {
+    container: import('../../../types').FloatingUIContainer | undefined;
+    opened: boolean | "" | undefined;
+    show: (open?: boolean) => void | "" | undefined;
+};

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

@@ -0,0 +1,3 @@
+export declare const useSlideout: () => {
+    showSlideout: (id: string, flag?: boolean) => void;
+};

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

@@ -0,0 +1,4 @@
+export * from './Slideout.types';
+export * from './Slideout';
+export * from './SlideoutProvider';
+export * from './hooks/useSlideout';

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

@@ -0,0 +1,2 @@
+import { IressSliderProps } from './Slider.types';
+export declare const IressSlider: import('react').ForwardRefExoticComponent<IressSliderProps & import('react').RefAttributes<HTMLInputElement>>;

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

@@ -0,0 +1,94 @@
+import { ReactNode } from 'react';
+import { IressHTMLAttributes, ResponsiveSizing } from '../../interfaces';
+export interface IressSliderProps extends Omit<IressHTMLAttributes<HTMLInputElement>, 'children' | 'onInput' | 'onChange'> {
+    /**
+     * Initial value of the slider. Used for uncontrolled sliders.
+     */
+    defaultValue?: number;
+    /**
+     * Format the changed value.
+     */
+    formatValue?: (value: number, tick?: SliderTickLabelValueWithClassName, readonly?: boolean) => ReactNode;
+    /**
+     * If `true`, the value tooltip will be hidden.
+     */
+    hiddenValueTooltip?: boolean;
+    /**
+     * Set the maximum value for the slider.
+     * @default 10
+     */
+    max?: number;
+    /**
+     * Sets minimum value for the slider.
+     * @default 0
+     */
+    min?: number;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name?: string;
+    /**
+     * Emitted when the slider value changes.
+     */
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>, value?: number) => void;
+    /**
+     * If `true`, the user cannot modify the value.
+     */
+    readonly?: boolean;
+    /**
+     * Sets the step value of the slider.
+     * @default 1
+     */
+    step?: number;
+    /**
+     * List of labels to be displayed.
+     */
+    tickLabels?: SliderTickLabel[] | boolean;
+    /**
+     * Value of the slider. Used for controlled sliders.
+     */
+    value?: number;
+}
+export interface SliderTicksProps extends IressHTMLAttributes<HTMLDataListElement> {
+    /**
+     * 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 SliderReadonlyProps extends Omit<IressHTMLAttributes<HTMLInputElement>, 'value'> {
+    /**
+     * The label of the value.
+     */
+    label?: ReactNode;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name?: string;
+    /**
+     * The current value of the slider.
+     */
+    value?: number;
+}
+export type SliderTickLabel = number | SliderTickLabelValue;
+export interface SliderTickLabelValue {
+    value: number;
+    label?: ReactNode;
+    hiddenOn?: ResponsiveSizing<boolean>;
+}
+export type SliderTickLabelValueWithClassName = SliderTickLabelValue & {
+    className?: Record<string, boolean>;
+};
+export type SliderCustomCSSProperties = React.CSSProperties & {
+    '--iress-thumb-value-offset'?: string;
+    '--iress-tick-label-width'?: string;
+};

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

@@ -0,0 +1,2 @@
+import { SliderTicksProps } from '../Slider.types';
+export declare const SliderTicks: ({ max, min, tickLabels, ...restProps }: SliderTicksProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -0,0 +1,2 @@
+import { IressSpinnerProps } from './Spinner.types';
+export declare const IressSpinner: ({ className, name, spin, ...restProps }: IressSpinnerProps) => import("react/jsx-runtime").JSX.Element;