@simplybusiness/mobius 3.7.1 → 3.9.0

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

@@ -0,0 +1,44 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { ModalProps } from ".";
+declare const Demo: (props: ModalProps) => JSX.Element;
+declare const FullScreenDemo: (props: ModalProps) => JSX.Element;
+declare const WithCustomSizeDemo: (props: ModalProps) => JSX.Element;
+type WithAnimationDemoProps = {
+    animation?: "slideUp" | "fade";
+};
+declare const WithAnimationDemo: ({ animation, }: ModalProps & WithAnimationDemoProps) => JSX.Element;
+declare const _default: {
+    title: string;
+    component: {
+        ({ isOpen, onClose, children, className, closeLabel, size, appElement, preventCloseOnEsc, animation, shouldFocusAfterRender, parentSelector, }: ModalProps): JSX.Element;
+        displayName: string;
+    } & {
+        Header: import("react").ForwardRefExoticComponent<Pick<import("./Header").HeaderProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & import("react").RefAttributes<HTMLElement>>;
+        Content: import("react").ForwardRefExoticComponent<Pick<import("./Content").ContentProps, "key" | "id" | "children" | "onClose" | "closeLabel"> & import("react").RefAttributes<HTMLDivElement>>;
+    };
+    argTypes: {
+        animation: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                slideUp: string;
+                fade: string;
+                neither: undefined;
+            };
+        };
+        size: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof Demo>;
+export declare const FullScreen: Meta<typeof FullScreenDemo>;
+export declare const WithCustomSize: Meta<typeof WithCustomSizeDemo>;
+export declare const WithAnimation: Meta<typeof WithAnimationDemo>;

package/dist/cjs/components/Modal/Modal.stories.js

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithAnimation = exports.WithCustomSize = exports.FullScreen = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Button_1 = require("../Button");
+const _1 = require(".");
+const excludeControls_1 = require("../../utils/excludeControls");
+const Demo = (props) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: () => setOpen(true) }, { children: "Show Modal" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { isOpen: open, onClose: () => setOpen(false) }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Latin Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] }))] }));
+};
+const FullScreenDemo = (props) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: () => setOpen(true), variant: "secondary" }, { children: "Show Fullscreen Modal \uD83D\uDE80" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { size: "fullscreen", isOpen: open, onClose: () => setOpen(false), preventCloseOnEsc: true }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Full Screen Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] }))] }));
+};
+const WithCustomSizeDemo = (props) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: () => setOpen(true), variant: "secondary" }, { children: "Show Custom Size Modal \uD83D\uDD38" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({}, props, { size: "sm", isOpen: open, onClose: () => setOpen(false), preventCloseOnEsc: true }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Custom Size Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] }))] }));
+};
+const WithAnimationDemo = ({ animation, }) => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, Object.assign({ onClick: () => setOpen(true) }, { children: "Show Modal With Animation \uD83E\uDDD9\u200D\u2642\uFE0F" })), (0, jsx_runtime_1.jsxs)(_1.Modal, Object.assign({ isOpen: open, onClose: () => setOpen(false), animation: animation }, { children: [(0, jsx_runtime_1.jsx)(_1.Modal.Header, { children: "The Latin Modal" }), (0, jsx_runtime_1.jsx)(_1.Modal.Content, { children: "Aliquam fringilla quam vel purus rhoncus interdum in quis sapien. Sed at eros et lectus mollis posuere. Morbi augue augue, venenatis vel consectetur sed, vulputate et lorem. Integer venenatis nibh molestie commodo lobortis. Phasellus sit amet dignissim nisi. Vivamus nisi augue, scelerisque commodo libero vitae, vulputate interdum ex. Integer non risus sollicitudin, cursus ipsum vitae, rhoncus nulla." })] }))] }));
+};
+exports.default = {
+    title: "Components/Modal",
+    component: _1.Modal,
+    argTypes: Object.assign({ animation: {
+            options: ["slideUp", "fade", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                slideUp: "slideUp",
+                fade: "fade",
+                neither: undefined,
+            },
+        }, size: {
+            control: { type: "radio" },
+            options: ["md", "fullscreen"],
+        } }, (0, excludeControls_1.excludeControls)("className", "onClose", "appElement", "parentSelector", "isOpen")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Demo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "md",
+    },
+};
+exports.FullScreen = {
+    render: (args) => (0, jsx_runtime_1.jsx)(FullScreenDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "fullscreen",
+    },
+};
+exports.WithCustomSize = {
+    render: (args) => (0, jsx_runtime_1.jsx)(WithCustomSizeDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "sm",
+    },
+};
+exports.WithAnimation = {
+    render: (args) => (0, jsx_runtime_1.jsx)(WithAnimationDemo, Object.assign({}, args)),
+    args: {
+        isOpen: false,
+        animation: "slideUp",
+        shouldFocusAfterRender: true,
+        preventCloseOnEsc: false,
+        closeLabel: "Close",
+        size: "md",
+    },
+};
+//# sourceMappingURL=Modal.stories.js.map

