@uxf/form 11.74.0 → 11.74.2

package/checkbox-list/checkbox-list.stories.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare function Default(): React.JSX.Element;

package/checkbox-list/checkbox-list.stories.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+const storybook_form_1 = require("../storybook/storybook-form");
+const checkbox_list_1 = require("./checkbox-list");
+const CHECKBOX_LIST_OPTIONS = [
+    { id: "1", label: "Option1" },
+    { id: "2", label: "Option2" },
+    { id: "3", label: "Option3" },
+];
+function Default() {
+    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (react_1.default.createElement("div", { className: "space-y-2 p-20" },
+        react_1.default.createElement(checkbox_list_1.CheckboxList, { control: control, label: "CheckboxList default", name: "checkboxList1", options: CHECKBOX_LIST_OPTIONS }),
+        react_1.default.createElement(checkbox_list_1.CheckboxList, { control: control, isRequired: true, label: "CheckboxList required", name: "checkboxList2", options: CHECKBOX_LIST_OPTIONS }),
+        react_1.default.createElement(checkbox_list_1.CheckboxList, { control: control, hiddenLabel: true, label: "CheckboxList with hidden label", name: "checkboxList3", options: CHECKBOX_LIST_OPTIONS }),
+        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")))));
+}

package/checkbox-list/index.d.ts

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

package/checkbox-list/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./checkbox-list"), exports);

package/checkbox-list/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-checkbox-list": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/checkbox-list/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-checkbox-list": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/color-radio-group/color-radio-group.d.ts

@@ -0,0 +1,13 @@
+import { ColorRadioGroupProps as UIColorRadioGroupProps } from "@uxf/ui/color-radio-group";
+import React from "react";
+import { FieldValues } from "react-hook-form";
+import { ControlProps } from "../types";
+export type ColorRadioGroupProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIColorRadioGroupProps, "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
+    onChange?: UIColorRadioGroupProps["onChange"];
+    requiredMessage?: string;
+};
+export type ColorRadioGroupValue = `#${string}` | null;
+export declare function ColorRadioGroup<FormData extends Record<string, any>>(props: ColorRadioGroupProps<FormData>): React.JSX.Element;
+export declare namespace ColorRadioGroup {
+    var displayName: string;
+}

package/color-radio-group/color-radio-group.js

@@ -0,0 +1,42 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorRadioGroup = ColorRadioGroup;
+const translations_1 = require("@uxf/core-react/translations");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const color_radio_group_1 = require("@uxf/ui/color-radio-group");
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const form_context_1 = require("../form-id-context/form-context");
+function ColorRadioGroup(props) {
+    var _a, _b, _c, _d;
+    const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
+    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
+    const { field, fieldState } = (0, react_hook_form_1.useController)({
+        control: props.control,
+        name: props.name,
+        rules: {
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-color-radio-group:validation.required")
+                : undefined,
+            ...props.rules,
+        },
+        shouldUnregister: props.shouldUnregister,
+    });
+    const onBlur = (event) => {
+        var _a;
+        field.onBlur();
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+    };
+    const onChange = (value, event) => {
+        var _a;
+        field.onChange(value);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
+    };
+    return (react_1.default.createElement(color_radio_group_1.ColorRadioGroup, { className: props.className, helperText: (_c = (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message) !== null && _c !== void 0 ? _c : props.helperText, hiddenLabel: props.hiddenLabel, id: id, isDisabled: props.options.length === 0 || formContext.isFormDisabled || props.isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, label: props.label, name: field.name, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, ref: field.ref, style: props.style, value: (_d = field.value) !== null && _d !== void 0 ? _d : null }));
+}
+ColorRadioGroup.displayName = "UxfFormColorRadioGroup";

package/color-radio-group/color-radio-group.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { ColorRadioGroup } from "./index";
+declare const _default: {
+    title: string;
+    component: typeof ColorRadioGroup;
+};
+export default _default;
+export declare function Default(): React.JSX.Element;

package/color-radio-group/color-radio-group.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+const storybook_form_1 = require("../storybook/storybook-form");
+const index_1 = require("./index");
+exports.default = {
+    title: "Form/ColorRadioGroup",
+    component: index_1.ColorRadioGroup,
+};
+const options = [
+    {
+        value: "#ff0000",
+        label: "Red",
+    },
+    {
+        value: "#00ff00",
+        label: "Green",
+    },
+    {
+        value: "#ff00ff",
+        label: "Purple",
+    },
+    {
+        value: "#000000",
+        label: "Red",
+    },
+    {
+        value: "#ffff00",
+        label: "Green",
+    },
+    {
+        value: "#00ffff",
+        label: "Purple",
+    },
+    {
+        value: "#cccccc",
+        label: "Red",
+    },
+    {
+        value: "#3b1298",
+        label: "Green",
+    },
+    {
+        value: "#0000ff",
+        label: "Purple",
+    },
+];
+function Default() {
+    const storyFormColorRadioGroup = (control) => (react_1.default.createElement("div", { className: "space-y-4" },
+        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", label: "Color radio group form", name: "color-radio-group", options: options }),
+        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", isDisabled: true, label: "Color radio group form disabled", name: "color-radio-group-disabled", options: options }),
+        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, helperText: "Choose one option", id: "color-radio-group", label: "Color radio group form with helper text", name: "color-radio-group-helper-text", options: options }),
+        react_1.default.createElement(index_1.ColorRadioGroup, { control: control, id: "color-radio-group", label: "Color radio group form with variant button", name: "color-radio-group-button", options: options }),
+        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
+    return (react_1.default.createElement(storybook_form_1.StorybookForm, null, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
+        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormColorRadioGroup(control))))));
+}

