@uxf/ui 11.45.1 → 11.47.0

package/info-box/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/input/input.stories.d.ts

@@ -1,17 +1,4 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("@uxf/ui/input").InputProps & React.RefAttributes<HTMLInputElement>> & {
-        ArrowIcon: typeof import("./input-arrow-icon").InputArrowIcon;
-        Element: React.ForwardRefExoticComponent<import("@uxf/ui/input").InputElementProps & React.RefAttributes<HTMLInputElement>>;
-        LeftAddon: React.FC<import("./input-left-addon").InputLeftAddonProps>;
-        LeftElement: React.FC<import("./input-left-element").InputLeftElementProps>;
-        RemoveButton: React.FC<import("@uxf/ui/input").InputRemoveButtonProps>;
-        RightAddon: React.FC<import("./input-right-addon").InputRightAddonProps>;
-        RightElement: React.FC<import("./input-right-element").InputRightElementProps>;
-    };
-};
-export default _default;
 export declare function Default(): React.JSX.Element;
 export declare function Sizes(): React.JSX.Element;
 export declare function ComponentStructure(): React.JSX.Element;

package/input/input.stories.js

@@ -34,10 +34,6 @@ const action_1 = require("@uxf/ui/utils/action");
 const component_structure_analyzer_1 = __importDefault(require("@uxf/ui/utils/component-structure-analyzer"));
 const react_1 = __importStar(require("react"));
 const storybook_config_1 = require("../utils/storybook-config");
-exports.default = {
-    title: "UI/Input",
-    component: input_1.Input,
-};
 function Default() {
     const [value, setValue] = (0, react_1.useState)("");
     const [isInvalid, setInvalid] = (0, react_1.useState)(false);

package/label/label.stories.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./label").LabelProps & React.RefAttributes<HTMLLabelElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/label/label.stories.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const index_1 = require("./index");
-exports.default = {
-    title: "UI/Label",
-    component: index_1.Label,
-};
 function Default() {
     return (react_1.default.createElement("div", { className: "space-y-2" },
         react_1.default.createElement(index_1.Label, null, "Label")));

package/layout/layout.d.ts

@@ -1,9 +1,11 @@
-import { FC, ReactNode } from "react";
+import React, { ReactNode } from "react";
 export interface LayoutProps {
     children?: ReactNode;
-    logo?: ReactNode;
-    subtitle?: ReactNode;
-    toolbarRight?: ReactNode;
     sidebar?: ReactNode;
+    sidebarHeader?: ReactNode;
+    appBar?: ReactNode;
+}
+export declare function Layout(props: LayoutProps): React.JSX.Element;
+export declare namespace Layout {
+    var displayName: string;
 }
-export declare const Layout: FC<LayoutProps>;

package/layout/layout.js

@@ -23,39 +23,21 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Layout = void 0;
-const react_1 = require("@headlessui/react");
-const react_2 = __importStar(require("react"));
-const icon_1 = require("../icon");
-const uxf_logo_1 = require("./uxf-logo");
-const Layout = (props) => {
-    var _a, _b;
-    const [sidebarOpen, setSidebarOpen] = (0, react_2.useState)(false);
-    return (react_2.default.createElement("div", { className: "uxf-layout" },
-        react_2.default.createElement("div", { className: "uxf-sidebar" },
-            react_2.default.createElement("div", { className: "uxf-sidebar__content" }, props.sidebar)),
-        react_2.default.createElement("div", { className: "uxf-app-bar" },
-            react_2.default.createElement("div", { className: "uxf-app-bar__left-container" },
-                react_2.default.createElement("button", { className: "uxf-app-bar__menu-button", onClick: () => setSidebarOpen(true), type: "button" },
-                    react_2.default.createElement(icon_1.Icon, { className: "text-white", name: "bars", size: 26 })),
-                react_2.default.createElement("div", { className: "uxf-app-bar__logo" }, (_a = props.logo) !== null && _a !== void 0 ? _a : react_2.default.createElement(uxf_logo_1.UxfLogo, null))),
-            react_2.default.createElement("div", { className: "uxf-app-bar__right-container" }, props.toolbarRight)),
-        react_2.default.createElement(react_1.Transition.Root, { as: react_2.Fragment, show: sidebarOpen },
-            react_2.default.createElement(react_1.Dialog, { as: "div", className: "relative z-40 md:hidden", onClose: setSidebarOpen },
-                react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "transition-opacity ease-linear duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "transition-opacity ease-linear duration-300", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
-                    react_2.default.createElement("div", { className: "fixed inset-0 bg-gray-600/75" })),
-                react_2.default.createElement("div", { className: "fixed inset-0 z-40 flex" },
-                    react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "transition ease-in-out duration-300 transform", enterFrom: "-translate-x-full", enterTo: "translate-x-0", leave: "transition ease-in-out duration-300 transform", leaveFrom: "translate-x-0", leaveTo: "-translate-x-full" },
-                        react_2.default.createElement(react_1.Dialog.Panel, { className: "relative flex w-full max-w-xs flex-1 flex-col bg-white pb-4 pt-5" },
-                            react_2.default.createElement(react_1.Transition.Child, { as: react_2.Fragment, enter: "ease-in-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in-out duration-300", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
-                                react_2.default.createElement("div", { className: "absolute right-0 top-0 -mr-12 pt-2" },
-                                    react_2.default.createElement("button", { className: "ml-1 flex size-10 items-center justify-center rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white", onClick: () => setSidebarOpen(false), type: "button" },
-                                        react_2.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
-                                        react_2.default.createElement(icon_1.Icon, { className: "text-white", name: "xmarkLarge", size: 24 })))),
-                            react_2.default.createElement("div", { className: "uxf-drawer__logo" }, (_b = props.logo) !== null && _b !== void 0 ? _b : react_2.default.createElement(uxf_logo_1.UxfLogo, { isDark: true })),
-                            react_2.default.createElement("div", { className: "uxf-drawer__content" }, props.sidebar))),
-                    react_2.default.createElement("div", { "aria-hidden": "true", className: "w-14 shrink-0" })))),
-        react_2.default.createElement("main", { className: "uxf-layout__content" }, props.children)));
-};
 exports.Layout = Layout;