package/dist/cjs/components/Modal/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,50 @@
+import type { Meta } from "@storybook/react";
+import { NumberField, NumberFieldProps } from "./NumberField";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<NumberFieldProps, HTMLInputElement>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        minValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        maxValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+    };
+    args: {
+        minValue: number;
+        maxValue: number;
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof NumberField>;
+export declare const Formatted: Meta<typeof NumberField>;
+export declare const LimitedRange: Meta<typeof NumberField>;
+export declare const Valid: Meta<typeof NumberField>;
+export declare const Invalid: Meta<typeof NumberField>;
+export declare const Disabled: Meta<typeof NumberField>;

package/dist/cjs/components/NumberField/NumberField.stories.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Disabled = exports.Invalid = exports.Valid = exports.LimitedRange = exports.Formatted = exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NumberField_1 = require("./NumberField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/NumberField",
+    component: NumberField_1.NumberField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, minValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, maxValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        } }, (0, excludeControls_1.excludeControls)("className", "value", "aria-describedby")),
+    args: {
+        minValue: 0,
+        maxValue: 100,
+    },
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Formatted = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        defaultValue: 0,
+        formatOptions: {
+            style: "percent",
+        },
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.LimitedRange = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        minValue: -10,
+        maxValue: 10,
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Valid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        validationState: "valid",
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Invalid = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        validationState: "invalid",
+        errorMessage: "Error message",
+        defaultValue: 0,
+        step: 1,
+        isRequired: false,
+    },
+};
+exports.Disabled = {
+    render: (args) => (0, jsx_runtime_1.jsx)(NumberField_1.NumberField, Object.assign({}, args)),
+    args: {
+        label: "Number field",
+        isDisabled: true,
+        defaultValue: 0,
+        errorMessage: "",
+        step: 1,
+        isRequired: false,
+    },
+};
+//# sourceMappingURL=NumberField.stories.js.map

package/dist/cjs/components/NumberField/NumberField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberField.stories.js","sourceRoot":"","sources":["../../../../src/components/NumberField/NumberField.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { Meta } from "@storybook/react";
+import { PasswordField, PasswordFieldProps } from "./PasswordField";
+declare const _default: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Pick<PasswordFieldProps, "label" | "pattern" | "key" | "autoComplete" | "autoFocus" | "maxLength" | "minLength" | "name" | "defaultValue" | "className" | "id" | "placeholder" | "inputMode" | "aria-activedescendant" | "aria-autocomplete" | "aria-describedby" | "aria-details" | "aria-errormessage" | "aria-haspopup" | "aria-label" | "aria-labelledby" | "type" | "value" | "children" | "onCopy" | "onCut" | "onPaste" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "onFocus" | "onBlur" | "onChange" | "onBeforeInput" | "onInput" | "onKeyDown" | "onKeyUp" | "onSelect" | "excludeFromTabOrder" | "isDisabled" | "description" | "errorMessage" | "onFocusChange" | "isRequired" | "isReadOnly" | "validationState" | "onHoverStart" | "onHoverEnd" | "onHoverChange" | "inputElementType"> & import("react").RefAttributes<HTMLInputElement>>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        type: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof PasswordField>;

