@uxf/ui 11.72.0 → 11.74.0

package/lozenge/lozenge.stories.js

@@ -1,16 +0,0 @@
-"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 lozenge_1 = require("@uxf/ui/lozenge");
-const react_1 = __importDefault(require("react"));
-const storybook_config_1 = require("../utils/storybook-config");
-function Default() {
-    const config = (0, storybook_config_1.useStorybookConfig)("Lozenge");
-    return (react_1.default.createElement("div", { className: "grid w-80 grid-cols-2 justify-items-start gap-4 p-8" }, config.colors.map((color) => config.variants.map((variant) => (react_1.default.createElement(lozenge_1.Lozenge, { color: color, key: variant + color, variant: variant },
-        variant,
-        " / ",
-        color))))));
-}

package/lozenge/theme.d.ts

@@ -1,14 +0,0 @@
-export interface LozengeColors {
-    blue: true;
-    default: true;
-    green: true;
-    indigo: true;
-    orange: true;
-    red: true;
-}
-export interface LozengeVariants {
-    default: true;
-    muted: true;
-}
-export type LozengeColor = keyof LozengeColors;
-export type LozengeVariant = keyof LozengeVariants;

package/lozenge/theme.js

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

package/message/index.d.ts

@@ -1,3 +0,0 @@
-export { Message } from "./message";
-export type { MessageProps, MessageRef } from "./message";
-export { MessageService } from "./message-service";

package/message/index.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageService = exports.Message = void 0;
-var message_1 = require("./message");
-Object.defineProperty(exports, "Message", { enumerable: true, get: function () { return message_1.Message; } });
-var message_service_1 = require("./message-service");
-Object.defineProperty(exports, "MessageService", { enumerable: true, get: function () { return message_service_1.MessageService; } });

package/message/message-content.d.ts

@@ -1,20 +0,0 @@
-import { FC, ReactNode } from "react";
-import { IconName } from "../icon/types";
-import { MessageColor, MessageVariant } from "./theme";
-export interface ConfirmProps {
-    CustomIconComponent?: ReactNode;
-    acceptLabel?: string;
-    cancelLabel: string;
-    children?: ReactNode;
-    className?: string;
-    color: MessageColor;
-    description?: string;
-    icon?: IconName;
-    onAccept?: () => void;
-    onCancel?: () => void;
-    onClose: () => void;
-    title: string;
-    variant?: MessageVariant;
-}
-/** @deprecated use ModalDialog */
-export declare const MessageContent: FC<ConfirmProps>;

package/message/message-content.js