-exports.Layout.displayName = "UxfUiLayout";
+const cx_1 = require("@uxf/core/utils/cx");
+const is_not_nil_1 = require("@uxf/core/utils/is-not-nil");
+const react_1 = __importStar(require("react"));
+const icon_button_1 = require("../icon-button");
+function Layout(props) {
+    const [isSidebarOpen, setIsSidebarOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement("div", { className: "uxf-layout" },
+        react_1.default.createElement("div", { className: (0, cx_1.cx)("uxf-sidebar", isSidebarOpen && "uxf-sidebar--is-open") },
+            (0, is_not_nil_1.isNotNil)(props.sidebarHeader) && react_1.default.createElement("div", { className: "uxf-sidebar__header" }, props.sidebarHeader),
+            react_1.default.createElement("div", { className: "uxf-sidebar__content" }, props.sidebar)),
+        isSidebarOpen && react_1.default.createElement("div", { className: "uxf-sidebar-overlay", onClick: () => setIsSidebarOpen(false) }),
+        react_1.default.createElement("div", { className: "uxf-app-bar" },
+            react_1.default.createElement(icon_button_1.IconButton, { className: "uxf-app-bar__menu-button", iconName: "bars", label: "Otev\u0159\u00EDt menu", onClick: () => setIsSidebarOpen(true), variant: "text" }),
+            react_1.default.createElement("div", { className: "uxf-app-bar__content" }, props.appBar)),
+        react_1.default.createElement("main", { className: "uxf-layout__content" }, props.children)));
+}
+Layout.displayName = "UxfUiLayout";

package/layout/layout.stories.d.ts