package/dist/cjs/components/PasswordField/PasswordField.stories.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Normal = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const PasswordField_1 = require("./PasswordField");
+const excludeControls_1 = require("../../utils/excludeControls");
+exports.default = {
+    title: "Forms/PasswordField",
+    component: PasswordField_1.PasswordField,
+    argTypes: Object.assign({ validationState: {
+            options: ["valid", "invalid", "neither"],
+            control: { type: "radio" },
+            mapping: {
+                valid: "valid",
+                invalid: "invalid",
+                neither: "",
+            },
+        }, type: {
+            control: { type: "radio" },
+            options: ["text", "password"],
+        } }, (0, excludeControls_1.excludeControls)("className")),
+};
+exports.Normal = {
+    render: (args) => (0, jsx_runtime_1.jsx)(PasswordField_1.PasswordField, Object.assign({}, args)),
+    args: {
+        label: "Password",
+        placeholder: "",
+        isDisabled: false,
+        errorMessage: "",
+        type: "password",
+        isRequired: false,
+    },
+};
+//# sourceMappingURL=PasswordField.stories.js.map

package/dist/cjs/components/PasswordField/PasswordField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordField.stories.js","sourceRoot":"","sources":["../../../../src/components/PasswordField/PasswordField.stories.tsx"],"names":[],"mappings":";;;;AACA,mDAAoE;AACpE,iEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,6BAAa;IACxB,QAAQ,kBACN,eAAe,EAAE;YACf,OAAO,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,SAAS,CAAC;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE;gBACP,KAAK,EAAE,OAAO;gBACd,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE;aACZ;SACF,EACD,IAAI,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC;SAC9B,IACE,IAAA,iCAAe,EAAC,WAAW,CAAC,CAChC;CACF,CAAC;AAEW,QAAA,MAAM,GAA+B;IAChD,MAAM,EAAE,CAAC,IAAwB,EAAE,EAAE,CAAC,uBAAC,6BAAa,oBAAK,IAAI,EAAI;IACjE,IAAI,EAAE;QACJ,KAAK,EAAE,UAAU;QACjB,WAAW,EAAE,EAAE;QACf,UAAU,EAAE,KAAK;QACjB,YAAY,EAAE,EAAE;QAChB,IAAI,EAAE,UAAU;QAChB,UAAU,EAAE,KAAK;KAClB;CACF,CAAC"}

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

@@ -0,0 +1,56 @@
+import type { Meta } from "@storybook/react";
+import { Progress, ProgressProps } from "./Progress";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<ProgressProps, HTMLDivElement>;
+    argTypes: {
+        value: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        minValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        maxValue: {
+            control: {
+                control: {
+                    type: string;
+                };
+                min: number;
+                max: number;
+                step: number;
+            };
+        };
+        label: {
+            control: {
+                control: {
+                    type: string;
+                };
+            };
+        };
+        variant: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+    };
+};
+export default _default;
+export declare const Primary: Meta<typeof Progress>;
+export declare const Secondary: Meta<typeof Progress>;
+export declare const NoVisibleLabel: Meta<typeof Progress>;
+export declare const CustomValueFormat: Meta<typeof Progress>;

package/dist/cjs/components/Progress/Progress.stories.js

@@ -0,0 +1,92 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomValueFormat = exports.NoVisibleLabel = exports.Secondary = exports.Primary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Progress_1 = require("./Progress");
+const excludeControls_1 = require("../../utils/excludeControls");
+const customValueFormatter = (value, minValue, maxValue) => `Step ${value} of ${maxValue}`;
+exports.default = {
+    title: "Components/Progress",
+    component: Progress_1.Progress,
+    argTypes: Object.assign({ value: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, minValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, maxValue: {
+            control: {
+                control: { type: "range" },
+                min: 0,
+                max: 10,
+                step: 1,
+            },
+        }, label: {
+            control: {
+                control: { type: "text" },
+            },
+        }, variant: {
+            control: { type: "radio" },
+            options: ["primary", "secondary"],
+        } }, (0, excludeControls_1.excludeControls)("className", "valueFormatter")),
+};
+exports.Primary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+    },
+};
+exports.Secondary = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 2,
+        minValue: 0,
+        maxValue: 10,
+        label: "Secondary",
+        variant: "secondary",
+        showValueLabel: true,
+    },
+};
+exports.NoVisibleLabel = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "",
+        variant: "primary",
+        "aria-label": "Progress",
+        showValueLabel: true,
+    },
+    parameters: {
+        controls: {
+            exclude: ["aria-label"],
+        },
+    },
+};
+exports.CustomValueFormat = {
+    render: (args) => (0, jsx_runtime_1.jsx)(Progress_1.Progress, Object.assign({}, args)),
+    args: {
+        value: 1,
+        minValue: 0,
+        maxValue: 4,
+        label: "Progress",
+        variant: "primary",
+        showValueLabel: true,
+        valueFormatter: customValueFormatter,
+    },
+};
+//# sourceMappingURL=Progress.stories.js.map