@@ -1,42 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageContent = void 0;
-const react_1 = __importDefault(require("react"));
-const alert_bubble_1 = require("../alert-bubble");
-const button_1 = require("../button");
-const BUTTON_COLOR = {
-    default: "default",
-    error: "negative",
-    warning: "warning",
-    success: "positive",
-};
-/** @deprecated use ModalDialog */
-const MessageContent = (props) => {
-    var _a, _b, _c;
-    const onAcceptClick = () => {
-        var _a;
-        props.onClose();
-        (_a = props.onAccept) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    const onCancelClick = () => {
-        var _a;
-        props.onClose();
-        (_a = props.onCancel) === null || _a === void 0 ? void 0 : _a.call(props);
-    };
-    const isCentered = props.variant === "centered";
-    return (react_1.default.createElement("div", { className: `uxf-message__content ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
-        react_1.default.createElement("div", { className: "uxf-message__content-wrapper" },
-            props.CustomIconComponent !== null ? (react_1.default.createElement("div", { className: "uxf-message__icon-wrapper" }, (_b = props.CustomIconComponent) !== null && _b !== void 0 ? _b : (react_1.default.createElement(alert_bubble_1.AlertBubble, { className: "uxf-message__alert-bubble", color: props.color, icon: props.icon, size: isCentered ? "default" : "xs" })))) : null,
-            react_1.default.createElement("div", { className: "uxf-message__text-content" },
-                react_1.default.createElement("h2", { className: "uxf-message__title" }, props.title),
-                react_1.default.createElement("p", { className: "uxf-message__description" }, props.description)),
-            props.children),
-        react_1.default.createElement("div", { className: "uxf-message__buttons-wrapper" },
-            react_1.default.createElement(button_1.Button, { className: "uxf-message__cancel-button", isFullWidth: isCentered, onClick: onCancelClick, variant: "secondary" }, props.cancelLabel),
-            props.onAccept ? (react_1.default.createElement(button_1.Button, { className: "uxf-message__accept-button", color: BUTTON_COLOR[props.color], isFullWidth: isCentered, onClick: onAcceptClick }, (_c = props.acceptLabel) !== null && _c !== void 0 ? _c : "Ok")) : null)));
-};
-exports.MessageContent = MessageContent;
-exports.MessageContent.displayName = "UxfUiConfirmContent";

package/message/message-service.d.ts

@@ -1,13 +0,0 @@
-import type { MessageProps, MessageRef } from "./message";
-declare function getMessageRef(): import("react").RefObject<MessageRef>;
-declare function openAlert(confirm: Omit<MessageProps, "onAccept" | "acceptLabel">): void;
-declare function openConfirm(confirm: Omit<MessageProps, "onAccept" | "acceptLabel"> & Required<Pick<MessageProps, "onAccept" | "acceptLabel">>): void;
-declare function close(): void;
-/** @deprecated use openModal with ModalDialog component */
-export declare const MessageService: {
-    getMessageRef: typeof getMessageRef;
-    openAlert: typeof openAlert;
-    openConfirm: typeof openConfirm;
-    close: typeof close;
-};
-export {};

package/message/message-service.js

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MessageService = void 0;
-const react_1 = require("react");
-const messageRef = (0, react_1.createRef)();
-function getMessageRef() {
-    return messageRef;
-}
-function openAlert(confirm) {
-    if (messageRef.current) {
-        messageRef.current.message(confirm);
-    }
-}
-function openConfirm(confirm) {
-    if (messageRef.current) {
-        messageRef.current.message(confirm);
-    }
-}
-function close() {
-    if (messageRef.current) {
-        messageRef.current.close();
-    }
-}
-/** @deprecated use openModal with ModalDialog component */
-exports.MessageService = {
-    getMessageRef,
-    openAlert,
-    openConfirm,
-    close,
-};

package/message/message.d.ts

@@ -1,24 +0,0 @@
-import { MessageColor, MessageVariant } from "@uxf/ui/message/theme";
-import React, { ReactNode } from "react";
-import { DialogPanelWidth } from "../dialog";
-import { IconName } from "../icon/types";
-export interface MessageProps {
-    CustomIconComponent?: ReactNode;
-    acceptLabel?: string;
-    cancelLabel: string;
-    children?: ReactNode;
-    className?: string;
-    color: MessageColor;
-    description?: string;
-    icon?: IconName;
-    onAccept?: () => void;
-    onCancel?: () => void;
-    title: string;
-    variant?: MessageVariant;
-    width?: DialogPanelWidth;
-}
-export interface MessageRef {
-    close: () => void;
-    message: (message: MessageProps) => void;
-}
-export declare const Message: React.ForwardRefExoticComponent<React.RefAttributes<MessageRef>>;

package/message/message.js

@@ -1,55 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-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_2 = require("../dialog/dialog");
-const message_content_1 = require("./message-content");
-const getMessageContent = (newMessage, closeDialog) => {
-    var _a;
-    return (react_1.default.createElement(dialog_1.DialogPanel, { width: (_a = newMessage.width) !== null && _a !== void 0 ? _a : (newMessage.variant === "centered" ? "sm" : "xs") },
-        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 { openDialog, DialogProvider, closeDialog } = (0, dialog_2.useDialog)({ isBackdropCloseDisabled: true });
-    const openMessage = (newMessage) => {
-        openDialog(getMessageContent(newMessage, closeDialog));
-        setContent(newMessage);
-    };
-    const innerRef = (0, react_1.useRef)({
-        close: closeDialog,
-        message: openMessage,
-    });
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        close: innerRef.current.close,
-        message: innerRef.current.message,
-    }), []);
-    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/message/message.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/message/message.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const message_stories_1 = require("./message.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(message_stories_1.Default, null));

package/message/message.stories.d.ts

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

package/message/message.stories.js

@@ -1,71 +0,0 @@
-"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_config_1 = require("../utils/storybook-config");
-const message_service_1 = require("./message-service");
-const getConfirmForSize = (variant, colors) => {
-    const confirmTypes = colors.map((color) => (react_1.default.createElement("div", { className: "space-y-2", key: color },
-        react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => message_service_1.MessageService.openConfirm({
-                acceptLabel: "Potvrdit",
-                cancelLabel: "Zrušit",
-                title: "Title",
-                description: "Description",
-                /* eslint-disable no-console */
-                onAccept: () => console.log("accepted"),
-                onCancel: () => console.log("canceled"),
-                color,
-                variant,
-            }) },
-            "Click to open ",
-            variant,
-            " ",
-            color,
-            " confirm"),
-        react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => message_service_1.MessageService.openAlert({
-                cancelLabel: "Rozumím",
-                title: "Title",
-                description: "Description",
-                /* eslint-disable no-console */
-                onCancel: () => console.log("canceled"),
-                color,
-                variant,
-            }) },
-            "Click to open ",
-            variant,
-            " ",
-            color,
-            " alert"),
-        react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: () => message_service_1.MessageService.openConfirm({
-                CustomIconComponent: null,
-                acceptLabel: "Potvrdit",
-                cancelLabel: "Zrušit",
-                title: "Title",
-                description: "Description",
-                /* eslint-disable no-console */
-                onAccept: () => console.log("accepted"),
-                onCancel: () => console.log("canceled"),
-                color,
-                variant,
-            }) },
-            "Click to open ",
-            variant,
-            " ",
-            color,
-            " confirm no icon"))));
-    return (react_1.default.createElement("div", { className: "grid gap-4" },
-        react_1.default.createElement("div", { className: "flex w-full flex-col gap-2" }, confirmTypes)));
-};
-function Default() {
-    const config = (0, storybook_config_1.useStorybookConfig)("Message");
-    return (react_1.default.createElement("div", { className: "flex justify-center lg:flex-row dark:text-white" },
-        react_1.default.createElement("div", { className: "space-y-4 rounded p-10" },
-            react_1.default.createElement("div", { className: "uxf-typo-h5" }, "default"),
-            react_1.default.createElement("div", { className: "flex flex-col space-y-4 px-5" }, getConfirmForSize("centered", config.colors)),
-            react_1.default.createElement("div", { className: "uxf-typo-h5" }, "simple"),
-            react_1.default.createElement("div", { className: "flex flex-col space-y-4 px-5" }, getConfirmForSize("simple", config.colors)))));
-}

package/message/theme.d.ts

@@ -1,12 +0,0 @@
-export interface MessageColors {
-    default: true;
-    success: true;
-    error: true;
-    warning: true;
-}
-export type MessageColor = keyof MessageColors;
-export interface MessageVariants {
-    simple: true;
-    centered: true;
-}
-export type MessageVariant = keyof MessageVariants;

package/message/theme.js

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

package/modal/index.d.ts

@@ -1,4 +0,0 @@
-export { Modal } from "./modal";
-export { ModalProvider } from "./modal-provider";
-export { closeModal, getModalRef, openModal } from "./modal-service";
-export type { ModalProps, ModalProviderProps, ModalRef, ModalVariant } from "./types";

package/modal/index.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.openModal = exports.getModalRef = exports.closeModal = exports.ModalProvider = exports.Modal = void 0;
-var modal_1 = require("./modal");
-Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return modal_1.Modal; } });
-var modal_provider_1 = require("./modal-provider");
-Object.defineProperty(exports, "ModalProvider", { enumerable: true, get: function () { return modal_provider_1.ModalProvider; } });
-var modal_service_1 = require("./modal-service");
-Object.defineProperty(exports, "closeModal", { enumerable: true, get: function () { return modal_service_1.closeModal; } });
-Object.defineProperty(exports, "getModalRef", { enumerable: true, get: function () { return modal_service_1.getModalRef; } });
-Object.defineProperty(exports, "openModal", { enumerable: true, get: function () { return modal_service_1.openModal; } });

package/modal/modal-provider.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { ModalRef } from "./types";
-export declare const ModalProvider: React.ForwardRefExoticComponent<React.RefAttributes<ModalRef>>;

package/modal/modal-provider.js

@@ -1,57 +0,0 @@
-"use strict";
-"use client";
-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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ModalProvider = void 0;
-const react_1 = __importStar(require("react"));
-const dialog_1 = require("../dialog/dialog");
-exports.ModalProvider = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b;
-    const [content, setContent] = (0, react_1.useState)();
-    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: closeModalHandler,
-        open: openModalHandler,
-    });
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        close: innerRef.current.close,
-        open: innerRef.current.open,
-    }), []);
-    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"} ${(_b = content === null || content === void 0 ? void 0 : content.className) !== null && _b !== void 0 ? _b : ""}`, variant: content === null || content === void 0 ? void 0 : content.variant }));
-});
-exports.ModalProvider.displayName = "UxfUiModalProvider";

