@q2devel/q2-storybook 1.0.160 → 1.0.164

package/dist/auth/hooks/useCurrentUserUpdateHookFactory.js

@@ -2,7 +2,7 @@ import { useContext, useCallback } from 'react';
 import { updateCurrentUser } from '../service/AuthService';
 const createUseCurrentUserUpdateHook = (AuthContext) => {
     return () => {
-        const { axiosInstance, config, addLoading, removeLoading, setCurrentUser } = useContext(AuthContext);
+        const { axiosInstance, config, addLoading, removeLoading, setCurrentUser, } = useContext(AuthContext);
         const loading = useContext(AuthContext).loading;
         const isLoading = loading.includes('UPDATE_CURRENT_USER');
         const updateCallback = useCallback(async (data) => {

package/dist/auth/hooks/useCurrentUserUpdatePasswordHookFactory.js

@@ -2,7 +2,7 @@ import { useContext, useCallback } from 'react';
 import { updateCurrentUserPassword } from '../service/AuthService';
 const createUseCurrentUserUpdatePasswordHook = (AuthContext) => {
     return () => {
-        const { axiosInstance, config, addLoading, removeLoading, setAccessToken, setCurrentUser } = useContext(AuthContext);
+        const { axiosInstance, config, addLoading, removeLoading, setAccessToken, setCurrentUser, } = useContext(AuthContext);
         const loading = useContext(AuthContext).loading;
         const isLoading = loading.includes('UPDATE_CURRENT_USER_PASSWORD');
         const updatePasswordCallback = useCallback(async (data) => {
@@ -21,7 +21,14 @@ const createUseCurrentUserUpdatePasswordHook = (AuthContext) => {
             finally {
                 removeLoading('UPDATE_CURRENT_USER_PASSWORD');
             }
-        }, [axiosInstance, config, addLoading, removeLoading, setAccessToken, setCurrentUser]);
+        }, [
+            axiosInstance,
+            config,
+            addLoading,
+            removeLoading,
+            setAccessToken,
+            setCurrentUser,
+        ]);
         return {
             updateCurrentUserPassword: updatePasswordCallback,
             isLoading,

package/dist/auth/hooks/useResetPasswordHookFactory.js

@@ -2,7 +2,7 @@ import { useContext, useCallback } from 'react';
 import { resetPassword } from '../service/AuthService';
 const createUseResetPasswordHook = (AuthContext) => {
     return () => {
-        const { axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading } = useContext(AuthContext);
+        const { axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading, } = useContext(AuthContext);
         const loading = useContext(AuthContext).loading;
         const isLoading = loading.includes('RESET_PASSWORD');
         const resetPasswordCallback = useCallback(async (data) => {
@@ -19,7 +19,14 @@ const createUseResetPasswordHook = (AuthContext) => {
             finally {
                 removeLoading('RESET_PASSWORD');
             }
-        }, [axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading]);
+        }, [
+            axiosInstance,
+            config,
+            setAccessToken,
+            setCurrentUser,
+            addLoading,
+            removeLoading,
+        ]);
         return {
             resetPassword: resetPasswordCallback,
             isLoading,

package/dist/auth/hooks/useSignInHookFactory.js

@@ -3,7 +3,7 @@ import { useContext, useCallback } from 'react';
 import { signIn } from '../service/AuthService';
 const createUseSignInHook = (AuthContext) => {
     return () => {
-        const { axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading } = useContext(AuthContext);
+        const { axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading, } = useContext(AuthContext);
         const loading = useContext(AuthContext).loading;
         const isLoading = loading.includes('SIGN_IN');
         const signInCallback = useCallback(async (data, customApiUrl) => {
@@ -20,7 +20,14 @@ const createUseSignInHook = (AuthContext) => {
             finally {
                 removeLoading('SIGN_IN');
             }
-        }, [axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading]);
+        }, [
+            axiosInstance,
+            config,
+            setAccessToken,
+            setCurrentUser,
+            addLoading,
+            removeLoading,
+        ]);
         return {
             signIn: signInCallback,
             isLoading,

package/dist/auth/hooks/useSignOutHookFactory.js

@@ -20,7 +20,14 @@ const createUseSignOutHook = (AuthContext) => {
             finally {
                 removeLoading('SIGN_OUT');
             }
-        }, [axiosInstance, config, destroyAccessToken, setCurrentUser, addLoading, removeLoading]);
+        }, [
+            axiosInstance,
+            config,
+            destroyAccessToken,
+            setCurrentUser,
+            addLoading,
+            removeLoading,
+        ]);
         return {
             signOut: signOutCallback,
             isLoading,

package/dist/auth/hooks/useSignUpHookFactory.js

@@ -3,7 +3,7 @@ import { useContext, useCallback } from 'react';
 import { signUp } from '../service/AuthService';
 const createUseSignUpHook = (AuthContext) => {
     return () => {
-        const { axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading } = useContext(AuthContext);
+        const { axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading, } = useContext(AuthContext);
         const loading = useContext(AuthContext).loading;
         const isLoading = loading.includes('SIGN_UP');
         const signUpCallback = useCallback(async (data) => {
@@ -20,7 +20,14 @@ const createUseSignUpHook = (AuthContext) => {
             finally {
                 removeLoading('SIGN_UP');
             }
-        }, [axiosInstance, config, setAccessToken, setCurrentUser, addLoading, removeLoading]);
+        }, [
+            axiosInstance,
+            config,
+            setAccessToken,
+            setCurrentUser,
+            addLoading,
+            removeLoading,
+        ]);
         return {
             signUp: signUpCallback,
             isLoading,

package/dist/auth/provider/AuthContextProviderFactory.js

@@ -34,11 +34,18 @@ const createAuthContextProvider = (AuthContext) => {
             addLoading,
             removeLoading,
             destroyAccessToken,
-        }), [accessToken, currentUser, loading, isLogged, isReady, axiosInstance]);
+        }), [
+            accessToken,
+            currentUser,
+            loading,
+            isLogged,
+            isReady,
+            axiosInstance,
+        ]);
         useEffect(() => {
             setIsReady(true);
         }, []);
-        return _jsx(AuthContext.Provider, { value: authContextValue, children: children });
+        return (_jsx(AuthContext.Provider, { value: authContextValue, children: children }));
     };
     Provider.displayName = 'AuthContextProvider';
     return Provider;

package/dist/auth/service/AuthService.js

@@ -49,7 +49,8 @@ export const getCurrentUser = async (axios, config) => {
     return responseData;
 };
 export const updateCurrentUser = async (axios, config, requestData) => {
-    const requestType = config.currentUserUpdateRouteRequestDataType || config.defaultRequestType;
+    const requestType = config.currentUserUpdateRouteRequestDataType ||
+        config.defaultRequestType;
     const data = requestType === 'json' ? requestData : createFormData(requestData);
     const response = await axios.post(config.currentUserUpdateRoute, data);
     const responseData = config.getDataFromRequest(response.data);
@@ -60,7 +61,8 @@ export const updateCurrentUser = async (axios, config, requestData) => {
     };
 };
 export const updateCurrentUserPassword = async (axios, config, requestData) => {
-    const requestType = config.currentUserChangePasswordRouteRequestDataType || config.defaultRequestType;
+    const requestType = config.currentUserChangePasswordRouteRequestDataType ||
+        config.defaultRequestType;
     const data = requestType === 'json' ? requestData : createFormData(requestData);
     const response = await axios.post(config.currentUserChangePasswordRoute, data);
     const responseData = config.getDataFromRequest(response.data);
@@ -90,7 +92,8 @@ function createFormData(data) {
         if (data.hasOwnProperty(key)) {
             // Pokud je hodnota null nebo undefined, nepřidávej ji do FormData
             if (data[key] !== null && data[key] !== undefined) {
-                if (typeof data[key] === 'object' && !(data[key] instanceof File)) {
+                if (typeof data[key] === 'object' &&
+                    !(data[key] instanceof File)) {
                     formData.append(key, JSON.stringify(data[key]));
                 }
                 else {

package/dist/components/Base/badge/Badge.d.ts

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from "react";
+import { MouseEvent, ReactNode } from 'react';
 interface BadgeProps {
     children: ReactNode;
     onClick?: (e: MouseEvent) => void;

package/dist/components/Base/badge/Badge.js

@@ -1,4 +1,4 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const Badge = ({ children, onClick, color = "bg-blue-100 text-blue-800", className = "", labelClassName = "", rightIcon, }) => (_jsxs("span", { className: `inline-flex items-center rounded px-2.5 py-0.5 text-xs font-medium ${color} ${className}`, onClick: onClick, children: [_jsx("span", { className: labelClassName, children: children }), rightIcon && _jsx("span", { className: "ml-1", children: rightIcon })] }));
+const Badge = ({ children, onClick, color = 'bg-blue-100 text-blue-800', className = '', labelClassName = '', rightIcon, }) => (_jsxs("span", { className: `inline-flex items-center rounded px-2.5 py-0.5 text-xs font-medium ${color} ${className}`, onClick: onClick, children: [_jsx("span", { className: labelClassName, children: children }), rightIcon && _jsx("span", { className: "ml-1", children: rightIcon })] }));
 export default Badge;

package/dist/components/Base/blog-builder/BlogBuilder.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { BlogItem } from "@q2devel/q2-core";
-type ContentType = "text" | "l-text-r-image" | "r-text-l-image" | "image" | "video" | "table" | "carousel";
+import { ReactNode } from 'react';
+import { BlogItem } from '@q2devel/q2-core';
+type ContentType = 'text' | 'l-text-r-image' | 'r-text-l-image' | 'image' | 'video' | 'table' | 'carousel';
 interface BlogBuilderProps {
     /** The blog post to render. Can be null/undefined safely. */
     post?: BlogItem | null;

package/dist/components/Base/blog-builder/BlogBuilder.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ImageParagraph } from "./image-paragraph/ImageParagraph";
-import { TextAndMediaParagraph } from "./text-and-media-paragraph/TextAndMediaParagraph";
-import { TextParagraph } from "./text-paragraph/TextParagraph";
-import Heading from "../heading/Heading";
-import { VideoParagraph } from "./video-paragraph/VideoParagraph";
-import { CarouselParagraph } from "./carousel-paragraph/CarouselParagraph";
-import { formatDate } from "../../../utils/generalHelperFunction";
-const SkeletonLine = ({ className = "" }) => (_jsx("div", { className: `animate-pulse rounded bg-gray-200 ${className}` }));
-export const BlogBuilder = ({ post, contentType = "l-text-r-image", createdText = "Publikováno:", textClassName = "", tags: propTags, tagUrls, skeleton = false, emptyState = null, hideMetaIfEmpty = true, }) => {
+import { ImageParagraph } from './image-paragraph/ImageParagraph';
+import { TextAndMediaParagraph } from './text-and-media-paragraph/TextAndMediaParagraph';
+import { TextParagraph } from './text-paragraph/TextParagraph';
+import Heading from '../heading/Heading';
+import { VideoParagraph } from './video-paragraph/VideoParagraph';
+import { CarouselParagraph } from './carousel-paragraph/CarouselParagraph';
+import { formatDate } from '../../../utils/generalHelperFunction';
+const SkeletonLine = ({ className = '' }) => (_jsx("div", { className: `animate-pulse rounded bg-gray-200 ${className}` }));
+export const BlogBuilder = ({ post, contentType = 'l-text-r-image', createdText = 'Publikováno:', textClassName = '', tags: propTags, tagUrls, skeleton = false, emptyState = null, hideMetaIfEmpty = true, }) => {
     // Normalize fields so the component never explodes if post is missing/partial.
-    const title = post?.title ?? "";
-    const body = post?.body ?? "";
-    const imageUrl = post?.field_image_url ?? "";
+    const title = post?.title ?? '';
+    const body = post?.body ?? '';
+    const imageUrl = post?.field_image_url ?? '';
     const videoLink = post?.field_video_link;
     const created = post?.created;
     const carouselItems = Array.isArray(post?.field_carousel_items)
@@ -34,9 +34,9 @@ export const BlogBuilder = ({ post, contentType = "l-text-r-image", createdText
         if (!post)
             return null;
         switch (contentType) {
-            case "text":
-                return _jsx(TextParagraph, { content: { text: body } }, "text-content");
-            case "l-text-r-image":
+            case 'text':
+                return (_jsx(TextParagraph, { content: { text: body } }, "text-content"));
+            case 'l-text-r-image':
                 return (_jsx(TextAndMediaParagraph, { content: {
                         text: body,
                         image: imageUrl,
@@ -44,7 +44,7 @@ export const BlogBuilder = ({ post, contentType = "l-text-r-image", createdText
                         videoLink,
                         videoTitle: title,
                     }, mediaPosition: "right", textClassName: textClassName }, "text-image-content"));
-            case "r-text-l-image":
+            case 'r-text-l-image':
                 return (_jsx(TextAndMediaParagraph, { content: {
                         text: body,
                         image: imageUrl,
@@ -52,15 +52,15 @@ export const BlogBuilder = ({ post, contentType = "l-text-r-image", createdText
                         videoLink,
                         videoTitle: title,
                     }, mediaPosition: "left", textClassName: textClassName }, "text-image-content"));
-            case "image":
+            case 'image':
                 if (!imageUrl)
                     return null;
                 return (_jsx(ImageParagraph, { content: { src: imageUrl, alt: title } }, "image-content"));
-            case "video":
+            case 'video':
                 return (_jsx(VideoParagraph, { content: { videoLink, title }, textClassName: textClassName }, "video-content"));
-            case "carousel":
+            case 'carousel':
                 return (_jsx(CarouselParagraph, { bannerItems: carouselItems }, "carousel-content"));
-            case "table":
+            case 'table':
                 return (_jsx("div", { children: "Table Component (bude implementov\u00E1no)" }, "table-content"));
             default:
                 return (_jsxs("div", { children: ["Nezn\u00E1m\u00FD typ obsahu: ", contentType] }, "unknown-content"));
@@ -72,9 +72,9 @@ export const BlogBuilder = ({ post, contentType = "l-text-r-image", createdText
         }
         if (tags.length === 0)
             return null;
-        const baseClass = "inline-block px-3 py-1 text-sm rounded-full transition-colors";
-        const neutralClass = "bg-gray-100 text-gray-700";
-        const hoverable = "hover:bg-gray-200 cursor-pointer";
+        const baseClass = 'inline-block px-3 py-1 text-sm rounded-full transition-colors';
+        const neutralClass = 'bg-gray-100 text-gray-700';
+        const hoverable = 'hover:bg-gray-200 cursor-pointer';
         return (_jsx("div", { className: "flex flex-wrap items-center gap-2", children: tags.map((tag, idx) => {
                 const href = tagUrls?.[tag];
                 return href ? (_jsx("a", { href: href, className: `${baseClass} ${neutralClass} ${hoverable}`, "aria-label": `Zobrazit články s tagem ${tag}`, children: tag }, `${tag}-${idx}`)) : (_jsx("span", { className: `${baseClass} ${neutralClass}`, children: tag }, `${tag}-${idx}`));

package/dist/components/Base/blog-builder/text-and-media-paragraph/TextAndMediaParagraph.d.ts

@@ -9,5 +9,5 @@ type TextAndMediaParagraphProps = {
     mediaPosition: 'left' | 'right';
     textClassName?: string;
 };
-export declare const TextAndMediaParagraph: ({ content, mediaPosition, textClassName }: TextAndMediaParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TextAndMediaParagraph: ({ content, mediaPosition, textClassName, }: TextAndMediaParagraphProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Base/blog-builder/text-and-media-paragraph/TextAndMediaParagraph.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import HTMLReactParser from 'html-react-parser/lib/index';
 import { getYoutubeEmbedUrl } from '../../../../utils/Helper';
 import classNames from 'classnames';
-export const TextAndMediaParagraph = ({ content, mediaPosition, textClassName = 'mt-8' }) => {
+export const TextAndMediaParagraph = ({ content, mediaPosition, textClassName = 'mt-8', }) => {
     const hasVideo = content.videoLink && content.videoLink.trim() !== '';
     const hasImage = content.image && content.image.trim() !== '';
     const renderMedia = () => {

package/dist/components/Base/blog-builder/video-paragraph/VideoParagraph.d.ts

@@ -5,5 +5,5 @@ type VideoParagraphProps = {
     };
     textClassName?: string;
 };
-export declare const VideoParagraph: ({ content, textClassName }: VideoParagraphProps) => import("react/jsx-runtime").JSX.Element;
+export declare const VideoParagraph: ({ content, textClassName, }: VideoParagraphProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Base/blog-builder/video-paragraph/VideoParagraph.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { getYoutubeEmbedUrl } from '../../../../utils/Helper';
-export const VideoParagraph = ({ content, textClassName }) => {
+export const VideoParagraph = ({ content, textClassName, }) => {
     return (_jsx("div", { className: "mx-auto max-w-3xl", children: _jsx("div", { className: "w-full max-w-2xl aspect-video mx-auto", children: _jsx("iframe", { className: "w-full h-full", src: getYoutubeEmbedUrl(content.videoLink ?? ''), title: content.title ?? 'YouTube video player', allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share", referrerPolicy: "strict-origin-when-cross-origin", allowFullScreen: true }) }) }));
 };

package/dist/components/Base/heading/Heading.d.ts

@@ -5,5 +5,5 @@ interface HeadingProps {
     className?: string;
     id?: string;
 }
-declare const Heading: ({ level, children, className, id, }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
+declare const Heading: ({ level, children, className, id }: HeadingProps) => import("react/jsx-runtime").JSX.Element;
 export default Heading;

package/dist/components/Base/heading/Heading.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { buildClassesByJoining } from '../../../utils/StyleHelper';
-const Heading = ({ level = 1, children, className = '', id, }) => {
+const Heading = ({ level = 1, children, className = '', id }) => {
     const Tag = `h${level}`;
     const baseStyles = {
         1: 'text-4xl font-bold mt-12 mb-8 text-gray-900',

package/dist/components/Base/image-gallery-modal/ImageGalleryModal.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { Dialog, DialogBackdrop, DialogPanel } from '@headlessui/react';
-import { ChevronLeftIcon, ChevronRightIcon, XMarkIcon } from '@heroicons/react/24/outline';
+import { ChevronLeftIcon, ChevronRightIcon, XMarkIcon, } from '@heroicons/react/24/outline';
 import { useEffect, useState } from 'react';
 export const ImageGalleryModal = ({ images, isOpen, initialIndex = 0, onClose, onImageChange, }) => {
     const [currentImageIndex, setCurrentImageIndex] = useState(initialIndex);

package/dist/components/Base/modal/Modal.js

@@ -1,12 +1,13 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Dialog, DialogBackdrop, DialogPanel, DialogTitle } from '@headlessui/react';
+import { Dialog, DialogBackdrop, DialogPanel, DialogTitle, } from '@headlessui/react';
 import { CheckIcon, XMarkIcon } from '@heroicons/react/24/outline';
 import { buildClassesByJoining } from '../../../utils/StyleHelper';
 export const Modal = ({ title, description, descriptionClassName, buttonText, showIcon = true, icon = _jsx(CheckIcon, { "aria-hidden": "true", className: "size-6" }), iconBackgroundColor = 'bg-green-100', iconColor = 'text-green-600', buttonClassName, secondButtonText, secondButtonClassName, onSecondButtonClick, showSecondButton = false, panelClassName, backdropClassName, onClose, isOpen, showCloseButton = false, closeButtonClassName, className, }) => {
     const handleClose = (value) => {
         onClose?.();
     };
-    return (_jsxs(Dialog, { open: isOpen, onClose: handleClose, className: buildClassesByJoining('relative z-10', className), children: [_jsx(DialogBackdrop, { transition: true, className: buildClassesByJoining('fixed inset-0 bg-gray-500/75 transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in', backdropClassName) }), _jsx("div", { className: "fixed inset-0 z-10 w-screen overflow-y-auto", children: _jsx("div", { className: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0", children: _jsxs(DialogPanel, { transition: true, className: buildClassesByJoining('relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:my-8 sm:w-full sm:max-w-sm sm:p-6 data-closed:sm:translate-y-0 data-closed:sm:scale-95', panelClassName), children: [showCloseButton && (_jsxs("button", { type: "button", className: buildClassesByJoining('absolute top-4 right-4 text-gray-400 hover:text-gray-500 focus:outline-none', closeButtonClassName), onClick: () => onClose?.(), children: [_jsx("span", { className: "sr-only", children: "Close" }), _jsx(XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })] })), _jsxs("div", { children: [showIcon && (_jsx("div", { className: buildClassesByJoining('mx-auto flex size-12 items-center justify-center rounded-full', iconBackgroundColor), children: _jsx("div", { className: iconColor, children: icon }) })), _jsxs("div", { className: "mt-3 text-center sm:mt-5", children: [title && (_jsx(DialogTitle, { as: "h3", className: "text-base font-semibold text-gray-900", children: title })), _jsx("div", { className: buildClassesByJoining('mt-2', descriptionClassName), children: description })] })] }), (buttonText || (showSecondButton && secondButtonText)) && (_jsxs("div", { className: "mt-5 sm:mt-6 space-y-3", children: [buttonText && (_jsx("button", { type: "button", onClick: () => onClose?.(), className: buildClassesByJoining('inline-flex w-full justify-center rounded-md bg-green-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-green-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600', buttonClassName), children: buttonText })), showSecondButton && secondButtonText && (_jsx("button", { type: "button", onClick: () => onSecondButtonClick?.(), className: buildClassesByJoining('inline-flex w-full justify-center rounded-md bg-green-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-green-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600', secondButtonClassName), children: secondButtonText }))] }))] }) }) })] }));
+    return (_jsxs(Dialog, { open: isOpen, onClose: handleClose, className: buildClassesByJoining('relative z-10', className), children: [_jsx(DialogBackdrop, { transition: true, className: buildClassesByJoining('fixed inset-0 bg-gray-500/75 transition-opacity data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in', backdropClassName) }), _jsx("div", { className: "fixed inset-0 z-10 w-screen overflow-y-auto", children: _jsx("div", { className: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0", children: _jsxs(DialogPanel, { transition: true, className: buildClassesByJoining('relative transform overflow-hidden rounded-lg bg-white px-4 pt-5 pb-4 text-left shadow-xl transition-all data-closed:translate-y-4 data-closed:opacity-0 data-enter:duration-300 data-enter:ease-out data-leave:duration-200 data-leave:ease-in sm:my-8 sm:w-full sm:max-w-sm sm:p-6 data-closed:sm:translate-y-0 data-closed:sm:scale-95', panelClassName), children: [showCloseButton && (_jsxs("button", { type: "button", className: buildClassesByJoining('absolute top-4 right-4 text-gray-400 hover:text-gray-500 focus:outline-none', closeButtonClassName), onClick: () => onClose?.(), children: [_jsx("span", { className: "sr-only", children: "Close" }), _jsx(XMarkIcon, { className: "h-6 w-6", "aria-hidden": "true" })] })), _jsxs("div", { children: [showIcon && (_jsx("div", { className: buildClassesByJoining('mx-auto flex size-12 items-center justify-center rounded-full', iconBackgroundColor), children: _jsx("div", { className: iconColor, children: icon }) })), _jsxs("div", { className: "mt-3 text-center sm:mt-5", children: [title && (_jsx(DialogTitle, { as: "h3", className: "text-base font-semibold text-gray-900", children: title })), _jsx("div", { className: buildClassesByJoining('mt-2', descriptionClassName), children: description })] })] }), (buttonText ||
+                                (showSecondButton && secondButtonText)) && (_jsxs("div", { className: "mt-5 sm:mt-6 space-y-3", children: [buttonText && (_jsx("button", { type: "button", onClick: () => onClose?.(), className: buildClassesByJoining('inline-flex w-full justify-center rounded-md bg-green-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-green-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600', buttonClassName), children: buttonText })), showSecondButton && secondButtonText && (_jsx("button", { type: "button", onClick: () => onSecondButtonClick?.(), className: buildClassesByJoining('inline-flex w-full justify-center rounded-md bg-green-600 px-3 py-2 text-sm font-semibold text-white shadow-xs hover:bg-green-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-600', secondButtonClassName), children: secondButtonText }))] }))] }) }) })] }));
 };
 export default Modal;

package/dist/components/Base/price/Price.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { formatPrice } from '../../../utils/generalHelperFunction';
+import { formatPrice, } from '../../../utils/generalHelperFunction';
 export const Price = ({ value, locale = 'cs', options, className = '', quantUnit, quantUnitClassName = 'font-bold text-black', containerClassName = 'flex items-baseline gap-1', }) => {
     const { number, currency, position } = formatPrice(value, locale, options);
-    return (_jsxs("span", { className: containerClassName, children: [position === 'before' && (_jsx("span", { className: options?.currencyClassName, children: currency })), _jsx("span", { className: `${className} ${options?.numberClassName || ''}`, children: number }), position === 'after' && (_jsxs("span", { className: options?.currencyClassName, children: [" ", currency] })), quantUnit && _jsx("span", { className: quantUnitClassName, children: quantUnit })] }));
+    return (_jsxs("span", { className: containerClassName, children: [position === 'before' && (_jsx("span", { className: options?.currencyClassName, children: currency })), _jsx("span", { className: `${className} ${options?.numberClassName || ''}`, children: number }), position === 'after' && (_jsxs("span", { className: options?.currencyClassName, children: [" ", currency] })), quantUnit && (_jsx("span", { className: quantUnitClassName, children: quantUnit }))] }));
 };

package/dist/components/Base/select/Select.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 export interface SelectProps {
     label?: string;
     onClick?: (data: {
@@ -6,7 +6,7 @@ export interface SelectProps {
         event: any;
     }) => void;
     disabled?: boolean;
-    rounded?: "none" | "sm" | "md" | "lg" | "xl" | "full";
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
     className?: string;
     unstyled?: boolean;
     isToggled?: boolean;

package/dist/components/Base/select/Select.js

@@ -1,21 +1,21 @@
-"use client";
+'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import buildClassesByJoining from "../../../utils/StyleHelper";
+import { useState, useEffect } from 'react';
+import buildClassesByJoining from '../../../utils/StyleHelper';
 const roundedClasses = {
-    none: "rounded-none",
-    sm: "rounded-sm",
-    md: "rounded-md",
-    lg: "rounded-lg",
-    xl: "rounded-xl",
-    full: "rounded-full",
+    none: 'rounded-none',
+    sm: 'rounded-sm',
+    md: 'rounded-md',
+    lg: 'rounded-lg',
+    xl: 'rounded-xl',
+    full: 'rounded-full',
 };
 const variantClasses = {
-    primary: "text-white transform transition-transform duration-200 hover:scale-105",
-    smoothOnly: "transition-all duration-200 ease-in-out",
+    primary: 'text-white transform transition-transform duration-200 hover:scale-105',
+    smoothOnly: 'transition-all duration-200 ease-in-out',
 };
-const Select = ({ label, onClick, disabled = false, rounded = "md", className = "", unstyled = false, isToggled, scaleOnHover = false, smoothSelect = false, }) => {
-    const isControlled = typeof isToggled === "boolean";
+const Select = ({ label, onClick, disabled = false, rounded = 'md', className = '', unstyled = false, isToggled, scaleOnHover = false, smoothSelect = false, }) => {
+    const isControlled = typeof isToggled === 'boolean';
     const [internalToggled, setInternalToggled] = useState(isToggled ?? false);
     useEffect(() => {
         if (isControlled) {
@@ -34,12 +34,14 @@ const Select = ({ label, onClick, disabled = false, rounded = "md", className =
     };
     const baseClasses = unstyled
         ? className
-        : buildClassesByJoining("inline-block px-4 py-2 font-medium transition-colors duration-200", scaleOnHover && smoothSelect && `${variantClasses.primary} ${variantClasses.smoothOnly}`, scaleOnHover && !smoothSelect && variantClasses.primary, !scaleOnHover && smoothSelect && variantClasses.smoothOnly, roundedClasses[rounded], {
-            "opacity-50 cursor-not-allowed pointer-events-none": disabled,
-            "cursor-pointer": !disabled,
+        : buildClassesByJoining('inline-block px-4 py-2 font-medium transition-colors duration-200', scaleOnHover &&
+            smoothSelect &&
+            `${variantClasses.primary} ${variantClasses.smoothOnly}`, scaleOnHover && !smoothSelect && variantClasses.primary, !scaleOnHover && smoothSelect && variantClasses.smoothOnly, roundedClasses[rounded], {
+            'opacity-50 cursor-not-allowed pointer-events-none': disabled,
+            'cursor-pointer': !disabled,
         }, toggled
-            ? "brightness-110 ring-2 ring-white"
-            : "brightness-80 text-white", className);
+            ? 'brightness-110 ring-2 ring-white'
+            : 'brightness-80 text-white', className);
     return (_jsx("button", { className: baseClasses, onClick: handleToggleClick, disabled: disabled, children: label }));
 };
 export default Select;

package/dist/components/Base/spinner/Spinner.d.ts

@@ -1,10 +1,10 @@
-import { FC } from "react";
-type SpinnerSize = "sm" | "md" | "lg" | number;
+import { FC } from 'react';
+type SpinnerSize = 'sm' | 'md' | 'lg' | number;
 export interface SpinnerProps {
     size?: SpinnerSize;
     color?: string;
     className?: string;
-    "aria-label"?: string;
+    'aria-label'?: string;
 }
 export declare const Spinner: FC<SpinnerProps>;
 export default Spinner;

package/dist/components/Base/spinner/Spinner.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import clsx from "clsx";
+import clsx from 'clsx';
 const sizeMap = {
-    sm: "h-4 w-4",
-    md: "h-6 w-6",
-    lg: "h-10 w-10",
+    sm: 'h-4 w-4',
+    md: 'h-6 w-6',
+    lg: 'h-10 w-10',
 };
-export const Spinner = ({ size = "md", color = "text-gray-500", className, "aria-label": ariaLabel = "Loading...", }) => {
-    const dimensionClass = typeof size === "number" ? `h-[${size}px] w-[${size}px]` : sizeMap[size];
-    return (_jsxs("svg", { className: clsx("animate-spin", dimensionClass, color, className), fill: "none", viewBox: "0 0 24 24", role: "status", "aria-label": ariaLabel, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
+export const Spinner = ({ size = 'md', color = 'text-gray-500', className, 'aria-label': ariaLabel = 'Loading...', }) => {
+    const dimensionClass = typeof size === 'number' ? `h-[${size}px] w-[${size}px]` : sizeMap[size];
+    return (_jsxs("svg", { className: clsx('animate-spin', dimensionClass, color, className), fill: "none", viewBox: "0 0 24 24", role: "status", "aria-label": ariaLabel, children: [_jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }), _jsx("path", { className: "opacity-75", fill: "currentColor", d: "m4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })] }));
 };
 export default Spinner;

package/dist/components/Base/switch/Switch.js

@@ -1,33 +1,39 @@
-"use client";
+'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { Switch } from "@headlessui/react";
-const SwitchToggle = ({ description, color = "#3b82f6", // default blue
-bgColor = "#e5e7eb", // default gray-200
-ringColor = "#2563eb", // default blue-600
+import { useState } from 'react';
+import { Switch } from '@headlessui/react';
+const SwitchToggle = ({ description, color = '#3b82f6', // default blue
+bgColor = '#e5e7eb', // default gray-200
+ringColor = '#2563eb', // default blue-600
 selected = false, simpleToggle, shortToggle, toggleIcon, }) => {
     const [enabled, setEnabled] = useState(selected);
     if (simpleToggle) {
         return (_jsxs(Switch, { checked: enabled, onChange: setEnabled, style: {
                 backgroundColor: enabled ? color : bgColor,
-                boxShadow: enabled ? `0 0 0 2px ${ringColor}` : "none",
-            }, className: "group relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-offset-2", children: [_jsx("span", { className: "sr-only", children: description || "Use setting" }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out", style: {
-                        transform: enabled ? "translateX(1.25rem)" : "translateX(0)",
+                boxShadow: enabled ? `0 0 0 2px ${ringColor}` : 'none',
+            }, className: "group relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-offset-2", children: [_jsx("span", { className: "sr-only", children: description || 'Use setting' }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out", style: {
+                        transform: enabled
+                            ? 'translateX(1.25rem)'
+                            : 'translateX(0)',
                     } })] }));
     }
     if (shortToggle) {
-        return (_jsxs(Switch, { checked: enabled, onChange: setEnabled, className: "group relative inline-flex h-5 w-10 shrink-0 cursor-pointer items-center justify-center rounded-full focus:outline-none", children: [_jsx("span", { className: "sr-only", children: description || "Use setting" }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute size-full rounded-md bg-white" }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out", style: {
+        return (_jsxs(Switch, { checked: enabled, onChange: setEnabled, className: "group relative inline-flex h-5 w-10 shrink-0 cursor-pointer items-center justify-center rounded-full focus:outline-none", children: [_jsx("span", { className: "sr-only", children: description || 'Use setting' }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute size-full rounded-md bg-white" }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute mx-auto h-4 w-9 rounded-full transition-colors duration-200 ease-in-out", style: {
                         backgroundColor: enabled ? color : bgColor,
                     } }), _jsx("span", { "aria-hidden": "true", className: "pointer-events-none absolute left-0 inline-block size-5 transform rounded-full border border-gray-200 bg-white shadow-sm ring-0 transition-transform duration-200 ease-in-out", style: {
-                        transform: enabled ? "translateX(1.25rem)" : "translateX(0)",
+                        transform: enabled
+                            ? 'translateX(1.25rem)'
+                            : 'translateX(0)',
                     } })] }));
     }
     if (toggleIcon) {
         return (_jsxs(Switch, { checked: enabled, onChange: setEnabled, style: {
                 backgroundColor: enabled ? color : bgColor,
-                boxShadow: enabled ? `0 0 0 2px ${ringColor}` : "none",
-            }, className: "group relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-offset-2", children: [_jsx("span", { className: "sr-only", children: description || "Use setting" }), _jsxs("span", { className: "pointer-events-none relative inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out", style: {
-                        transform: enabled ? "translateX(1.25rem)" : "translateX(0)",
+                boxShadow: enabled ? `0 0 0 2px ${ringColor}` : 'none',
+            }, className: "group relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-offset-2", children: [_jsx("span", { className: "sr-only", children: description || 'Use setting' }), _jsxs("span", { className: "pointer-events-none relative inline-block size-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out", style: {
+                        transform: enabled
+                            ? 'translateX(1.25rem)'
+                            : 'translateX(0)',
                     }, children: [_jsx("span", { "aria-hidden": "true", className: "absolute inset-0 flex size-full items-center justify-center transition-opacity duration-200 ease-in group-data-checked:opacity-0 group-data-checked:duration-100 group-data-checked:ease-out", style: { opacity: enabled ? 0 : 1 }, children: _jsx("svg", { fill: "none", viewBox: "0 0 12 12", className: "size-3 text-gray-400", children: _jsx("path", { d: "M4 8l2-2m0 0l2-2M6 6L4 4m2 2l2 2", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("span", { "aria-hidden": "true", className: "absolute inset-0 flex size-full items-center justify-center transition-opacity duration-100 ease-out group-data-checked:opacity-100 group-data-checked:duration-200 group-data-checked:ease-in", style: { opacity: enabled ? 1 : 0, color: color }, children: _jsx("svg", { fill: "currentColor", viewBox: "0 0 12 12", className: "size-3", children: _jsx("path", { d: "M3.707 5.293a1 1 0 00-1.414 1.414l1.414-1.414zM5 8l-.707.707a1 1 0 001.414 0L5 8zm4.707-3.293a1 1 0 00-1.414-1.414l1.414 1.414zm-7.414 2l2 2 1.414-1.414-2-2-1.414 1.414zm3.414 2l4-4-1.414-1.414-4 4 1.414 1.414z" }) }) })] })] }));
     }
     return null;

package/dist/components/Base/tooltip/Tooltip.js

@@ -5,7 +5,7 @@ import { forwardRef, useImperativeHandle, useRef, useState, } from 'react';
 const Tooltip = ({ className, children, content, placement = 'top', strategy: strategyProp = 'absolute', contentClassName, zIndex = 30, portalTarget, backgroundColor, textColor, disabled = false, disableAutoHide, lazy = true, size = 'md', variant = 'default', ...props }, ref) => {
     const [open, setOpen] = useState(false);
     const arrowRef = useRef(null);
-    const { x, y, refs, strategy, context, middlewareData: { arrow: { x: arrowX, y: arrowY } = {}, hide: hideMiddleware }, placement: floatingPlacement, } = useFloating({
+    const { x, y, refs, strategy, context, middlewareData: { arrow: { x: arrowX, y: arrowY } = {}, hide: hideMiddleware, }, placement: floatingPlacement, } = useFloating({
         open: open,
         onOpenChange: (value) => {
             return disabled ? setOpen(false) : setOpen(disableAutoHide || value);
@@ -30,7 +30,12 @@ const Tooltip = ({ className, children, content, placement = 'top', strategy: st
     const focus = useFocus(context);
     const dismiss = useDismiss(context);
     const role = useRole(context, { role: 'tooltip' });
-    const { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role]);
+    const { getReferenceProps, getFloatingProps } = useInteractions([
+        hover,
+        focus,
+        dismiss,
+        role,
+    ]);
     useImperativeHandle(ref, () => {
         return {
             open() {
@@ -129,7 +134,9 @@ const Tooltip = ({ className, children, content, placement = 'top', strategy: st
                 ...getFloatingProps(),
             });
         }
-        return (_jsxs("div", { className: tooltipClasses, ref: refs.setFloating, style: tooltipStyles, ...getFloatingProps(), children: [_jsx("span", { className: "relative z-10", dangerouslySetInnerHTML: typeof content === 'string' ? { __html: content } : undefined, children: typeof content !== 'string' ? content : null }), _jsx("div", { ref: arrowRef, style: {
+        return (_jsxs("div", { className: tooltipClasses, ref: refs.setFloating, style: tooltipStyles, ...getFloatingProps(), children: [_jsx("span", { className: "relative z-10", dangerouslySetInnerHTML: typeof content === 'string'
+                        ? { __html: content }
+                        : undefined, children: typeof content !== 'string' ? content : null }), _jsx("div", { ref: arrowRef, style: {
                         position: 'absolute',
                         width: '10px',
                         height: '10px',