@uxf/ui 10.0.0-beta.9 → 10.0.1

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

@@ -24,9 +24,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = void 0;
-const index_1 = require("./index");
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
+const index_1 = require("./index");
 exports.default = {
     title: "UI/ColorRadioGroup",
     component: index_1.ColorRadioGroup,

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

@@ -1,2 +1,2 @@
-export type { ColorRadioGroupOption, ColorRadioGroupOptionValue, ColorRadioGroupProps } from "./color-radio-group";
 export { ColorRadioGroup } from "./color-radio-group";
+export type { ColorRadioGroupOption, ColorRadioGroupOptionValue, ColorRadioGroupProps } from "./color-radio-group";

package/combobox/README.md

@@ -0,0 +1,12 @@
+# Combobox
+
+## CSS dependencies
+
+```css
+@import url("@uxf/ui/label/label.css");
+@import url("@uxf/ui/form-component/form-component.css");
+@import url("@uxf/ui/dropdown/dropdown.css");
+@import url("@uxf/ui/input/input.css");
+@import url("@uxf/ui/_select-base/select-base.css");
+@import url("@uxf/ui/input/input-basic.css");
+```

package/combobox/combobox.d.ts

@@ -14,7 +14,7 @@ export interface ComboboxProps<ValueId = SelectBaseValueId, Option = ComboboxOpt
     loadOptions?: (query: string) => Promise<Option[]>;
     noQueryMessage?: string;
     notFoundMessage?: string;
-    renderOption?: (option: Option) => ReactNode;
+    renderOption?: (option: Option, isSelected: boolean) => ReactNode;
 }
 export declare const Combobox: {
     <ValueId = SelectBaseValueId, Option = ComboboxOption<ValueId>, Value = Option>(props: ComboboxProps<ValueId, Option, Value>): React.JSX.Element;

package/combobox/combobox.js

@@ -42,7 +42,7 @@ const Combobox = (props) => {
     const onInputChange = (event) => setQuery(event.target.value);
     const displayValue = (item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.label) !== null && _a !== void 0 ? _a : ""; };
     const selectedOption = (_d = props.value) !== null && _d !== void 0 ? _d : null;
-    return (react_2.default.createElement(_select_base_1._SelectBase, { HUIComponent: react_1.Combobox, className: props.className, customInputElementDisplayName: react_1.Combobox.Input.displayName, dropdownPlacement: props.dropdownPlacement, dropdownStrategy: props.dropdownStrategy, emptyMessage: emptyMessage, forwardRef: props.forwardRef, helperText: props.helperText, hiddenLabel: props.hiddenLabel, iconName: props.iconName, id: props.id, isClearable: props.isClearable, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, keyExtractor: props.keyExtractor, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, name: props.name, onBlur: props.onBlur, onChange: onChange, onFocus: props.onFocus, options: filteredData, placeholder: props.placeholder, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, value: selectedOption, variant: props.variant },
+    return (react_2.default.createElement(_select_base_1._SelectBase, { HUIComponent: react_1.Combobox, className: props.className, customInputElementDisplayName: react_1.Combobox.Input.displayName, dropdownMatchesInputWidth: props.dropdownMatchesInputWidth, dropdownPlacement: props.dropdownPlacement, dropdownStrategy: props.dropdownStrategy, emptyMessage: emptyMessage, forwardRef: props.forwardRef, helperText: props.helperText, hiddenLabel: props.hiddenLabel, iconName: props.iconName, id: props.id, isClearable: props.isClearable, isDisabled: props.isDisabled, isFocused: props.isFocused, isInvalid: props.isInvalid, isReadOnly: props.isReadOnly, isRequired: props.isRequired, keyExtractor: props.keyExtractor, label: props.label, leftAddon: props.leftAddon, leftElement: props.leftElement, name: props.name, onBlur: props.onBlur, onChange: onChange, onFocus: props.onFocus, options: filteredData, placeholder: props.placeholder, renderOption: props.renderOption, rightAddon: props.rightAddon, rightElement: props.rightElement, size: props.size, value: selectedOption, variant: props.variant },
         react_2.default.createElement(react_1.Combobox.Input, { autoComplete: "off", className: "uxf-input__element", displayValue: displayValue, onBlur: props.onBlur, onChange: onInputChange, placeholder: props.placeholder, type: "text" })));
 };
 exports.Combobox = Combobox;

package/combobox/combobox.stories.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
+import { ComboboxOption } from "./combobox";
 declare const _default: {
     title: string;
     component: {
-        <ValueId = import("../_select-base").SelectBaseValueId, Option = import("./combobox").ComboboxOption<ValueId>, Value = Option>(props: import("./combobox").ComboboxProps<ValueId, Option, Value>): React.JSX.Element;
+        <ValueId = import("../_select-base").SelectBaseValueId, Option = ComboboxOption<ValueId>, Value = Option>(props: import("./combobox").ComboboxProps<ValueId, Option, Value>): React.JSX.Element;
         displayName: string;
     };
 };

package/combobox/combobox.stories.js

@@ -28,16 +28,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ComponentStructure = exports.Async = exports.Default = void 0;
 const react_1 = __importStar(require("react"));
+const action_1 = require("../utils/action");
 const component_structure_analyzer_1 = __importDefault(require("../utils/component-structure-analyzer"));
 const index_1 = require("./index");
-const action_1 = require("../utils/action");
 exports.default = {
     title: "UI/Combobox",
     component: index_1.Combobox,
 };
 const options = [
     { id: "one", label: "Option one" },
-    { id: "two", label: "Option two" },
+    { id: "two", label: "Option two disabled", disabled: true },
     { id: "three", label: "Option three" },
     { id: "four", label: "Option with diacritics (ěščřžýáíé)" },
 ];
@@ -52,7 +52,11 @@ function Default() {
         react_1.default.createElement(index_1.Combobox, { id: "combobox-1", label: "Combobox", name: "combobox", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
         react_1.default.createElement(index_1.Combobox, { helperText: "Start typing to see options...", id: "combobox-1", label: "Combobox with helper text", name: "combobox", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
         react_1.default.createElement(index_1.Combobox, { helperText: "Error message", id: "combobox-1", isInvalid: true, isRequired: true, label: "Combobox invalid", name: "combobox", onChange: onChange, options: options, placeholder: "Vyberte...", value: value }),
-        react_1.default.createElement(index_1.Combobox, { dropdownPlacement: "top", id: "combobox-1", label: "Combobox with dropdown top", name: "combobox", onChange: onChange, options: options, placeholder: "Vyberte...", isClearable: true, value: value })));
+        react_1.default.createElement(index_1.Combobox, { dropdownPlacement: "top", id: "combobox-1", label: "Combobox with dropdown top", name: "combobox", onChange: onChange, options: options, placeholder: "Vyberte...", isClearable: true, value: value }),
+        react_1.default.createElement(index_1.Combobox, { id: "combobox-render", label: "RenderOption", name: "combobox", onChange: onChange, options: options, placeholder: "Vyberte...", isClearable: true, value: value, renderOption: (option, isSelected) => (react_1.default.createElement(react_1.default.Fragment, null,
+                "Option: ",
+                option.label,
+                isSelected && " (selected)")) })));
     return (react_1.default.createElement("div", { className: "flex flex-col lg:flex-row" },
         react_1.default.createElement("div", { className: "light space-y-2 p-20 lg:w-1/2" }, storyComboboxes),
         react_1.default.createElement("div", { className: "dark space-y-2 bg-gray-900 p-20 lg:w-1/2" }, storyComboboxes)));

package/combobox/index.d.ts

@@ -1,2 +1,2 @@
-export type { ComboboxProps, ComboboxOption, ComboboxValue, ComboboxValueId } from "./combobox";
 export { Combobox } from "./combobox";
+export type { ComboboxOption, ComboboxProps, ComboboxValue, ComboboxValueId } from "./combobox";

package/config/icons-config.d.ts

@@ -1,2 +1,2 @@
-export declare const ICONS_VERSION = "1685632683041";
+export declare const ICONS_VERSION = "1696711976722";
 export declare const ICON_SPRITE = "/.storybook/static-assets/icons-generated/_icon-sprite.svg";

package/config/icons-config.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ICON_SPRITE = exports.ICONS_VERSION = void 0;
-exports.ICONS_VERSION = "1685632683041";
+exports.ICONS_VERSION = "1696711976722";
 exports.ICON_SPRITE = "/.storybook/static-assets/icons-generated/_icon-sprite.svg";

package/config/icons.d.ts

@@ -75,14 +75,22 @@ export declare const ICONS: {
         readonly w: 384;
         readonly h: 512;
     };
-    readonly videoFile: {
-        readonly w: 384;
+    readonly "triangle-exclamation": {
+        readonly w: 512;
         readonly h: 512;
     };
     readonly user: {
         readonly w: 448;
         readonly h: 512;
     };
+    readonly videoFile: {
+        readonly w: 384;
+        readonly h: 512;
+    };
+    readonly xmark: {
+        readonly w: 384;
+        readonly h: 512;
+    };
     readonly xmarkLarge: {
         readonly w: 448;
         readonly h: 512;
@@ -110,8 +118,10 @@ declare module "@uxf/ui/icon/theme" {
         "ellipsis-vertical": true;
         "file": true;
         "imageFile": true;
-        "videoFile": true;
+        "triangle-exclamation": true;
         "user": true;
+        "videoFile": true;
+        "xmark": true;
         "xmarkLarge": true;
     }
 }

package/config/icons.js

@@ -22,7 +22,9 @@ exports.ICONS = {
     "ellipsis-vertical": { w: 128, h: 512 },
     "file": { w: 384, h: 512 },
     "imageFile": { w: 384, h: 512 },
-    "videoFile": { w: 384, h: 512 },
+    "triangle-exclamation": { w: 512, h: 512 },
     "user": { w: 448, h: 512 },
+    "videoFile": { w: 384, h: 512 },
+    "xmark": { w: 384, h: 512 },
     "xmarkLarge": { w: 448, h: 512 },
 };

package/content/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode, FC } from "react";
 import { ContentSchema } from "@uxf/ui/content/content-schema";
+import { FC, ReactNode } from "react";
 import { UseControllerProps } from "react-hook-form";
 export type ContentType = keyof ContentSchema;
 interface ContentFormProps<TYPE extends ContentType> extends UseControllerProps<ContentSchema[TYPE]> {

package/context/provider.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.UiContextProvider = void 0;
 const dayjs_1 = require("dayjs");
-const localizedFormat_1 = __importDefault(require("dayjs/plugin/localizedFormat"));
 const customParseFormat_1 = __importDefault(require("dayjs/plugin/customParseFormat"));
+const localizedFormat_1 = __importDefault(require("dayjs/plugin/localizedFormat"));
 const react_1 = __importDefault(require("react"));
 const use_handle_color_scheme_1 = require("../color-scheme/use-handle-color-scheme");
 const context_1 = require("./context");

package/create-component-preview-page/create-component-preview-page.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+export declare function createComponentPreviewPage(): {
+    (props: any): React.JSX.Element;
+    getInitialProps(ctx: any): {
+        componentName: any;
+        storyName: any;
+    };
+};

package/create-component-preview-page/create-component-preview-page.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createComponentPreviewPage = void 0;
+const is_nil_1 = require("@uxf/core/utils/is-nil");
+const react_1 = __importDefault(require("react"));
+const ui_components_1 = require("./ui-components");
+function ComponentPreview(props) {
+    return (react_1.default.createElement(react_1.default.Fragment, null, Object.entries(props.stories).map(([key, Story]) => {
+        if (key === "default") {
+            return null;
+        }
+        return react_1.default.createElement(Story, { key: key });
+    })));
+}
+function createComponentPreviewPage() {
+    const component = (props) => {
+        const { componentName } = props;
+        if ((0, is_nil_1.isNil)(componentName)) {
+            return (react_1.default.createElement("div", { style: { padding: 32 } }, Object.entries(ui_components_1.uiComponents).map(([key, config]) => (react_1.default.createElement("div", { key: key, style: { marginTop: 32, marginBottom: 32 } },
+                react_1.default.createElement("h2", null, config.title),
+                react_1.default.createElement("div", { style: { border: "2px dashed gray", padding: 32, borderRadius: 4 } },
+                    react_1.default.createElement(ComponentPreview, { stories: config.stories })))))));
+        }
+        const componentConfig = ui_components_1.uiComponents[componentName]; // TODO @vejvis
+        if ((0, is_nil_1.isNil)(componentConfig)) {
+            return react_1.default.createElement("div", null, "component not found");
+        }
+        return react_1.default.createElement(ComponentPreview, { stories: componentConfig.stories });
+    };
+    component.getInitialProps = (ctx) => {
+        var _a;
+        const [componentName, storyName] = (_a = ctx.query.slug) !== null && _a !== void 0 ? _a : [];
+        return { componentName, storyName };
+    };
+    return component;
+}
+exports.createComponentPreviewPage = createComponentPreviewPage;

package/create-component-preview-page/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./create-component-preview-page";
+export * from "./ui-components";

package/create-component-preview-page/index.js

@@ -0,0 +1,18 @@
+"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("./create-component-preview-page"), exports);
+__exportStar(require("./ui-components"), exports);

package/create-component-preview-page/ui-components.d.ts

@@ -0,0 +1,237 @@
+import * as AvatarFileInputStories from "@uxf/ui/avatar-file-input/avatar-file-input.stories";
+import * as AvatarStories from "@uxf/ui/avatar/avatar.stories";
+import * as BadgeStories from "@uxf/ui/badge/badge.stories";
+import * as ButtonGroupStories from "@uxf/ui/button-group/button-group.stories";
+import * as ButtonListStories from "@uxf/ui/button-list/button-list.stories";
+import * as ButtonStories from "@uxf/ui/button/button.stories";
+import * as CalendarStories from "@uxf/ui/calendar/calendar.stories";
+import * as CheckboxButtonStories from "@uxf/ui/checkbox-button/checkbox-button.stories";
+import * as CheckboxInputStories from "@uxf/ui/checkbox-input/checkbox-input.stories";
+import * as CheckboxStories from "@uxf/ui/checkbox/checkbox.stories";
+import * as ChipStories from "@uxf/ui/chip/chip.stories";
+import * as ColorRadioGroupStories from "@uxf/ui/color-radio-group/color-radio-group.stories";
+import * as ColorRadioStories from "@uxf/ui/color-radio/color-radio.stories";
+import * as ComboboxStories from "@uxf/ui/combobox/combobox.stories";
+import * as DatePickerInputStories from "@uxf/ui/date-picker-input/date-picker-input.stories";
+import * as DatePickerStories from "@uxf/ui/date-picker/date-picker.stories";
+import * as DatetimePickerInputStories from "@uxf/ui/datetime-picker-input/datetime-picker-input.stories";
+import * as DatetimePickerStories from "@uxf/ui/datetime-picker/datetime-picker.stories";
+import * as DropdownStories from "@uxf/ui/dropdown/dropdown.stories";
+import * as DropzoneStories from "@uxf/ui/dropzone/dropzone.stories";
+import * as ErrorMessageStories from "@uxf/ui/error-message/error-message.stories";
+import * as FileInputStories from "@uxf/ui/file-input/file-input.stories";
+import * as FlashMessagesStories from "@uxf/ui/flash-messages/flash-messages.stories";
+import * as FormComponentStories from "@uxf/ui/form-component/form-component.stories";
+import * as IconStories from "@uxf/ui/icon/icon.stories";
+import * as InputStories from "@uxf/ui/input/input.stories";
+import * as LabelStories from "@uxf/ui/label/label.stories";
+import * as ListItemStories from "@uxf/ui/list-item/list-item.stories";
+import * as LoaderStories from "@uxf/ui/loader/loader.stories";
+import * as ModalStories from "@uxf/ui/modal/modal.stories";
+import * as MultiComboboxStories from "@uxf/ui/multi-combobox/multi-combobox.stories";
+import * as MultiSelectStories from "@uxf/ui/multi-select/multi-select.stories";
+import * as PaginationStories from "@uxf/ui/pagination/pagination.stories";
+import * as PaperStories from "@uxf/ui/paper/paper.stories";
+import * as RadioGroupStories from "@uxf/ui/radio-group/radio-group.stories";
+import * as RadioStories from "@uxf/ui/radio/radio.stories";
+import * as RasterImageStories from "@uxf/ui/raster-image/raster-image.stories";
+import * as SelectStories from "@uxf/ui/select/select.stories";
+import * as TabsStories from "@uxf/ui/tabs/tabs.stories";
+import * as TextInputStories from "@uxf/ui/text-input/text-input.stories";
+import * as TextLinkStories from "@uxf/ui/text-link/text-link.stories";
+import * as TextareaStories from "@uxf/ui/textarea/textarea.stories";
+import * as TimePickerInputStories from "@uxf/ui/time-picker-input/time-picker-input.stories";
+import * as TimePickerStories from "@uxf/ui/time-picker/time-picker-input.stories";
+import * as ToggleStories from "@uxf/ui/toggle/toggle.stories";
+import * as TooltipStories from "@uxf/ui/tooltip/tooltip.stories";
+import * as TypographyStories from "@uxf/ui/typography/typography.stories";
+export declare const uiComponents: {
+    readonly avatar: {
+        readonly title: "Avatar";
+        readonly stories: typeof AvatarStories;
+    };
+    readonly "avatar-file-input": {
+        readonly title: "AvatarFileInput";
+        readonly stories: typeof AvatarFileInputStories;
+    };
+    readonly badge: {
+        readonly title: "Badge";
+        readonly stories: typeof BadgeStories;
+    };
+    readonly button: {
+        readonly title: "Button";
+        readonly stories: typeof ButtonStories;
+    };
+    readonly "button-group": {
+        readonly title: "ButtonGroup";
+        readonly stories: typeof ButtonGroupStories;
+    };
+    readonly "button-list": {
+        readonly title: "ButtonList";
+        readonly stories: typeof ButtonListStories;
+    };
+    readonly calendar: {
+        readonly title: "Calendar";
+        readonly stories: typeof CalendarStories;
+    };
+    readonly checkbox: {
+        readonly title: "Checkbox";
+        readonly stories: typeof CheckboxStories;
+    };
+    readonly "checkbox-button": {
+        readonly title: "CheckboxButton";
+        readonly stories: typeof CheckboxButtonStories;
+    };
+    readonly "checkbox-input": {
+        readonly title: "CheckboxInput";
+        readonly stories: typeof CheckboxInputStories;
+    };
+    readonly chip: {
+        readonly title: "Chip";
+        readonly stories: typeof ChipStories;
+    };
+    readonly "color-radio": {
+        readonly title: "ColorRadio";
+        readonly stories: typeof ColorRadioStories;
+    };
+    readonly "color-radio-group": {
+        readonly title: "ColorRadioGroup";
+        readonly stories: typeof ColorRadioGroupStories;
+    };
+    readonly combobox: {
+        readonly title: "Combobox";
+        readonly stories: typeof ComboboxStories;
+    };
+    readonly "date-picker": {
+        readonly title: "DatePicker";
+        readonly stories: typeof DatePickerStories;
+    };
+    readonly "date-picker-input": {
+        readonly title: "DatePickerInput";
+        readonly stories: typeof DatePickerInputStories;
+    };
+    readonly "datetime-picker": {
+        readonly title: "DatetimePicker";
+        readonly stories: typeof DatetimePickerStories;
+    };
+    readonly "datetime-picker-input": {
+        readonly title: "DatetimePickerInput";
+        readonly stories: typeof DatetimePickerInputStories;
+    };
+    readonly dropdown: {
+        readonly title: "Dropdown";
+        readonly stories: typeof DropdownStories;
+    };
+    readonly dropzone: {
+        readonly title: "Dropzone";
+        readonly stories: typeof DropzoneStories;
+    };
+    readonly "error-message": {
+        readonly title: "ErrorMessage";
+        readonly stories: typeof ErrorMessageStories;
+    };
+    readonly "file-input": {
+        readonly title: "FileInput";
+        readonly stories: typeof FileInputStories;
+    };
+    readonly "flash-messages": {
+        readonly title: "FlashMessages";
+        readonly stories: typeof FlashMessagesStories;
+    };
+    readonly "form-component": {
+        readonly title: "FormComponent";
+        readonly stories: typeof FormComponentStories;
+    };
+    readonly icon: {
+        readonly title: "Icon";
+        readonly stories: typeof IconStories;
+    };
+    readonly input: {
+        readonly title: "Input";
+        readonly stories: typeof InputStories;
+    };
+    readonly label: {
+        readonly title: "Label";
+        readonly stories: typeof LabelStories;
+    };
+    readonly "list-item": {
+        readonly title: "ListItem";
+        readonly stories: typeof ListItemStories;
+    };
+    readonly loader: {
+        readonly title: "Loader";
+        readonly stories: typeof LoaderStories;
+    };
+    readonly modal: {
+        readonly title: "Modal";
+        readonly stories: typeof ModalStories;
+    };
+    readonly "multi-combobox": {
+        readonly title: "MultiCombobox";
+        readonly stories: typeof MultiComboboxStories;
+    };
+    readonly "multi-select": {
+        readonly title: "MultiSelect";
+        readonly stories: typeof MultiSelectStories;
+    };
+    readonly pagination: {
+        readonly title: "Pagination";
+        readonly stories: typeof PaginationStories;
+    };
+    readonly paper: {
+        readonly title: "Paper";
+        readonly stories: typeof PaperStories;
+    };
+    readonly radio: {
+        readonly title: "Radio";
+        readonly stories: typeof RadioStories;
+    };
+    readonly "radio-group": {
+        readonly title: "RadioGroup";
+        readonly stories: typeof RadioGroupStories;
+    };
+    readonly "raster-image": {
+        readonly title: "RasterImage";
+        readonly stories: typeof RasterImageStories;
+    };
+    readonly select: {
+        readonly title: "Select";
+        readonly stories: typeof SelectStories;
+    };
+    readonly tabs: {
+        readonly title: "Tabs";
+        readonly stories: typeof TabsStories;
+    };
+    readonly "text-input": {
+        readonly title: "TextInput";
+        readonly stories: typeof TextInputStories;
+    };
+    readonly "text-link": {
+        readonly title: "TextLink";
+        readonly stories: typeof TextLinkStories;
+    };
+    readonly textarea: {
+        readonly title: "Textarea";
+        readonly stories: typeof TextareaStories;
+    };
+    readonly "time-picker": {
+        readonly title: "TimePicker";
+        readonly stories: typeof TimePickerStories;
+    };
+    readonly "time-picker-input": {
+        readonly title: "TimePickerInput";
+        readonly stories: typeof TimePickerInputStories;
+    };
+    readonly toggle: {
+        readonly title: "Toggle";
+        readonly stories: typeof ToggleStories;
+    };
+    readonly tooltip: {
+        readonly title: "Tooltip";
+        readonly stories: typeof TooltipStories;
+    };
+    readonly typography: {
+        readonly title: "Typography";
+        readonly stories: typeof TypographyStories;
+    };
+};