package/modal/modal-service.d.ts

@@ -1,4 +0,0 @@
-import { ModalProviderProps, ModalRef } from "./types";
-export declare function getModalRef(): import("react").RefObject<ModalRef>;
-export declare function openModal(modal: ModalProviderProps): void;
-export declare function closeModal(): void;

package/modal/modal-service.js

@@ -1,20 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getModalRef = getModalRef;
-exports.openModal = openModal;
-exports.closeModal = closeModal;
-const react_1 = require("react");
-const modalRef = (0, react_1.createRef)();
-function getModalRef() {
-    return modalRef;
-}
-function openModal(modal) {
-    if (modalRef.current) {
-        modalRef.current.open(modal);
-    }
-}
-function closeModal() {
-    if (modalRef.current) {
-        modalRef.current.close();
-    }
-}

package/modal/modal.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { ModalProps } from "./types";
-export declare function Modal(props: ModalProps): React.JSX.Element;

package/modal/modal.js

@@ -1,27 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = Modal;
-const react_1 = require("@floating-ui/react");
-const use_latest_1 = require("@uxf/core-react/hooks/use-latest");
-const dialog_1 = require("@uxf/ui/dialog");
-const react_2 = __importDefault(require("react"));
-function Modal(props) {
-    var _a, _b;
-    const { refs, context } = (0, react_1.useFloating)({
-        open: props.isOpen,
-        onOpenChange(nextOpen, event, reason) {
-            if (!props.isBackdropCloseDisabled && (reason === "escape-key" || reason === "outside-press")) {
-                props.close();
-            }
-        },
-    });
-    const click = (0, react_1.useClick)(context);
-    const role = (0, react_1.useRole)(context);
-    const dismiss = (0, react_1.useDismiss)(context, { outsidePressEvent: "mousedown", escapeKey: true });
-    const { getFloatingProps } = (0, react_1.useInteractions)([click, role, dismiss]);
-    const latestContext = (0, use_latest_1.useLatest)(context);
-    return (react_2.default.createElement(dialog_1.Dialog, { className: `uxf-modal uxf-modal--variant-${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, context: latestContext.current, forwardedRef: refs.setFloating, getFloatingProps: getFloatingProps, isOpen: props.isOpen, variant: props.variant }, props.children));
-}

package/modal/modal.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/modal/modal.spec.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const snap_test_1 = require("../utils/snap-test");
-const modal_stories_1 = require("./modal.stories");
-(0, snap_test_1.snapTest)("render stories", react_1.default.createElement(modal_stories_1.Default, null));

package/modal/modal.stories.d.ts

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

package/modal/modal.stories.js

@@ -1,109 +0,0 @@
-"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = Default;
-exports.ModalProvider = ModalProvider;
-const button_1 = require("@uxf/ui/button");
-const dialog_1 = require("@uxf/ui/dialog");
-const react_1 = __importStar(require("react"));
-const modal_1 = require("./modal");
-const modal_service_1 = require("./modal-service");
-function Default() {
-    const [isOpenXs, setIsOpenXs] = (0, react_1.useState)(false);
-    const [isOpenRightDrawer, setIsOpenRightDrawer] = (0, react_1.useState)(false);
-    const [isOpenDisableBackdrop, setIsOpenDisableBackdrop] = (0, react_1.useState)(false);
-    return (react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" },
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(button_1.Button, { onClick: () => setIsOpenXs(true) }, "Click to open modal xs"),
-            react_1.default.createElement(modal_1.Modal, { close: () => setIsOpenXs(false), isOpen: isOpenXs },
-                react_1.default.createElement(dialog_1.DialogPanel, { width: "xs" }, "Whatever content inside Modal xs"))),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(button_1.Button, { onClick: () => setIsOpenRightDrawer(true) }, "Click to open modal drawer-right"),
-            react_1.default.createElement(modal_1.Modal, { close: () => setIsOpenRightDrawer(false), isOpen: isOpenRightDrawer, variant: "drawer-right" },
-                react_1.default.createElement(dialog_1.DialogPanel, null, "Whatever content inside Modal drawer-right"))),
-        react_1.default.createElement("div", null,
-            react_1.default.createElement(button_1.Button, { onClick: () => setIsOpenDisableBackdrop(true) }, "Click to open modal DisableBackdrop"),
-            react_1.default.createElement(modal_1.Modal, { close: () => setIsOpenDisableBackdrop(false), isBackdropCloseDisabled: true, isOpen: isOpenDisableBackdrop },
-                react_1.default.createElement(dialog_1.DialogPanel, null,
-                    react_1.default.createElement("div", { className: "p-4" },
-                        react_1.default.createElement("p", null, "Whatever content inside DisableBackdrop:"),
-                        react_1.default.createElement(button_1.Button, { className: "mt-2", onClick: () => setIsOpenDisableBackdrop(false) }, "Close")))))));
-}
-function ModalProvider() {
-    return (react_1.default.createElement("div", { className: "space-y-2 p-20 lg:w-1/2" },
-        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(dialog_1.DialogPanel, null,
-                        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(dialog_1.DialogPanel, { width: "xs" },
-                        react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - xs size"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal")))),
-                }) }, "Click to open modal - xs"),
-            react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
-                    children: (react_1.default.createElement(dialog_1.DialogPanel, { width: "sm" },
-                        react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - sm size"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal")))),
-                }) }, "Click to open modal - sm"),
-            react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
-                    children: (react_1.default.createElement(dialog_1.DialogPanel, { width: "lg" },
-                        react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - lg size"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal")))),
-                }) }, "Click to open modal - lg"),
-            react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
-                    children: (react_1.default.createElement(dialog_1.DialogPanel, { width: "xl" },
-                        react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - xl size"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal")))),
-                }) }, "Click to open modal - xl"),
-            react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
-                    children: (react_1.default.createElement(dialog_1.DialogPanel, null,
-                        react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - dark"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal")))),
-                    className: "dark",
-                }) }, "Click to open modal - dark"),
-            react_1.default.createElement(button_1.Button, { onClick: () => (0, modal_service_1.openModal)({
-                    children: (react_1.default.createElement(dialog_1.DialogPanel, null,
-                        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")))),
-                    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(dialog_1.DialogPanel, null,
-                        react_1.default.createElement("div", { className: "p-4" },
-                            react_1.default.createElement("p", { className: "mb-3 text-lg font-bold" }, "Modal - variant right drawer"),
-                            react_1.default.createElement(button_1.Button, { isFullWidth: true, onClick: modal_service_1.closeModal }, "Close modal")))),
-                    variant: "drawer-right",
-                }) }, "Click to open modal - variant right drawer"))));
-}

package/modal/theme.d.ts

@@ -1,4 +0,0 @@
-export interface ModalVariants {
-    default: true;
-    "drawer-right": true;
-}

package/modal/theme.js

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