@simplybusiness/mobius 4.3.0 → 4.3.2

package/dist/types/components/List/ListItem.d.ts

@@ -0,0 +1,14 @@
+import { Ref, ReactNode, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ListItemElementType = HTMLLIElement;
+export interface ListItemProps extends DOMProps, RefAttributes<ListItemElementType> {
+    children?: ReactNode;
+    value?: number;
+    className?: string;
+    parentIcon?: ReactNode;
+    icon?: ReactNode;
+}
+export type ListItemRef = Ref<ListItemElementType>;
+declare const ListItem: ForwardedRefComponent<ListItemProps, ListItemElementType>;
+export { ListItem };

package/dist/types/components/List/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./List";
+export * from "./ListItem";

package/dist/types/components/LoadingIndicator/LoadingIndicator.d.ts

@@ -0,0 +1,8 @@
+import { Ref, RefAttributes } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+import { IconProps } from "../Icon";
+export interface LoadingIndicatorProps extends RefAttributes<SVGSVGElement>, IconProps {
+}
+export type LoadingIndicatorRef = Ref<SVGSVGElement>;
+declare const LoadingIndicator: ForwardedRefComponent<LoadingIndicatorProps, SVGSVGElement>;
+export { LoadingIndicator };

package/dist/types/components/LoadingIndicator/LoadingIndicator.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { LoadingIndicator } from "./LoadingIndicator";
+type StoryType = StoryObj<typeof LoadingIndicator>;
+declare const meta: Meta<typeof LoadingIndicator>;
+export declare const Normal: StoryType;
+export declare const Large: StoryType;
+export declare const WithCustomColour: StoryType;
+export declare const WithCustomIcon: StoryType;
+export default meta;

package/dist/types/components/LoadingIndicator/LoadingIndicator.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/LoadingIndicator/index.d.ts

@@ -0,0 +1 @@
+export * from "./LoadingIndicator";

package/dist/types/components/Logo/Logo.d.ts

@@ -0,0 +1,14 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type LogoElementType = SVGSVGElement;
+export interface LogoProps extends DOMProps, RefAttributes<LogoElementType> {
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    /** Custom width. When defined along with height, it will scale proportionally */
+    width?: string;
+    /** Custom height. When defined along with width, it will scale proportionally */
+    height?: string;
+}
+export type LogoRef = Ref<LogoElementType>;
+export declare const Logo: ForwardedRefComponent<LogoProps, LogoElementType>;

package/dist/types/components/Logo/Logo.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Logo } from "..";
+type StoryType = StoryObj<typeof Logo>;
+declare const meta: Meta<typeof Logo>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/types/components/Logo/Logo.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Logo/index.d.ts

@@ -0,0 +1 @@
+export * from "./Logo";