@@ -1,8 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./layout").LayoutProps>;
-    layout: string;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/layout/layout.stories.js

@@ -6,15 +6,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const layout_1 = require("./layout");
-exports.default = {
-    title: "Admin/Layout",
-    component: layout_1.Layout,
-    layout: "fulscreen",
-};
 function Default() {
-    return (react_1.default.createElement(layout_1.Layout, { sidebar: react_1.default.createElement("div", { className: "p-8" },
-            react_1.default.createElement("div", { className: "flex h-64 items-center justify-center rounded-xl border-4 border-dashed border-gray-200 text-xl font-semibold text-gray-300" }, "sidebar")), toolbarRight: react_1.default.createElement("div", { className: "p-8" },
-            react_1.default.createElement("div", { className: "flex items-center justify-center rounded-xl border-4 border-dashed border-gray-200 px-5 text-xl font-semibold text-gray-300" }, "toolbarRight")) },
+    return (react_1.default.createElement(layout_1.Layout, { appBar: react_1.default.createElement("div", { className: "flex h-full items-center justify-center" }, "appBar"), sidebar: react_1.default.createElement("div", { className: "p-8" },
+            react_1.default.createElement("div", { className: "flex h-64 items-center justify-center rounded-xl border-4 border-dashed border-gray-200 text-xl font-semibold text-gray-300" }, "sidebar")), sidebarHeader: react_1.default.createElement("div", { className: "p-8" },
+            react_1.default.createElement("div", { className: "flex h-32 items-center justify-center rounded-xl border-4 border-dashed border-gray-200 text-xl font-semibold text-gray-300" }, "sidebarHeader")) },
         react_1.default.createElement("div", { className: "p-8" },
             react_1.default.createElement("div", { className: "flex h-64 items-center justify-center rounded-xl border-4 border-dashed border-gray-200 text-xl font-semibold text-gray-300" }, "children"))));
 }

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

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./list-item").ListItemProps & React.RefAttributes<HTMLAnchorElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/list-item/list-item.stories.js

@@ -7,10 +7,6 @@ exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const icon_1 = require("../icon");
 const index_1 = require("./index");
-exports.default = {
-    title: "UI/ListItem",
-    component: index_1.ListItem,
-};
 function Default() {
     // eslint-disable-next-line no-console
     const onClick = console.log;

package/loader/loader.stories.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./loader").LoaderProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/loader/loader.stories.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const loader_1 = require("./loader");
-exports.default = {
-    title: "UI/Loader",
-    component: loader_1.Loader,
-};
 function Default() {
     const loaders = (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(loader_1.Loader, { size: "sm" }),

package/message/message.js

@@ -26,22 +26,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Message = void 0;
 const cx_1 = require("@uxf/core/utils/cx");
 const react_1 = __importStar(require("react"));
-const dialog_1 = require("../dialog");
+const dialog_1 = require("../dialog/dialog");
 const message_content_1 = require("./message-content");
+const getMessageContent = (newMessage, closeDialog) => (react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: newMessage.CustomIconComponent, acceptLabel: newMessage.acceptLabel, cancelLabel: newMessage.cancelLabel, color: newMessage.color, description: newMessage.description, icon: newMessage.icon, onAccept: newMessage.onAccept, onCancel: newMessage.onCancel, onClose: closeDialog, title: newMessage.title, variant: newMessage.variant }, newMessage.children));
 exports.Message = (0, react_1.forwardRef)((props, ref) => {
     var _a;
     const [content, setContent] = (0, react_1.useState)();
-    const message = (0, react_1.useCallback)((newConfirm) => setContent(newConfirm), []);
-    const close = (0, react_1.useCallback)(() => setContent(null), []);
+    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)();
+    const openMessage = (newMessage) => {
+        openDialog(getMessageContent(newMessage, closeDialog));
+        setContent(newMessage);
+    };
     const innerRef = (0, react_1.useRef)({
-        close,
-        message,
+        close: closeDialog,
+        message: openMessage,
     });
     (0, react_1.useImperativeHandle)(ref, () => ({
         close: innerRef.current.close,
         message: innerRef.current.message,
     }), []);
-    return content ? (react_1.default.createElement(dialog_1.Dialog, { className: (0, cx_1.cx)("uxf-message", `uxf-message--variant-${(_a = content.variant) !== null && _a !== void 0 ? _a : "simple"}`, `uxf-message--color-${content.color}`, content.className), disableBackdropClose: true, onClose: close, open: true },
-        react_1.default.createElement(message_content_1.MessageContent, { CustomIconComponent: content.CustomIconComponent, acceptLabel: content.acceptLabel, cancelLabel: content.cancelLabel, color: content.color, description: content.description, icon: content.icon, onAccept: content.onAccept, onCancel: content.onCancel, onClose: close, title: content.title, variant: content.variant }, content.children))) : null;
+    return (react_1.default.createElement(DialogProvider, { className: (0, cx_1.cx)("uxf-message", `uxf-message--variant-${(_a = content === null || content === void 0 ? void 0 : content.variant) !== null && _a !== void 0 ? _a : "simple"}`, `uxf-message--color-${content === null || content === void 0 ? void 0 : content.color}`, content === null || content === void 0 ? void 0 : content.className) }, content ? getMessageContent(content, closeDialog) : null));
 });
 exports.Message.displayName = "UxfUiMessage";

package/modal/modal.d.ts

@@ -4,7 +4,7 @@ import type { DialogProps } from "../dialog";
 export interface ModalProps {
     children: ReactNode;
     className?: DialogProps["className"];
-    disableBackdropClose?: DialogProps["disableBackdropClose"];
+    isBackdropCloseDisabled?: DialogProps["isBackdropCloseDisabled"];
     onClose?: () => void;
     variant?: ModalVariant;
     width?: ModalWidth;

package/modal/modal.js

@@ -26,27 +26,32 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Modal = void 0;
 const react_1 = __importStar(require("react"));
-const dialog_1 = require("../dialog");
+const dialog_1 = require("../dialog/dialog");
 exports.Modal = (0, react_1.forwardRef)((props, ref) => {
     var _a, _b, _c;
     const [content, setContent] = (0, react_1.useState)();
-    const open = (0, react_1.useCallback)((newModal) => setContent(newModal), []);
-    const close = (0, react_1.useCallback)(() => setContent(null), []);
+    const { openDialog, DialogProvider, closeDialog } = (0, dialog_1.useDialog)({
+        onDialogClose: content === null || content === void 0 ? void 0 : content.onClose,
+        isBackdropCloseDisabled: content === null || content === void 0 ? void 0 : content.isBackdropCloseDisabled,
+    });
+    const openModalHandler = (modal) => {
+        openDialog(modal.children);
+        setContent(modal);
+    };
+    const closeModalHandler = () => {
+        if (content === null || content === void 0 ? void 0 : content.onClose) {
+            content.onClose();
+        }
+        closeDialog();
+    };
     const innerRef = (0, react_1.useRef)({
-        close,
-        open,
+        close: closeModalHandler,
+        open: openModalHandler,
     });
     (0, react_1.useImperativeHandle)(ref, () => ({
         close: innerRef.current.close,
         open: innerRef.current.open,
     }), []);
-    const onClose = (0, react_1.useCallback)(() => {
-        setContent((prev) => {
-            var _a;
-            (_a = prev === null || prev === void 0 ? void 0 : prev.onClose) === null || _a === void 0 ? void 0 : _a.call(prev);
-            return null;
-        });
-    }, []);
-    return content ? (react_1.default.createElement(dialog_1.Dialog, { className: `uxf-modal uxf-modal--variant-${(_a = content.variant) !== null && _a !== void 0 ? _a : "default"} uxf-modal--width-${(_b = content.width) !== null && _b !== void 0 ? _b : "default"} ${(_c = content.className) !== null && _c !== void 0 ? _c : ""}`, disableBackdropClose: content.disableBackdropClose, onClose: onClose, open: true, variant: content.variant }, content.children)) : null;
+    return (react_1.default.createElement(DialogProvider, { className: `uxf-modal uxf-modal--variant-${(_a = content === null || content === void 0 ? void 0 : content.variant) !== null && _a !== void 0 ? _a : "default"} uxf-modal--width-${(_b = content === null || content === void 0 ? void 0 : content.width) !== null && _b !== void 0 ? _b : "default"} ${(_c = content === null || content === void 0 ? void 0 : content.className) !== null && _c !== void 0 ? _c : ""}`, variant: content === null || content === void 0 ? void 0 : content.variant, width: content === null || content === void 0 ? void 0 : content.width }));
 });
 exports.Modal.displayName = "UxfUiModal";

package/modal/modal.stories.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<React.RefAttributes<import("./modal").ModalRef>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/modal/modal.stories.js

@@ -6,18 +6,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const button_1 = require("@uxf/ui/button");
 const react_1 = __importDefault(require("react"));
-const modal_1 = require("./modal");
 const modal_service_1 = require("./modal-service");
-exports.default = {
-    title: "UI/Modal",
-    component: modal_1.Modal,
-};
 function Default() {
     const storyModals = (react_1.default.createElement("div", { className: "light inline-flex flex-col space-y-4" },
         react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
                 children: (react_1.default.createElement("div", { className: "p-4" },
                     react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - default size"),
                     react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal"))),
+                onClose: () => console.log("modal closed"),
             }) }, "Click to open modal - default"),
         react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
                 children: (react_1.default.createElement("div", { className: "p-4" },
@@ -53,7 +49,7 @@ function Default() {
                 children: (react_1.default.createElement("div", { className: "p-4" },
                     react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - disable backdrop close"),
                     react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal"))),
-                disableBackdropClose: true,
+                isBackdropCloseDisabled: true,
             }) }, "Click to open modal - disable backdrop close"),
         react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
                 children: (react_1.default.createElement("div", { className: "p-4" },

package/multi-combobox/multi-combobox.stories.d.ts

@@ -1,10 +1,4 @@
 import React from "react";
-import { MultiComboboxOption } from "./types";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./types").MultiComboboxProps<import("./types").MultiComboboxValueId, MultiComboboxOption<import("./types").MultiComboboxValueId>> & React.RefAttributes<HTMLInputElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;
 export declare function Async(): React.JSX.Element;
 export declare function ComponentStructure(): React.JSX.Element;

package/multi-combobox/multi-combobox.stories.js

@@ -33,10 +33,6 @@ const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const component_structure_analyzer_1 = __importDefault(require("../utils/component-structure-analyzer"));
 const multi_combobox_1 = require("./multi-combobox");
-exports.default = {
-    title: "UI/MultiCombobox",
-    component: multi_combobox_1.MultiCombobox,
-};
 const options = [
     { id: "one", label: "Option red", color: "red" },
     { id: "two", label: "Option blue", color: "blue", disabled: true },

package/multi-select/multi-select.stories.d.ts

@@ -1,9 +1,3 @@
 import React from "react";
-import { MultiSelectOption } from "./types";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./types").MultiSelectProps<import("./types").MultiSelectValueId, MultiSelectOption<import("./types").MultiSelectValueId>> & React.RefAttributes<HTMLDivElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;
 export declare function ComponentStructure(): React.JSX.Element;

package/multi-select/multi-select.stories.js

@@ -32,10 +32,6 @@ const component_structure_analyzer_1 = __importDefault(require("@uxf/ui/utils/co
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const multi_select_1 = require("./multi-select");
-exports.default = {
-    title: "UI/MultiSelect",
-    component: multi_select_1.MultiSelect,
-};
 const options = [
     { id: "one", label: "Option red", color: "red" },
     { id: "two", label: "Option blue", color: "blue" },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@uxf/ui",
-    "version": "11.45.1",
+    "version": "11.47.0",
     "description": "",
     "publishConfig": {
         "access": "public"
@@ -23,10 +23,10 @@
     "dependencies": {
         "@floating-ui/react": "0.26.28",
         "@headlessui/react": "1.7.19",
-        "@uxf/core": "11.45.0",
-        "@uxf/core-react": "11.45.0",
+        "@uxf/core": "11.47.0",
+        "@uxf/core-react": "11.47.0",
         "@uxf/datepicker": "11.45.0",
-        "@uxf/styles": "11.45.0",
+        "@uxf/styles": "11.47.0",
         "color2k": "2.0.3",
         "dayjs": "1.11.13",
         "jump.js": "1.0.2",

package/pagination/pagination.stories.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.FC<import("./pagination").PaginationProps>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/pagination/pagination.stories.js

@@ -27,10 +27,6 @@ exports.Default = Default;
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const pagination_1 = require("./pagination");
-exports.default = {
-    title: "UI/Pagination",
-    component: pagination_1.Pagination,
-};
 function Default() {
     const [page, setPage] = (0, react_1.useState)(1);
     const onPageChange = (0, action_1.action)("onPageChange", setPage);

package/paper/paper.stories.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./paper").PaperProps & React.RefAttributes<HTMLDivElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/paper/paper.stories.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const paper_1 = require("./paper");
-exports.default = {
-    title: "UI/Paper",
-    component: paper_1.Paper,
-};
 function Default() {
     return (react_1.default.createElement("div", { className: "flex items-center justify-center bg-gray-100" },
         react_1.default.createElement(paper_1.Paper, null,

package/radio/radio.stories.d.ts

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./radio").RadioProps<string | number> & React.RefAttributes<HTMLDivElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

package/radio/radio.stories.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const index_1 = require("./index");
-exports.default = {
-    title: "UI/Radio",
-    component: index_1.Radio,
-};
 function Default() {
     const radios = (react_1.default.createElement("div", { className: "dark:text-white" },
         react_1.default.createElement("div", { className: "mb-2 mt-4 font-semibold" }, "Default"),

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

@@ -1,7 +1,2 @@
 import React from "react";
-declare const _default: {
-    title: string;
-    component: React.ForwardRefExoticComponent<import("./radio-group").RadioGroupProps & React.RefAttributes<HTMLLabelElement>>;
-};
-export default _default;
 export declare function Default(): React.JSX.Element;

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

@@ -27,10 +27,6 @@ exports.Default = Default;
 const react_1 = __importStar(require("react"));
 const action_1 = require("../utils/action");
 const index_1 = require("./index");
-exports.default = {
-    title: "UI/RadioGroup",
-    component: index_1.RadioGroup,
-};
 const options = [
     {
         id: "1",

package/raster-image/raster-image.stories.d.ts

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

package/raster-image/raster-image.stories.js

@@ -6,10 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Default = Default;
 const react_1 = __importDefault(require("react"));
 const index_1 = require("./index");
-exports.default = {
-    title: "UI/RasterImage",
-    component: index_1.RasterImage,
-};
 function Default() {
     return (react_1.default.createElement("div", { className: "space-y-2" },
         react_1.default.createElement(index_1.RasterImage, { alt: "Alt text", height: 100, mode: "cover", src: undefined, width: 300 })));

package/readmes.d.ts

@@ -31,6 +31,7 @@ export declare const readmes: {
     readonly icon: typeof alertBubbleReadme;
     readonly "icon-button": typeof alertBubbleReadme;
     readonly "image-gallery": typeof alertBubbleReadme;
+    readonly infobox: typeof alertBubbleReadme;
     readonly input: typeof alertBubbleReadme;
     readonly label: typeof alertBubbleReadme;
     readonly layout: typeof alertBubbleReadme;