package/color-radio-group/index.d.ts

@@ -0,0 +1 @@
+export * from "./color-radio-group";

package/color-radio-group/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./color-radio-group"), exports);

package/color-radio-group/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-color-radio-group": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/color-radio-group/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-color-radio-group": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/combobox/combobox.d.ts

@@ -0,0 +1,13 @@
+import { ComboboxValueId, ComboboxProps as UIComboboxProps, ComboboxValue as UIComboboxValue } from "@uxf/ui/combobox";
+import React from "react";
+import { FieldValues } from "react-hook-form";
+import { ControlProps } from "../types";
+export type ComboProps<FormData extends FieldValues> = ControlProps<FormData> & Omit<UIComboboxProps, "inputGroupRef" | "inputRef" | "inputWrapperRef" | "isFocused" | "isInvalid" | "name" | "onChange" | "value"> & {
+    onChange?: UIComboboxProps["onChange"];
+    requiredMessage?: string;
+};
+export type ComboboxValue<Id extends ComboboxValueId> = UIComboboxValue<Id> | null;
+export declare function Combobox<FormData extends Record<string, any>>(props: ComboProps<FormData>): React.JSX.Element;
+export declare namespace Combobox {
+    var displayName: string;
+}

package/combobox/combobox.js

@@ -0,0 +1,48 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Combobox = Combobox;
+const translations_1 = require("@uxf/core-react/translations");
+const empty_array_1 = require("@uxf/core/constants/empty-array");
+const is_empty_1 = require("@uxf/core/utils/is-empty");
+const is_nil_1 = require("@uxf/core/utils/is-nil");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const combobox_1 = require("@uxf/ui/combobox");
+const react_1 = __importDefault(require("react"));
+const react_hook_form_1 = require("react-hook-form");
+const form_context_1 = require("../form-id-context/form-context");
+function Combobox(props) {
+    var _a, _b, _c, _d, _e;
+    const formContext = (0, form_context_1.useFormContext)();
+    const t = (0, translations_1.useUxfTranslation)();
+    const id = (_a = props.id) !== null && _a !== void 0 ? _a : `${formContext.formId}__${props.name}`;
+    const { field, fieldState } = (0, react_hook_form_1.useController)({
+        control: props.control,
+        name: props.name,
+        rules: {
+            required: props.isRequired
+                ? props.requiredMessage || t("uxf-form-combobox:validation.required")
+                : undefined,
+            ...props.rules,
+        },
+        shouldUnregister: props.shouldUnregister,
+    });
+    const onBlur = (event) => {
+        var _a;
+        field.onBlur();
+        (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
+    };
+    const onChange = (value, event) => {
+        var _a;
+        field.onChange(value);
+        (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, value, event);
+    };
+    const isDisabled = ((0, is_nil_1.isNil)(props.loadOptions) && (0, is_empty_1.isEmpty)((_b = props.options) !== null && _b !== void 0 ? _b : empty_array_1.EMPTY_ARRAY)) ||
+        formContext.isFormDisabled ||
+        props.isDisabled;
+    return (react_1.default.createElement(combobox_1.Combobox, { className: props.className, dropdownClassName: props.dropdownClassName, dropdownMatchesInputWidth: props.dropdownMatchesInputWidth, dropdownMaxHeight: props.dropdownMaxHeight, dropdownPlacement: props.dropdownPlacement, dropdownStrategy: props.dropdownStrategy, form: props.form, helperText: (_d = (_c = fieldState.error) === null || _c === void 0 ? void 0 : _c.message) !== null && _d !== void 0 ? _d : props.helperText, hiddenLabel: props.hiddenLabel, iconName: props.iconName, id: id, inputArrow: props.inputArrow, inputRef: field.ref, isClearable: props.isClearable, isDisabled: isDisabled, isInvalid: (0, is_not_nil_1.isNotNil)(fieldState.error), isReadOnly: formContext.isFormReadOnly || props.isReadOnly, isRequired: props.isRequired, keyExtractor: props.keyExtractor, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, loadOptions: props.loadOptions, name: field.name, noOptionsMessage: props.noOptionsMessage, noQueryMessage: props.noQueryMessage, notFoundMessage: props.notFoundMessage, onBlur: onBlur, onChange: onChange, onFocus: props.onFocus, options: props.options, placeholder: props.placeholder, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, style: props.style, value: (_e = field.value) !== null && _e !== void 0 ? _e : null, variant: props.variant }));
+}
+Combobox.displayName = "UxfFormCombobox";

package/combobox/combobox.stories.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Combobox } from "./combobox";
+declare const _default: {
+    title: string;
+    component: typeof Combobox;
+};
+export default _default;
+export declare function Default(): React.JSX.Element;