package/dist/types/components/Modal/Content.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type DivRef = Ref<HTMLDivElement>;
+export type DivElementType = HTMLDivElement;
+export interface ContentProps extends DOMProps, RefAttributes<DivElementType>, PropsWithChildren {
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Content: import("react").ForwardRefExoticComponent<Omit<ContentProps, "ref"> & RefAttributes<HTMLDivElement>>;
+export { Content };

package/dist/types/components/Modal/Header.d.ts

@@ -0,0 +1,10 @@
+import { PropsWithChildren, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+export type HeaderElementType = HTMLDivElement;
+export type HeaderRef = Ref<HTMLElement>;
+export interface HeaderProps extends DOMProps, RefAttributes<HeaderElementType>, PropsWithChildren {
+    onClose?: () => void;
+    closeLabel?: string;
+}
+declare const Header: import("react").ForwardRefExoticComponent<Omit<HeaderProps, "ref"> & RefAttributes<HTMLElement>>;
+export { Header };

package/dist/types/components/Modal/Modal.d.ts

@@ -0,0 +1,6 @@
+import { Ref } from "react";
+import { ModalProps } from "./types";
+export type ModalElementType = HTMLDialogElement;
+export type ModalRef = Ref<ModalElementType>;
+declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDialogElement>>;
+export { Modal };

package/dist/types/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Modal } from ".";
+type StoryType = StoryObj<typeof Modal>;
+declare const meta: Meta<typeof Modal>;
+export declare const Normal: StoryType;
+export declare const FullScreen: StoryType;
+export declare const WithAnimation: StoryType;
+export declare const WithLongContent: StoryType;
+export declare const WithNested: StoryType;
+export default meta;

package/dist/types/components/Modal/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Modal/index.d.ts

@@ -0,0 +1,9 @@
+import { DivElementType as ModalContentDivElementType, ContentProps as ModalContentProps } from "./Content";
+import { HeaderElementType as ModalHeaderElementType, HeaderProps as ModalHeaderProps } from "./Header";
+import { ModalProps } from "./types";
+declare const Modal: import("react").ForwardRefExoticComponent<ModalProps & import("react").RefAttributes<HTMLDialogElement>> & {
+    Header: import("react").ForwardRefExoticComponent<Omit<ModalHeaderProps, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    Content: import("react").ForwardRefExoticComponent<Omit<ModalContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+};
+export { Modal };
+export type { ModalContentDivElementType, ModalContentProps, ModalHeaderElementType, ModalHeaderProps, ModalProps, };

package/dist/types/components/Modal/types.d.ts

@@ -0,0 +1,31 @@
+import { ReactNode } from "react";
+export interface ModalProps {
+    isOpen: boolean;
+    onOpen?: () => void;
+    onClose?: () => void;
+    children?: ReactNode;
+    className?: string;
+    closeLabel?: string;
+    animation?: "slideUp" | "fade";
+    isFullScreen?: boolean;
+    /**
+     * **Deprecated:** No longer needed
+     */
+    size?: string;
+    /**
+     * **Deprecated:** No longer needed
+     */
+    appElement?: string;
+    /**
+     * **Deprecated:** No longer needed
+     */
+    preventCloseOnEsc?: boolean;
+    /**
+     * **Deprecated:** No longer needed
+     */
+    shouldFocusAfterRender?: boolean;
+    /**
+     * **Deprecated:** No longer needed
+     */
+    parentSelector?: () => HTMLElement;
+}

package/dist/types/components/NumberField/NumberField.d.ts

@@ -0,0 +1,35 @@
+import { ChangeEvent, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { UseLabelProps } from "../../hooks";
+import { ForwardedRefComponent } from "../../types/components";
+export type NumberFieldElementType = HTMLInputElement;
+export interface NumberFieldProps extends DOMProps, UseLabelProps, RefAttributes<NumberFieldElementType> {
+    id?: string;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+    validationState?: "valid" | "invalid" | undefined;
+    /** The smallest value allowed for the input. */
+    minValue?: number;
+    /** The largest value allowed for the input. */
+    maxValue?: number;
+    /** The amount that the input value changes with each increment or decrement "tick". */
+    step?: number;
+    /** The default value (uncontrolled). */
+    defaultValue?: number;
+    /** Handler that is called when the value changes. */
+    onChange?: (event: ChangeEvent<NumberFieldElementType>) => void;
+    /** Temporary text that occupies the text input when it is empty. */
+    placeholder?: string;
+    /** Whether user input is required on the input before form submission. */
+    isRequired?: boolean;
+    /** Whether the input is disabled. */
+    isDisabled?: boolean;
+    /** Whether the input can be selected but not changed by the user. */
+    isReadOnly?: boolean;
+    /** An error message for the field. */
+    errorMessage?: string;
+    /** Identifies the element (or elements) that describes the object. */
+    "aria-describedby"?: string | undefined;
+}
+export type NumberFieldRef = Ref<NumberFieldElementType>;
+export declare const NumberField: ForwardedRefComponent<NumberFieldProps, NumberFieldElementType>;

package/dist/types/components/NumberField/NumberField.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { NumberField } from "./NumberField";
+type StoryType = StoryObj<typeof NumberField>;
+declare const meta: Meta<typeof NumberField>;
+export declare const Normal: StoryType;
+export declare const LimitedRange: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export declare const Disabled: StoryType;
+export default meta;

package/dist/types/components/NumberField/NumberField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/NumberField/index.d.ts

@@ -0,0 +1 @@
+export * from "./NumberField";

package/dist/types/components/Option/Option.d.ts

@@ -0,0 +1,10 @@
+import { RefAttributes, Ref } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+export interface OptionProps extends RefAttributes<HTMLOptionElement> {
+    value?: string;
+    children?: string;
+    isDisabled?: boolean;
+}
+export type OptionRef = Ref<HTMLOptionElement>;
+declare const Option: ForwardedRefComponent<OptionProps, HTMLOptionElement>;
+export { Option };

package/dist/types/components/Option/index.d.ts

@@ -0,0 +1 @@
+export * from "./Option";

package/dist/types/components/PasswordField/PasswordField.d.ts

@@ -0,0 +1,5 @@
+import { type TextFieldProps, type TextFieldRef } from "../TextField";
+export interface PasswordFieldProps extends TextFieldProps {
+}
+export type PasswordFieldRef = TextFieldRef;
+export declare const PasswordField: import("react").ForwardRefExoticComponent<Omit<PasswordFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/types/components/PasswordField/PasswordField.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PasswordField } from "./PasswordField";
+type StoryType = StoryObj<typeof PasswordField>;
+declare const meta: Meta<typeof PasswordField>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/types/components/PasswordField/PasswordField.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/PasswordField/ShowHideButton.d.ts

@@ -0,0 +1,5 @@
+export interface ShowHideButtonProps {
+    show?: boolean;
+    onClick: () => void;
+}
+export declare const ShowHideButton: ({ show, onClick, }: ShowHideButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/PasswordField/index.d.ts

@@ -0,0 +1 @@
+export * from "./PasswordField";

package/dist/types/components/Popover/Popover.d.ts

@@ -0,0 +1,15 @@
+import { ReactElement, ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types";
+export type PopoverElementType = HTMLDivElement;
+export interface PopoverProps extends DOMProps, RefAttributes<PopoverElementType> {
+    children?: ReactNode;
+    trigger: ReactElement;
+    /** Callback that fires each time the accordion is opened */
+    onOpen?: () => void;
+    /** Callback that fires each time the accordion is closed */
+    onClose?: () => void;
+    /** Custom class name for setting specific CSS */
+    className?: string;
+}
+export type PopoverRef = Ref<PopoverElementType>;
+export declare const Popover: (props: PopoverProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/Popover/Popover.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Popover } from "..";
+type StoryType = StoryObj<typeof Popover>;
+declare const meta: Meta<typeof Popover>;
+export declare const Normal: StoryType;
+export declare const CustomTrigger: StoryType;
+export default meta;

package/dist/types/components/Popover/Popover.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Popover/index.d.ts

@@ -0,0 +1 @@
+export * from "./Popover";

package/dist/types/components/Progress/Progress.d.ts

@@ -0,0 +1,20 @@
+import type { AriaProgressBarProps } from "@react-types/progress";
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export type ProgressElementType = HTMLDivElement;
+export interface ProgressProps extends AriaProgressBarProps, DOMProps, RefAttributes<ProgressElementType> {
+    children?: ReactNode;
+    /** Custom class name for setting specific CSS */
+    id?: string;
+    className?: string;
+    showValueLabel?: boolean;
+    variant?: "primary" | "secondary" | "success" | "danger" | "warning" | "info";
+    value?: number;
+    minValue?: number;
+    maxValue?: number;
+    valueFormatter?: (value: number, minValue: number, maxValue: number) => string;
+}
+export type ProgressRef = Ref<ProgressElementType>;
+declare const Progress: ForwardedRefComponent<ProgressProps, ProgressElementType>;
+export { Progress };

package/dist/types/components/Progress/Progress.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Progress } from "./Progress";
+type StoryType = StoryObj<typeof Progress>;
+declare const meta: Meta<typeof Progress>;
+export declare const Primary: StoryType;
+export declare const Secondary: StoryType;
+export declare const NoVisibleLabel: StoryType;
+export declare const CustomValueFormat: StoryType;
+export default meta;

package/dist/types/components/Progress/Progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Progress/index.d.ts

@@ -0,0 +1 @@
+export * from "./Progress";

package/dist/types/components/Radio/Radio.d.ts

@@ -0,0 +1,53 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { ForwardedRefComponent } from "../../types/components";
+import { DOMProps } from "../../types/dom";
+import { HTMLElementEvent } from "../../types/events";
+export type RadioElementType = HTMLInputElement;
+export type AriaRadioProps = {
+    /**
+     * Defines a string value that labels the current element.
+     */
+    "aria-label"?: string;
+    /**
+     * Identifies the element (or elements) that labels the current element.
+     */
+    "aria-labelledby"?: string;
+    /**
+     * Identifies the element (or elements) that describes the object.
+     */
+    "aria-describedby"?: string;
+    /**
+     * Identifies the element (or elements) that provide a detailed, extended description for the object.
+     */
+    "aria-details"?: string;
+};
+export interface RadioProps extends DOMProps, AriaRadioProps, RefAttributes<RadioElementType> {
+    children?: ReactNode;
+    className?: string;
+    label?: ReactNode;
+    errorMessage?: string;
+    value: string;
+    isDisabled?: boolean;
+    onChange?: (event: HTMLElementEvent<RadioElementType>) => void;
+    defaultChecked?: boolean;
+    /**
+     * **Internal:** Do not use
+     */
+    groupDisabled?: boolean;
+    /**
+     * **Internal:** Do not use
+     */
+    name?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    selected?: string;
+    /**
+     * **Internal:** Do not use
+     */
+    setSelected?: React.Dispatch<React.SetStateAction<string>>;
+    isRequired?: boolean;
+}
+export type RadioRef = Ref<RadioElementType>;
+declare const Radio: ForwardedRefComponent<RadioProps, RadioElementType>;
+export { Radio };

package/dist/types/components/Radio/Radio.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RadioGroup } from "./RadioGroup";
+type StoryType = StoryObj<typeof RadioGroup>;
+declare const meta: Meta<typeof RadioGroup>;
+export declare const Normal: StoryType;
+export declare const Disabled: StoryType;
+export declare const DisabledIndividualRadios: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export declare const ComplexLabel: StoryType;
+export declare const HorizontalLayout: StoryType;
+export default meta;

package/dist/types/components/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Radio/RadioButton.d.ts

@@ -0,0 +1,3 @@
+import { ForwardedRefComponent } from "../../types/components";
+import { RadioElementType, RadioProps } from "./Radio";
+export declare const RadioButton: ForwardedRefComponent<RadioProps, RadioElementType>;

package/dist/types/components/Radio/RadioButton.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { RadioGroup } from "./RadioGroup";
+type StoryType = StoryObj<typeof RadioGroup>;
+declare const meta: Meta<typeof RadioGroup>;
+export declare const Normal: StoryType;
+export declare const LabelProp: StoryType;
+export declare const Selected: StoryType;
+export declare const Disabled: StoryType;
+export declare const VerticalOrientation: StoryType;
+export declare const IconButtons: StoryType;
+export default meta;

package/dist/types/components/Radio/RadioButton.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode, Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+import { HTMLElementEvent } from "../../types/events";
+export type RadioGroupElementType = HTMLDivElement;
+export interface RadioGroupProps extends DOMProps, RefAttributes<RadioGroupElementType> {
+    children: ReactNode;
+    className?: string;
+    orientation?: "horizontal" | "vertical";
+    errorMessage?: string;
+    onChange?: (event: HTMLElementEvent<HTMLInputElement>) => void;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "aria-errormessage"?: string;
+    "aria-describedby"?: string;
+    validationState?: "valid" | "invalid";
+    isRequired?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    defaultValue?: string;
+    label?: ReactNode;
+    /**
+     * The value of the radio button, used when submitting an HTML form.
+     * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#Value).
+     */
+    value?: string;
+}
+export type RadioGroupRef = Ref<RadioGroupElementType>;
+declare const RadioGroup: ForwardedRefComponent<RadioGroupProps, RadioGroupElementType>;
+export { RadioGroup };

package/dist/types/components/Radio/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./Radio";
+export * from "./RadioButton";
+export * from "./RadioGroup";

package/dist/types/components/SVG/SVG.d.ts

@@ -0,0 +1,11 @@
+import { Ref, RefAttributes } from "react";
+import { DOMProps } from "../../types/dom";
+import { ForwardedRefComponent } from "../../types/components";
+export interface SVGProps extends DOMProps, RefAttributes<SVGSVGElement> {
+    children: React.ReactElement<React.SVGProps<SVGSVGElement>>;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export type SVGRef = Ref<SVGSVGElement>;
+declare const SVG: ForwardedRefComponent<SVGProps, SVGSVGElement>;
+export { SVG };

package/dist/types/components/SVG/SVG.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { SVG } from "./SVG";
+type StoryType = StoryObj<typeof SVG>;
+declare const meta: Meta<typeof SVG>;
+export declare const Normal: StoryType;
+export default meta;

package/dist/types/components/SVG/SVG.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/SVG/index.d.ts

@@ -0,0 +1 @@
+export * from "./SVG";

package/dist/types/components/Segment/Segment.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+export interface SegmentProps extends DOMProps {
+    className?: string;
+    heading?: string;
+    /** Background colour for Segment */
+    colour?: "subtle" | "primary" | "secondary";
+    /** When inverted, text is white.  Use on darker backgrounds. */
+    inverted?: boolean;
+    children?: ReactNode;
+}
+declare const Segment: {
+    (props: SegmentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Segment };

package/dist/types/components/Segment/Segment.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Segment } from "./Segment";
+import { SegmentGroup } from "./SegmentGroup";
+type StoryType = StoryObj<typeof Segment>;
+declare const meta: Meta<typeof Segment>;
+export declare const Single: StoryType;
+export declare const VerticalStack: StoryType;
+export declare const HorizontalStack: Meta<typeof SegmentGroup>;
+export declare const Nested: StoryType;
+export declare const Nested2: () => import("react/jsx-runtime").JSX.Element;
+export declare const Nested3: () => import("react/jsx-runtime").JSX.Element;
+export declare const ColouredBackground: () => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalStack2: () => import("react/jsx-runtime").JSX.Element;
+export declare const HorizontalStack3: () => import("react/jsx-runtime").JSX.Element;
+export declare const BottomMarginRemoved: () => import("react/jsx-runtime").JSX.Element;
+export declare const CompoundLayout: () => import("react/jsx-runtime").JSX.Element;
+export declare const MarginAround: () => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentDetails: () => import("react/jsx-runtime").JSX.Element;
+export default meta;

package/dist/types/components/Segment/SegmentGroup.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+import { DOMProps } from "../../types/dom";
+export interface SegmentGroupProps extends DOMProps {
+    className?: string;
+    horizontal?: boolean;
+    margin?: "size-xs" | "size-s" | "size-m" | "size-l" | "size-xl" | "size-xxl";
+    children?: ReactNode;
+}
+declare const SegmentGroup: {
+    (props: SegmentGroupProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { SegmentGroup };

package/dist/types/components/Segment/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SegmentGroup";
+export * from "./Segment";

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

@@ -0,0 +1,20 @@
+import { ChangeEvent, ReactElement, Ref, RefAttributes } from "react";
+import { UseLabelProps } from "../../hooks/useLabel";
+import { DOMProps, Validation } from "../../types";
+import { ForwardedRefComponent } from "../../types/components";
+import { OptionProps } from "../Option";
+export type SelectElementType = HTMLSelectElement;
+export interface SelectProps extends UseLabelProps, Validation, DOMProps, RefAttributes<SelectElementType> {
+    name?: string;
+    onChange?: (e: ChangeEvent<HTMLSelectElement>) => void;
+    value?: string;
+    defaultValue?: string;
+    className?: string;
+    errorMessage?: string;
+    children?: ReactElement<OptionProps>[] | ReactElement<OptionProps>;
+    "aria-describedby"?: string;
+    isDisabled?: boolean;
+}
+export type SelectRef = Ref<SelectElementType>;
+declare const Select: ForwardedRefComponent<SelectProps, SelectElementType>;
+export { Select };

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Select } from "./Select";
+type StoryType = StoryObj<typeof Select>;
+declare const meta: Meta<typeof Select>;
+export declare const Normal: StoryType;
+export declare const ControlledValue: StoryType;
+export declare const Disabled: StoryType;
+export declare const Valid: StoryType;
+export declare const Invalid: StoryType;
+export default meta;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export * from "./Select";

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

@@ -0,0 +1,19 @@
+import { DOMProps } from "../../types/dom";
+import { UseLabelProps } from "../../hooks";
+export interface SliderProps extends DOMProps, UseLabelProps {
+    label?: string;
+    variant?: "primary" | "secondary";
+    className?: string;
+    minValue?: number;
+    maxValue?: number;
+    defaultValue?: number;
+    value?: number;
+    step?: number;
+    isDisabled?: boolean;
+    onChange?: (value: number | undefined) => void;
+    onChangeEnd?: (value: number | undefined) => void;
+    minLabel?: string;
+    maxLabel?: string;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+export declare const Slider: (props: SliderProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Slider } from "./Slider";
+type StoryType = StoryObj<typeof Slider>;
+declare const meta: Meta<typeof Slider>;
+export declare const Primary: StoryType;
+export declare const Secondary: StoryType;
+export declare const Formatted: StoryType;
+export declare const NoLabel: StoryType;
+export declare const Disabled: StoryType;
+export default meta;

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

@@ -0,0 +1 @@
+export {};