package/dist/cjs/components/Progress/Progress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.stories.js","sourceRoot":"","sources":["../../../../src/components/Progress/Progress.stories.tsx"],"names":[],"mappings":";;;;AACA,yCAAqD;AACrD,iEAA8D;AAE9D,MAAM,oBAAoB,GAAG,CAC3B,KAAa,EACb,QAAgB,EAChB,QAAgB,EAChB,EAAE,CAAC,QAAQ,KAAK,OAAO,QAAQ,EAAE,CAAC;AAEpC,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAQ;IACnB,QAAQ,kBACN,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;gBAC1B,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;aACR;SACF,EACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;aAC1B;SACF,EACD,OAAO,EAAE;YACP,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;YAC1B,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC;SAClC,IACE,IAAA,iCAAe,EAAC,WAAW,EAAE,gBAAgB,CAAC,CAClD;CACF,CAAC;AAEW,QAAA,OAAO,GAA0B;IAC5C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,IAAI;KACrB;CACF,CAAC;AAEW,QAAA,SAAS,GAA0B;IAC9C,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,WAAW;QACpB,cAAc,EAAE,IAAI;KACrB;CACF,CAAC;AAEW,QAAA,cAAc,GAA0B;IACnD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,UAAU;QACxB,cAAc,EAAE,IAAI;KACrB;IACD,UAAU,EAAE;QACV,QAAQ,EAAE;YACR,OAAO,EAAE,CAAC,YAAY,CAAC;SACxB;KACF;CACF,CAAC;AAEW,QAAA,iBAAiB,GAA0B;IACtD,MAAM,EAAE,CAAC,IAAmB,EAAE,EAAE,CAAC,uBAAC,mBAAQ,oBAAK,IAAI,EAAI;IACvD,IAAI,EAAE;QACJ,KAAK,EAAE,CAAC;QACR,QAAQ,EAAE,CAAC;QACX,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,UAAU;QACjB,OAAO,EAAE,SAAS;QAClB,cAAc,EAAE,IAAI;QACpB,cAAc,EAAE,oBAAoB;KACrC;CACF,CAAC"}

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

@@ -0,0 +1,39 @@
+import type { Meta } from "@storybook/react";
+import { RadioGroup } from "./RadioGroup";
+declare const _default: {
+    title: string;
+    component: import("../..").ForwardedRefComponent<import("./Radio").RadioProps, HTMLInputElement>;
+    argTypes: {
+        validationState: {
+            options: string[];
+            control: {
+                type: string;
+            };
+            mapping: {
+                valid: string;
+                invalid: string;
+                neither: string;
+            };
+        };
+        orientation: {
+            control: {
+                type: string;
+            };
+            options: string[];
+        };
+        label: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Normal: Meta<typeof RadioGroup>;
+export declare const ControlledValue: Meta<typeof RadioGroup>;
+export declare const Disabled: Meta<typeof RadioGroup>;
+export declare const DisabledIndividualRadios: Meta<typeof RadioGroup>;
+export declare const Valid: Meta<typeof RadioGroup>;
+export declare const Invalid: Meta<typeof RadioGroup>;
+export declare const ComplexLabel: Meta<typeof RadioGroup>;
+export declare const HorizontalLayout: Meta<typeof RadioGroup>;