package/combobox/combobox.stories.js

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Default = Default;
+const button_1 = require("@uxf/ui/button");
+const react_1 = __importDefault(require("react"));
+const storybook_form_1 = require("../storybook/storybook-form");
+const combobox_1 = require("./combobox");
+exports.default = {
+    title: "Form/Combobox",
+    component: combobox_1.Combobox,
+};
+const options = [
+    { id: "one", label: "Option one" },
+    { id: "two", label: "Option two" },
+    { id: "three", label: "Option three" },
+];
+function Default() {
+    const storyFormComboboxes = (control) => (react_1.default.createElement("div", { className: "space-y-8" },
+        react_1.default.createElement(combobox_1.Combobox, { control: control, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED...", id: "form-combobox", label: "Combobox form", name: "firstname", options: options, placeholder: "Placeholder" }),
+        react_1.default.createElement(combobox_1.Combobox, { control: control, helperText: "Za\u010Dn\u011Bte ps\u00E1t pro vyhled\u00E1v\u00E1n\u00ED...", id: "form-combobox", isRequired: true, label: "Combobox form required", name: "combobox-required", options: options, placeholder: "Placeholder" }),
+        react_1.default.createElement(combobox_1.Combobox, { control: control, id: "form-combobox", isDisabled: true, label: "Combobox form disabled", name: "combobox-disabled", options: options, placeholder: "Placeholder" }),
+        react_1.default.createElement(combobox_1.Combobox, { control: control, dropdownPlacement: "top", id: "form-combobox", label: "Combobox form with dropdown top", name: "select-dropdown-top", options: options, placeholder: "Placeholder" }),
+        react_1.default.createElement(combobox_1.Combobox, { control: control, dropdownPlacement: "top", id: "form-combobox", isClearable: true, label: "Combobox async", loadOptions: (query) => Promise.resolve(options.filter((option) => !query || option.label.toLowerCase().includes(query.toLowerCase()))), name: "select-dropdown-async", placeholder: "Placeholder" }),
+        react_1.default.createElement(button_1.Button, { type: "submit" }, "Submit")));
+    return (react_1.default.createElement(storybook_form_1.StorybookForm, { defaultValues: { "select-dropdown-async": { id: "one", label: "Option one" } } }, ({ control }) => (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
+        react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" }, storyFormComboboxes(control))))));
+}

package/combobox/index.d.ts

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

package/combobox/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./combobox"), exports);

package/combobox/translations.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    "uxf-form-combobox": {
+        validation: {
+            required: {
+                cs: string;
+                en: string;
+                sk: string;
+                de: string;
+            };
+        };
+    };
+};
+export default _default;

package/combobox/translations.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    "uxf-form-combobox": {
+        validation: {
+            required: {
+                cs: "Toto pole je povinné",
+                en: "This field is required",
+                sk: "Toto pole je povinné",
+                de: "Dieses Feld ist erforderlich",
+            },
+        },
+    },
+};

package/components.d.ts

@@ -0,0 +1,127 @@
+import * as avatarFileInputStories from "./avatar-file-input/avatar-file-input.stories";
+import * as checkboxButtonStories from "./checkbox-button/checkbox-button.stories";
+import * as checkboxInputStories from "./checkbox-input/checkbox-input.stories";
+import * as checkboxListStories from "./checkbox-list/checkbox-list.stories";
+import * as colorRadioGroupStories from "./color-radio-group/color-radio-group.stories";
+import * as comboboxStories from "./combobox/combobox.stories";
+import * as datePickerInputStories from "./date-picker-input/date-picker-input.stories";
+import * as dateRangePickerInputStories from "./date-range-picker-input/date-range-picker-input.stories";
+import * as datetimePickerInputStories from "./datetime-picker-input/datetime-picker-input.stories";
+import * as dropzoneStories from "./dropzone/dropzone.stories";
+import * as fileInputStories from "./file-input/file-input.stories";
+import * as formStories from "./form/form.stories";
+import * as formRendererStories from "./form-renderer/form-renderer.stories";
+import * as gpsInputStories from "./gps-input/gps-input.stories";
+import * as moneyInputStories from "./money-input/money-input.stories";
+import * as multiComboboxStories from "./multi-combobox/multi-combobox.stories";
+import * as multiSelectStories from "./multi-select/multi-select.stories";
+import * as numberInputStories from "./number-input/number-input.stories";
+import * as passwordInputStories from "./password-input/password-input.stories";
+import * as radioGroupStories from "./radio-group/radio-group.stories";
+import * as selectStories from "./select/select.stories";
+import * as textInputStories from "./text-input/text-input.stories";
+import * as textareaStories from "./textarea/textarea.stories";
+import * as timePickerInputStories from "./time-picker-input/time-picker-input.stories";
+import * as toggleStories from "./toggle/toggle.stories";
+export declare const components: {
+    readonly "avatar-file-input": {
+        readonly title: "AvatarFileInput";
+        readonly stories: typeof avatarFileInputStories;
+    };
+    readonly "checkbox-button": {
+        readonly title: "CheckboxButton";
+        readonly stories: typeof checkboxButtonStories;
+    };
+    readonly "checkbox-input": {
+        readonly title: "CheckboxInput";
+        readonly stories: typeof checkboxInputStories;
+    };
+    readonly "checkbox-list": {
+        readonly title: "CheckboxList";
+        readonly stories: typeof checkboxListStories;
+    };
+    readonly "color-radio-group": {
+        readonly title: "ColorRadioGroup";
+        readonly stories: typeof colorRadioGroupStories;
+    };
+    readonly combobox: {
+        readonly title: "Combobox";
+        readonly stories: typeof comboboxStories;
+    };
+    readonly "date-picker-input": {
+        readonly title: "DatePickerInput";
+        readonly stories: typeof datePickerInputStories;
+    };
+    readonly "date-range-picker-input": {
+        readonly title: "DateRangePickerInput";
+        readonly stories: typeof dateRangePickerInputStories;
+    };
+    readonly "datetime-picker-input": {
+        readonly title: "DatetimePickerInput";
+        readonly stories: typeof datetimePickerInputStories;
+    };
+    readonly dropzone: {
+        readonly title: "Dropzone";
+        readonly stories: typeof dropzoneStories;
+    };
+    readonly "file-input": {
+        readonly title: "FileInput";
+        readonly stories: typeof fileInputStories;
+    };
+    readonly form: {
+        readonly title: "Form";
+        readonly stories: typeof formStories;
+    };
+    readonly "form-renderer": {
+        readonly title: "FormRenderer";
+        readonly stories: typeof formRendererStories;
+    };
+    readonly "gps-input": {
+        readonly title: "GpsInput";
+        readonly stories: typeof gpsInputStories;
+    };
+    readonly "money-input": {
+        readonly title: "MoneyInput";
+        readonly stories: typeof moneyInputStories;
+    };
+    readonly "multi-combobox": {
+        readonly title: "MultiCombobox";
+        readonly stories: typeof multiComboboxStories;
+    };
+    readonly "multi-select": {
+        readonly title: "MultiSelect";
+        readonly stories: typeof multiSelectStories;
+    };
+    readonly "number-input": {
+        readonly title: "NumberInput";
+        readonly stories: typeof numberInputStories;
+    };
+    readonly "password-input": {
+        readonly title: "PasswordInput";
+        readonly stories: typeof passwordInputStories;
+    };
+    readonly "radio-group": {
+        readonly title: "RadioGroup";
+        readonly stories: typeof radioGroupStories;
+    };
+    readonly select: {
+        readonly title: "Select";
+        readonly stories: typeof selectStories;
+    };
+    readonly "text-input": {
+        readonly title: "TextInput";
+        readonly stories: typeof textInputStories;
+    };
+    readonly textarea: {
+        readonly title: "Textarea";
+        readonly stories: typeof textareaStories;
+    };
+    readonly "time-picker-input": {
+        readonly title: "TimePickerInput";
+        readonly stories: typeof timePickerInputStories;
+    };
+    readonly toggle: {
+        readonly title: "Toggle";
+        readonly stories: typeof toggleStories;
+    };
+};