@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

package/dist/types/components/Pagination/Pagination.styles.d.ts

@@ -0,0 +1,48 @@
+/// <reference types="react" />
+export declare const StyledRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPageSizeOptions: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPageSizePrev: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledSelect: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    className: any;
+    classes: any;
+    onChange: any;
+    disabled: any;
+    value: any;
+    children: any;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledPageSizeTextContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPageNavigator: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledButtonIconTooltip: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    tooltip: any;
+    children: any;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledPageInfo: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledPageJump: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=Pagination.styles.d.ts.map

package/dist/types/components/Pagination/Pagination.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Pagination.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/Pagination.styles.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,UAAU;;;yGA2BrB,CAAC;AAEH,eAAO,MAAM,qBAAqB;;;yGAQhC,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;yGAM7B,CAAC;AAEH,eAAO,MAAM,YAAY;;;;;;;;;;UAIvB,CAAC;AAEH,eAAO,MAAM,2BAA2B;;;yGAMtC,CAAC;AAEH,eAAO,MAAM,mBAAmB;;;yGAO9B,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;;;;UAElC,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAKzB,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAmBzB,CAAC"}

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

@@ -0,0 +1,15 @@
+export declare const Option: ({ children, ...others }: {
+    [x: string]: any;
+    children: any;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+declare const HvSelect: ({ className, classes, onChange, disabled, value, children, ...others }: {
+    [x: string]: any;
+    className: any;
+    classes: any;
+    onChange: any;
+    disabled: any;
+    value: any;
+    children: any;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
+export default HvSelect;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/Select.tsx"],"names":[],"mappings":"AAWA,eAAO,MAAM,MAAM;;;sDAElB,CAAC;AAEF,QAAA,MAAM,QAAQ;;;;;;;;sDA0Db,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=Select.styles.d.ts.map

package/dist/types/components/Pagination/Select.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/Select.styles.tsx"],"names":[],"mappings":";AAIA,eAAO,MAAM,UAAU;;;yGAoBrB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as paginationClasses } from "./paginationClasses";
+export * from "./paginationClasses";
+export * from "./Pagination";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Pagination/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACnE,cAAc,qBAAqB,CAAC;AACpC,cAAc,cAAc,CAAC"}

package/dist/types/components/Pagination/paginationClasses.d.ts

@@ -0,0 +1,29 @@
+export type HvPaginationClasses = {
+    /** Styles applied to the component root class. */
+    root?: string;
+    /** Styles applied to the page size selector container. */
+    pageSizeOptions?: string;
+    /** Styles applied to the page size selector dropdown element. */
+    pageSizeOptionsSelect?: string;
+    /** Styles applied to the element that holds the labels for the page size selector */
+    pageSizeTextContainer?: string;
+    /** Styles applied to the page navigation container. */
+    pageNavigator?: string;
+    /** Styles applied to the central page information container. */
+    pageInfo?: string;
+    /** Styles applied to the page selector input container. */
+    pageJump?: string;
+    /** Styles passed down to the page selector Input component as `input`. */
+    pageSizeInput?: string;
+    /** Styles passed down to the page selector Input root. */
+    pageSizeInputRoot?: string;
+    /** Styles passed down to the page selector Input component as `container`. */
+    pageSizeInputContainer?: string;
+    /** Styles applied to each navigation `HvButton` icon container. */
+    iconContainer?: string;
+    /** Styles applied to each navigation icon. */
+    icon?: string;
+};
+declare const paginationClasses: HvPaginationClasses;
+export default paginationClasses;
+//# sourceMappingURL=paginationClasses.d.ts.map

package/dist/types/components/Pagination/paginationClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"paginationClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/paginationClasses.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG;IAChC,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iEAAiE;IACjE,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qFAAqF;IACrF,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,0EAA0E;IAC1E,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,0DAA0D;IAC1D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8EAA8E;IAC9E,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,mEAAmE;IACnE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAiBF,QAAA,MAAM,iBAAiB,qBAGtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/types/components/Pagination/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const setColor: (condition: boolean) => "atmo5" | undefined;
+export declare const getSafePage: (inPage: number, page: number, pages: number) => number;
+export declare const usePageInput: (initialPage: number) => readonly [number, (evt: any, newPage: number) => void];
+//# sourceMappingURL=utils.d.ts.map

package/dist/types/components/Pagination/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/Pagination/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,cAAe,OAAO,wBACV,CAAC;AAElC,eAAO,MAAM,WAAW,WAAY,MAAM,QAAQ,MAAM,SAAS,MAAM,WACC,CAAC;AAEzE,eAAO,MAAM,YAAY,gBAAiB,MAAM,2CAI7B,MAAM,UAKxB,CAAC"}

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

@@ -0,0 +1,17 @@
+import { HvBaseProps } from "../../types";
+import { HvPanelClasses } from "./panelClasses";
+export type PanelProps = HvBaseProps & {
+    /** Id to be applied to the root node. */
+    id?: string;
+    /** Class names to be applied. */
+    className?: string;
+    /** A Jss Object used to override or extend the styles applied. */
+    classes?: HvPanelClasses;
+};
+/**
+ * A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).
+ * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.
+ * Regardless of its content, a panel look and feel should be consistent.
+ */
+export declare const HvPanel: (props: PanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Panel.d.ts.map

package/dist/types/components/Panel/Panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,UAAU,GAAG,WAAW,GAAG;IACrC,yCAAyC;IACzC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,OAAO,UAAW,UAAU,qDAYxC,CAAC"}

package/dist/types/components/Panel/Panel.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=Panel.styles.d.ts.map

package/dist/types/components/Panel/Panel.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Panel.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/Panel.styles.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS;;;yGAKpB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as panelClasses } from "./panelClasses";
+export * from "./panelClasses";
+export * from "./Panel";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/Panel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

package/dist/types/components/Panel/panelClasses.d.ts

@@ -0,0 +1,7 @@
+export type HvPanelClasses = {
+    /** Styles applied to the component root class. */
+    root?: string;
+};
+declare const panelClasses: HvPanelClasses;
+export default panelClasses;
+//# sourceMappingURL=panelClasses.d.ts.map

package/dist/types/components/Panel/panelClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"panelClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/Panel/panelClasses.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAIF,QAAA,MAAM,YAAY,gBAAmD,CAAC;AAEtE,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,24 @@
+import { HvBaseProps } from "../../types";
+import { HvProgressBarClasses } from "./progressBarClasses";
+export type HvProgressBarStatus = "inProgress" | "completed" | "error";
+/**
+ * ProgressBar provides feedback about a process that is taking place in the application.
+ */
+export type HvProgressBarProps = HvBaseProps & {
+    /** The value of the progress bar. */
+    value: number;
+    /**
+     * The status of the progress bar.
+     *
+     * inProgress is black, error is red and completed is green.
+     *
+     * When uncontrolled and unspecified it will default to "inProgress".
+     */
+    status?: HvProgressBarStatus;
+    /** Aria Properties passed on to the progress bar. */
+    labelProps?: object;
+    /** A Jss Object used to override or extend the styles applied to the empty state component. */
+    classes?: HvProgressBarClasses;
+};
+export declare const HvProgressBar: (props: HvProgressBarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/dist/types/components/ProgressBar/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAQ1C,OAA2B,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CAAC;AAEvE;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG;IAC7C,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,qDAAqD;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+FAA+F;IAC/F,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC,CAAC;AAEF,eAAO,MAAM,aAAa,UAAW,kBAAkB,qDAoDtD,CAAC"}

package/dist/types/components/ProgressBar/ProgressBar.styles.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { HvProgressBarStatus } from "./ProgressBar";
+export declare const StyledRoot: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledProgressContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledValue: import("@emotion/styled").StyledComponent<import("../../index").HvBaseProps<HTMLElement, {
+    disabled: any;
+}> & {
+    component?: string | number | boolean | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment | import("react").ReactPortal | null | undefined;
+    variant?: import("components").HvTypographyVariants | import("components").HvTypographyLegacyVariants | undefined;
+    link?: boolean | undefined;
+    disabled?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    noWrap?: boolean | undefined;
+} & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledProgressBarContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledProgressBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    status?: HvProgressBarStatus | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+//# sourceMappingURL=ProgressBar.styles.d.ts.map

package/dist/types/components/ProgressBar/ProgressBar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/ProgressBar.styles.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,eAAO,MAAM,UAAU;;;yGAQrB,CAAC;AAEH,eAAO,MAAM,uBAAuB;;;yGAElC,CAAC;AAEH,eAAO,MAAM,WAAW;;;;;;;;;;;UAItB,CAAC;AAEH,eAAO,MAAM,0BAA0B;;;yGAKrC,CAAC;AAEH,eAAO,MAAM,iBAAiB;;;;;yGAW7B,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as progressBarClasses } from "./progressBarClasses";
+export * from "./progressBarClasses";
+export * from "./ProgressBar";
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/ProgressBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AACrE,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC"}

package/dist/types/components/ProgressBar/progressBarClasses.d.ts

@@ -0,0 +1,9 @@
+export type HvProgressBarClasses = {
+    root?: string;
+    progress?: string;
+    progressBar?: string;
+    progressBarLabel?: string;
+};
+declare const progressBarClasses: HvProgressBarClasses;
+export default progressBarClasses;
+//# sourceMappingURL=progressBarClasses.d.ts.map

package/dist/types/components/ProgressBar/progressBarClasses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"progressBarClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/progressBarClasses.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AASF,QAAA,MAAM,kBAAkB,sBAGvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,130 @@
+import React from "react";
+import { RadioProps as MuiRadioProps } from "@mui/material";
+import { HvBaseProps, HvExtraProps } from "../../types";
+import { HvRadioClasses } from "./radioClasses";
+export type HvRadioStatus = "standBy" | "valid" | "invalid";
+export type HvRadioProps = Omit<MuiRadioProps, "onChange"> & HvBaseProps<HTMLInputElement, {
+    onChange: any;
+}> & {
+    /**
+     * Class names to be applied.
+     */
+    className?: string;
+    /**
+     * A Jss Object used to override or extend the styles applied to the radio button.
+     */
+    classes?: HvRadioClasses;
+    /**
+     * Id to be applied to the form element root node.
+     */
+    id?: string;
+    /**
+     * The form element name.
+     */
+    name?: string;
+    /**
+     * The value of the form element.
+     *
+     * The default value is "on".
+     */
+    value?: any;
+    /**
+     * The label of the form element.
+     *
+     * The form element must be labeled for accessibility reasons.
+     * If not provided, an aria-label or aria-labelledby must be provided.
+     */
+    label?: React.ReactNode;
+    /**
+     * @ignore
+     */
+    "aria-label"?: string;
+    /**
+     * @ignore
+     */
+    "aria-labelledby"?: string;
+    /**
+     * @ignore
+     */
+    "aria-describedby"?: string;
+    /**
+     * Properties passed on to the label element.
+     */
+    labelProps?: any;
+    /**
+     * Indicates that user input is required on the form element.
+     *
+     * If a single radio button in a group has the required attribute, a radio button in
+     * that group must be check, though it doesn't have to be the one with the attribute is applied.
+     *
+     * For that reason, the component doesn't make any uncontrolled changes to its validation status.
+     * That should ideally be managed in the context of a radio button group.
+     */
+    required?: boolean;
+    /**
+     * Indicates that the form element is not editable.
+     */
+    readOnly?: boolean;
+    /**
+     * Indicates that the form element is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * If `true` the radio button is selected, if set to `false` the radio button is not selected.
+     *
+     * When defined the radio button state becomes controlled.
+     */
+    checked?: boolean;
+    /**
+     * When uncontrolled, defines the initial checked state.
+     */
+    defaultChecked?: boolean;
+    /**
+     * The status of the form element.
+     *
+     * Valid is correct, invalid is incorrect and standBy means no validations have run.
+     */
+    status?: HvRadioStatus;
+    /**
+     * The error message to show when `status` is "invalid".
+     */
+    statusMessage?: string;
+    /**
+     * Identifies the element that provides an error message for the radio button.
+     *
+     * Will only be used when the validation status is invalid.
+     */
+    "aria-errormessage"?: string;
+    /**
+     * The callback fired when the radio button is pressed.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void;
+    /**
+     * Whether the selector should use semantic colors.
+     */
+    semantic?: boolean;
+    /**
+     * Properties passed on to the input element.
+     */
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+    /**
+     * Callback fired when the component is focused with a keyboard.
+     * We trigger a `onFocus` callback too.
+     */
+    onFocusVisible?: (event: React.FocusEvent<any>) => void;
+    /**
+     * @ignore
+     */
+    onBlur?: (event: React.FocusEvent<any>) => void;
+} & HvExtraProps;
+/**
+ * A Radio Button is a mechanism that allows user to select just an option from a group of options.
+ *
+ * It should used in a Radio Button Group to present the user with a range of options from
+ * which the user <b>may select just one option</b> to complete their task.
+ *
+ * Individual use of radio buttons, at least uncontrolled, is unadvised as React state management doesn't
+ * respond to the browser's native management of radio inputs checked state.
+ */
+export declare const HvRadio: (props: HvRadioProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,UAAU,IAAI,aAAa,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAWxD,OAAqB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,aAAa,EAAE,UAAU,CAAC,GACxD,WAAW,CAAC,gBAAgB,EAAE;IAAE,QAAQ,MAAA;CAAE,CAAC,GAAG;IAC5C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB;;;;;;;;OAQG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAC1C,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,GAAG,KACP,IAAI,CAAC;IACV;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;IACzD;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC;CACjD,GAAG,YAAY,CAAC;AAEnB;;;;;;;;GAQG;AACH,eAAO,MAAM,OAAO,UAAW,YAAY,qDA6J1C,CAAC"}

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

@@ -0,0 +1,59 @@
+/// <reference types="react" />
+export declare const StyledHvBaseRadio: import("@emotion/styled").StyledComponent<Omit<import("@mui/material").RadioProps, "onChange"> & import("../../index").HvBaseProps<HTMLInputElement, {
+    onChange: any;
+}> & {
+    className?: string | undefined;
+    classes?: import("components").HvBaseRadioClasses | undefined;
+    id?: string | undefined;
+    name?: string | undefined;
+    value?: any;
+    required?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    disabled?: boolean | undefined;
+    checked?: boolean | undefined;
+    defaultChecked?: boolean | undefined;
+    onChange?: ((event: import("react").ChangeEvent<HTMLInputElement>, checked: boolean, value: any) => void) | undefined;
+    semantic?: boolean | undefined;
+    inputProps?: import("react").InputHTMLAttributes<HTMLInputElement> | undefined;
+    onFocusVisible?: ((event: import("react").FocusEvent<any, Element>) => void) | undefined;
+    onBlur?: ((event: import("react").FocusEvent<any, Element>) => void) | undefined;
+} & import("../../index").HvExtraProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $invalid: boolean;
+}, {}, {}>;
+export declare const StyledHvFormElement: import("@emotion/styled").StyledComponent<import("../../index").HvBaseProps<HTMLDivElement, {}> & {
+    name?: string | undefined;
+    value?: any;
+    label?: import("react").ReactNode;
+    description?: import("react").ReactNode;
+    disabled?: boolean | undefined;
+    readOnly?: boolean | undefined;
+    required?: boolean | undefined;
+    status?: import("components").HvFormStatus | undefined;
+    statusMessage?: string | undefined;
+    onChange?: Function | undefined;
+    classes?: import("components").HvFormElementClasses | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const StyledDivContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    $disabled: boolean;
+    $invalid: boolean;
+    $focusVisible: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledHvLabel: import("@emotion/styled").StyledComponent<import("../../index").HvBaseProps<HTMLDivElement, {}> & {
+    label?: import("react").ReactNode;
+    htmlFor?: string | undefined;
+    disabled?: boolean | undefined;
+    required?: boolean | undefined;
+    classes?: import("components").HvLabelClasses | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    $disabled: boolean;
+}, {}, {}>;
+//# sourceMappingURL=Radio.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/Radio.styles.tsx"],"names":[],"mappings":";AAOA,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;cAGD,OAAO;UAgBjC,CAAC;AAEJ,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;UAE9B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;eAShB,OAAO;cACR,OAAO;mBACF,OAAO;yGAiCzB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;eAGK,OAAO;UAgBnC,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as radioClasses } from "./radioClasses";
+export * from "./radioClasses";
+export * from "./Radio";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,21 @@
+export type HvRadioClasses = {
+    /** Styles applied to the component. */
+    root?: string;
+    /** Styles applied to the radio button+label container (only when a label is provided). */
+    container?: string;
+    /** Styles applied to the HvBaseCheckbox (only when a label is provided). */
+    invalidContainer?: string;
+    /** Styles applied to the radio button+label container when the radio button is disabled. */
+    disabled?: string;
+    /** Styles applied to the HvBaseRadio. */
+    radio?: string;
+    /** Styles applied to the HvBaseCheckbox (only when a label is not provided). */
+    invalidRadio?: string;
+    /** Styles applied to the label. */
+    label?: string;
+    /** Class applied to the root element if keyboard focused. */
+    focusVisible?: string;
+};
+declare const radioClasses: HvRadioClasses;
+export default radioClasses;
+//# sourceMappingURL=radioClasses.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radioClasses.d.ts","sourceRoot":"","sources":["../../../../../src/components/Radio/radioClasses.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0FAA0F;IAC1F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4EAA4E;IAC5E,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gFAAgF;IAChF,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAaF,QAAA,MAAM,YAAY,gBAAmD,CAAC;AAEtE,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,84 @@
+/// <reference types="react" />
+import { HvFormStatus } from "../Forms";
+import { HvBaseProps } from "../../types";
+import { HvRadioGroupClasses } from "./radioGroupClasses";
+export type HvRadioGroupProps = HvBaseProps<HTMLDivElement, {
+    onChange: any;
+}> & {
+    /**
+     * The form element name.
+     *
+     * It is propagated to the children radio buttons, unless they already have one (which they shouldn't).
+     */
+    name?: string;
+    /**
+     * The value of the form element, represented in one of the child radio buttons values.
+     *
+     * When defined the radio button group state becomes controlled.
+     */
+    value?: any;
+    /**
+     * When uncontrolled, defines the initial value.
+     */
+    defaultValue?: any;
+    /**
+     * The label of the form element.
+     *
+     * The form element must be labeled for accessibility reasons.
+     * If not provided, an aria-label or aria-labelledby must be provided instead.
+     */
+    label?: React.ReactNode;
+    /**
+     * Provide additional descriptive text for the form element.
+     */
+    description?: React.ReactNode;
+    /**
+     * Indicates that the form element is disabled.
+     * If `true` the state is propagated to the children radio buttons.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates that the form element is not editable.
+     * If `true` the state is propagated to the children radio buttons.
+     */
+    readOnly?: boolean;
+    /**
+     * Indicates that user input is required on the form element.
+     * If `true` the state is propagated to the children radio buttons' input element.
+     */
+    required?: boolean;
+    /**
+     * The status of the form element.
+     *
+     * Valid is correct, invalid is incorrect and standBy means no validations have run.
+     *
+     * When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
+     * or "invalid" after any change to the state.
+     */
+    status?: HvFormStatus;
+    /**
+     * The error message to show when `status` is "invalid".
+     */
+    statusMessage?: React.ReactNode;
+    /**
+     * The callback fired when the value changes.
+     */
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any) => void;
+    /**
+     * Indicates whether the radio buttons group's orientation is horizontal or vertical.
+     *
+     * Defaults to vertical.
+     */
+    orientation?: "vertical" | "horizontal";
+    /**
+     * A Jss Object used to override or extend the component styles applied.
+     */
+    classes?: HvRadioGroupClasses;
+};
+/**
+ * A group of radio buttons.
+ *
+ * A radio group is a type of selection list that can only have a single entry checked at any one time.
+ */
+export declare const HvRadioGroup: ({ id, classes, className, children, name, value: valueProp, defaultValue, label, description, status, statusMessage, required, readOnly, disabled, orientation, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-errormessage": ariaErrorMessage, onChange, ...others }: HvRadioGroupProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,YAAY,EAAgC,MAAM,UAAU,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAS1C,OAA0B,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,cAAc,EAAE;IAAE,QAAQ,MAAA;CAAE,CAAC,GAAG;IAC1E;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5E;;;;OAIG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;CAC/B,CAAC;AAqBF;;;;GAIG;AACH,eAAO,MAAM,YAAY,kUAsBtB,iBAAiB,qDAyJnB,CAAC"}