@q2devel/q2-storybook 1.0.176 → 1.0.177

package/dist/components/Ecommerce/product-card/ProductCard.d.ts

@@ -83,5 +83,41 @@ export type ProductCardProps = {
     discountPriceClassName?: string;
     mainQuantUnitClassName?: string;
     discountQuantUnitClassName?: string;
+    classNames?: {
+        container?: string;
+        imageLayout?: string;
+        badges?: {
+            container?: string;
+            badge?: string;
+        };
+        deleteButton?: string;
+        wishlistButton?: string;
+        image?: string;
+        button?: string;
+        content?: string;
+        title?: string;
+        variationName?: string;
+        label?: {
+            country?: string;
+            volume?: string;
+        };
+        description?: string;
+        price?: {
+            container?: string;
+            mainPrice?: string;
+            mainQuantUnit?: string;
+            discountPrice?: string;
+            discountQuantUnit?: string;
+            control?: {
+                container?: string;
+                quantity?: string;
+                decrementButton?: string;
+                incrementButton?: string;
+                addButton?: string;
+            };
+        };
+        actionButton?: string;
+        footer?: string;
+    };
 };
-export declare const ProductCard: ({ product, href, className, imageClassName, contentClassName, titleClassName, priceClassName, priceDiscountClassName, descriptionClassName, labelClassName, aspectRatio, imagePosition, imageObjectFit, layout, hoverEffect, renderBadges, renderColor, renderDescription, elevationLevel, rounded, titleLines, onCardClick, onImageClick, renderFooter, renderHeader, renderVariationName, variationNameClassName, actionButton, linkToCatalog, showCountry, showVolume, showAddButton, showAddButtonOnHover, addButtonPosition, addButtonAlignment, addButtonText, addButtonBottomClassName, borderOnHoverClassName, currentQuantity, onQuantityChange, addButtonIcon, maxQuantity, controlsClassName, buttonClassName, quantityClassName, customAddButton, disabled, locale, cartMode, showSpinnerInAdd, addToCartButtonCustomAction, showWishlistButton, isInWishlist, onWishlistToggle, wishlistButtonClassName, isWishlistPending, enableMultipleWishlists, wishlists, onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, wishlistDropdownClassName, productWishlistIds, showDeleteButton, onDelete, deleteButtonClassName, isDeletePending, deleteButtonSize, deleteButtonPosition, mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discountPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, quantUnit, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ProductCard: ({ product, href, className, imageClassName, contentClassName, titleClassName, priceClassName, priceDiscountClassName, descriptionClassName, labelClassName, aspectRatio, imagePosition, imageObjectFit, layout, hoverEffect, renderBadges, renderColor, renderDescription, elevationLevel, rounded, titleLines, onCardClick, onImageClick, renderFooter, renderHeader, renderVariationName, variationNameClassName, actionButton, linkToCatalog, showCountry, showVolume, showAddButton, showAddButtonOnHover, addButtonPosition, addButtonAlignment, addButtonText, addButtonBottomClassName, borderOnHoverClassName, currentQuantity, onQuantityChange, addButtonIcon, maxQuantity, controlsClassName, buttonClassName, quantityClassName, customAddButton, disabled, locale, cartMode, showSpinnerInAdd, addToCartButtonCustomAction, showWishlistButton, isInWishlist, onWishlistToggle, wishlistButtonClassName, isWishlistPending, enableMultipleWishlists, wishlists, onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, wishlistDropdownClassName, productWishlistIds, showDeleteButton, onDelete, deleteButtonClassName, isDeletePending, deleteButtonSize, deleteButtonPosition, classNames, mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discountPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, quantUnit, }: ProductCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Ecommerce/product-card/ProductCard.js

@@ -21,6 +21,43 @@ showWishlistButton = false, isInWishlist = false, onWishlistToggle, wishlistButt
 enableMultipleWishlists = false, wishlists = [], onAddToWishlist, onRemoveFromWishlist, onCreateWishlist, wishlistDropdownClassName = '', productWishlistIds = [], 
 // Delete functionality
 showDeleteButton = false, onDelete, deleteButtonClassName = '', isDeletePending = false, deleteButtonSize = 'md', deleteButtonPosition = 'top-right', 
+// classnames
+classNames = {
+    container: '',
+    imageLayout: '',
+    badges: {
+        container: '',
+        badge: '',
+    },
+    deleteButton: '',
+    wishlistButton: '',
+    image: '',
+    button: '',
+    content: '',
+    title: '',
+    variationName: '',
+    label: {
+        country: '',
+        volume: '',
+    },
+    description: '',
+    price: {
+        container: '',
+        mainPrice: '',
+        mainQuantUnit: '',
+        discountPrice: '',
+        discountQuantUnit: '',
+        control: {
+            container: '',
+            quantity: '',
+            decrementButton: '',
+            incrementButton: '',
+            addButton: '',
+        },
+    },
+    actionButton: '',
+    footer: '',
+}, 
 // Price formatting - NOVÉ JEDNODUCHÉ API
 mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discountPriceClassName, mainQuantUnitClassName, discountQuantUnitClassName, quantUnit = '', }) => {
     const [showWishlistDropdown, setShowWishlistDropdown] = useState(false);
@@ -171,19 +208,19 @@ mainPriceFormatOptions, discountPriceFormatOptions, mainPriceClassName, discount
             onDelete(product);
         }
     }, [onDelete, product]);
-    return (_jsxs("div", { className: buildClassesByJoining('group relative h-full', layoutClass, elevationClass, onCardClick ? 'cursor-pointer' : '', borderOnHoverClassName, className), onClick: handleCardClick, children: [renderHeader && renderHeader(product), _jsxs("div", { className: buildClassesByJoining(imageLayoutClass, 'relative'), children: [product.badges && renderBadges && (_jsx("div", { className: "absolute top-2 left-2 z-10 flex flex-wrap gap-1", children: product.badges.map((badge, index) => (_jsx(Badge, { color: badge.color, children: badge.text }, index))) })), showDeleteButton ? (_jsx(DeleteButton, { show: showDeleteButton, onDelete: handleDelete, deleteButtonClassName: deleteButtonClassName, isDeletePending: isDeletePending, size: deleteButtonSize, position: deleteButtonPosition })) : (_jsx(LikeButton, { show: showWishlistButton, enableMultiple: enableMultipleWishlists, isInWishlist: isInWishlist, wishlists: wishlists, productWishlistIds: productWishlistIds, wishlistButtonClassName: wishlistButtonClassName, wishlistDropdownClassName: wishlistDropdownClassName, isWishlistPending: isWishlistPending, handleAddToWishlist: handleAddToWishlist, handleRemoveFromWishlist: handleRemoveFromWishlist, handleCreateNewWishlist: handleCreateNewWishlist, handleWishlistToggle: handleWishlistToggle })), _jsx("img", { alt: product.all_images[0]?.alt, src: product.all_images[0]?.href, className: buildClassesByJoining(aspectRatioClass, objectFitClass, objectPositionClass, hoverEffect !== 'none' ? hoverClass : '', roundedClass, 'bg-gray-200', onImageClick ? 'cursor-pointer' : '', imageClassName), onClick: handleImageClick }), addButtonPosition === 'overlay' && (_jsx(AddToCart, { buttonClassName: buttonClassName, addButtonIcon: getButtonIcon(), handleAddToCart: handleAddToCart, showAddButton: shouldShowAddButton(), disabled: disabled, customAddButton: customAddButton }))] }), _jsxs("div", { className: buildClassesByJoining('mt-4 h-full flex flex-col justify-between grow', contentLayoutClass, compactClass, contentClassName), children: [_jsxs("div", { className: "flex flex-col h-full justify-between", children: [_jsxs("div", { children: [_jsx(Heading, { level: 3, className: buildClassesByJoining('text-lg text-gray-700', titleLineClampClass, titleClassName), children: _jsxs(Button, { asLink: true, unstyled: true, href: href, children: [!onCardClick && (_jsx("span", { "aria-hidden": "true", className: "absolute inset-0" })), product.product_name] }) }), renderVariationName && product.variation_name && (_jsx("span", { className: buildClassesByJoining('text-md', variationNameClassName), children: product.variation_name })), (product.country || product.field_volume) && (_jsxs("p", { children: [showCountry && product.country && (_jsxs("span", { className: buildClassesByJoining('text-sm', labelClassName), children: [product.country, showVolume &&
+    return (_jsxs("div", { className: buildClassesByJoining('group relative h-full', layoutClass, elevationClass, onCardClick ? 'cursor-pointer' : '', borderOnHoverClassName, className, classNames?.container), onClick: handleCardClick, children: [renderHeader && renderHeader(product), _jsxs("div", { className: buildClassesByJoining(imageLayoutClass, 'relative', classNames?.imageLayout), children: [product.badges && renderBadges && (_jsx("div", { className: buildClassesByJoining("absolute top-2 left-2 z-10 flex flex-wrap gap-1", classNames?.badges?.container), children: product.badges.map((badge, index) => (_jsx(Badge, { color: badge.color, className: classNames?.badges?.badge, children: badge.text }, index))) })), showDeleteButton ? (_jsx(DeleteButton, { show: showDeleteButton, onDelete: handleDelete, deleteButtonClassName: buildClassesByJoining(deleteButtonClassName, classNames?.deleteButton), isDeletePending: isDeletePending, size: deleteButtonSize, position: deleteButtonPosition })) : (_jsx(LikeButton, { show: showWishlistButton, enableMultiple: enableMultipleWishlists, isInWishlist: isInWishlist, wishlists: wishlists, productWishlistIds: productWishlistIds, wishlistButtonClassName: buildClassesByJoining(wishlistButtonClassName, classNames?.wishlistButton), wishlistDropdownClassName: wishlistDropdownClassName, isWishlistPending: isWishlistPending, handleAddToWishlist: handleAddToWishlist, handleRemoveFromWishlist: handleRemoveFromWishlist, handleCreateNewWishlist: handleCreateNewWishlist, handleWishlistToggle: handleWishlistToggle })), _jsx("img", { alt: product.all_images[0]?.alt, src: product.all_images[0]?.href, className: buildClassesByJoining(aspectRatioClass, objectFitClass, objectPositionClass, hoverEffect !== 'none' ? hoverClass : '', roundedClass, 'bg-gray-200', onImageClick ? 'cursor-pointer' : '', imageClassName, classNames?.image), onClick: handleImageClick }), addButtonPosition === 'overlay' && (_jsx(AddToCart, { buttonClassName: buildClassesByJoining(buttonClassName, classNames?.button), addButtonIcon: getButtonIcon(), handleAddToCart: handleAddToCart, showAddButton: shouldShowAddButton(), disabled: disabled, customAddButton: customAddButton }))] }), _jsxs("div", { className: buildClassesByJoining('mt-4 h-full flex flex-col justify-between grow', contentLayoutClass, compactClass, contentClassName, classNames?.content), children: [_jsxs("div", { className: "flex flex-col h-full justify-between", children: [_jsxs("div", { children: [_jsx(Heading, { level: 3, className: buildClassesByJoining('text-lg text-gray-700', classNames?.title, titleLineClampClass, titleClassName), children: _jsxs(Button, { asLink: true, unstyled: true, href: href, children: [!onCardClick && (_jsx("span", { "aria-hidden": "true", className: buildClassesByJoining("absolute inset-0", classNames?.button?.link) })), product.product_name] }) }), renderVariationName && product.variation_name && (_jsx("span", { className: buildClassesByJoining('text-md', variationNameClassName, classNames?.variationName), children: product.variation_name })), (product.country || product.field_volume) && (_jsxs("p", { className: buildClassesByJoining(classNames?.label), children: [showCountry && product.country && (_jsxs("span", { className: buildClassesByJoining('text-sm', labelClassName, classNames?.label?.country), children: [product.country, showVolume &&
                                                         product.field_volume &&
-                                                        ', '] })), showVolume && product.field_volume && (_jsx("span", { className: buildClassesByJoining('text-sm', labelClassName), children: product.field_volume }))] })), renderDescription && product.description && (_jsx("span", { className: buildClassesByJoining('mt-1 text-sm text-gray-500 line-clamp-2', descriptionClassName), children: parseHTML(product.description) }))] }), _jsx("div", { className: "flex flex-col justify-between", children: _jsxs("div", { className: "flex flex-col justify-between", children: [_jsx(Price, { value: product.price, locale: locale, options: mainPriceFormatOptions, className: buildClassesByJoining('text-md font-bold text-gray-900', mainPriceClassName), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-md font-bold text-black', mainQuantUnitClassName) }), product?.discountPercent != null &&
+                                                        ', '] })), showVolume && product.field_volume && (_jsx("span", { className: buildClassesByJoining('text-sm', labelClassName, classNames?.label?.volume), children: product.field_volume }))] })), renderDescription && product.description && (_jsx("span", { className: buildClassesByJoining('mt-1 text-sm text-gray-500 line-clamp-2', descriptionClassName, classNames?.description), children: parseHTML(product.description) }))] }), _jsx("div", { className: "flex flex-col justify-between", children: _jsxs("div", { className: buildClassesByJoining("flex flex-col justify-between", classNames?.price?.container), children: [_jsx(Price, { value: product.price, locale: locale, options: mainPriceFormatOptions, className: buildClassesByJoining('text-md font-bold text-gray-900', mainPriceClassName, classNames?.price?.mainPrice), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-md font-bold text-black', mainQuantUnitClassName, classNames?.price?.mainQuantUnit) }), product?.discountPercent != null &&
                                             product.discountPercent > 0 && (_jsx(Price, { value: product.price /
                                                 (1 - product.discountPercent / 100), locale: locale, options: discountPriceFormatOptions ||
-                                                mainPriceFormatOptions, className: buildClassesByJoining('text-sm font-normal text-gray-900 line-through', discountPriceClassName), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-sm font-normal text-black line-through', discountQuantUnitClassName) })), addButtonPosition === 'bottom' && (_jsx("div", { className: buildClassesByJoining('mt-3 flex w-full relative z-10', getBottomButtonAlignment()), onClick: (e) => e.stopPropagation(), children: shouldShowQuantityControls() ? (
+                                                mainPriceFormatOptions, className: buildClassesByJoining('text-sm font-normal text-gray-900 line-through', discountPriceClassName, classNames?.price?.discountPrice), quantUnit: quantUnit, quantUnitClassName: buildClassesByJoining('text-sm font-normal text-black line-through', discountQuantUnitClassName, classNames?.price?.discountQuantUnit) })), addButtonPosition === 'bottom' && (_jsx("div", { className: buildClassesByJoining('mt-3 flex w-full relative z-10', getBottomButtonAlignment(), classNames?.price?.control), onClick: (e) => e.stopPropagation(), children: shouldShowQuantityControls() ? (
                                             // Quantity controls
-                                            _jsxs("div", { className: buildClassesByJoining('flex items-center gap-2', controlsClassName), children: [_jsx(Button, { onClick: handleDecrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName), disabled: disabled ||
-                                                            currentQuantity <= 0, children: "\u2212" }), _jsx("span", { className: buildClassesByJoining('mx-2 font-medium', quantityClassName), children: currentQuantity }), _jsx(Button, { onClick: handleIncrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName), disabled: disabled ||
+                                            _jsxs("div", { className: buildClassesByJoining('flex items-center gap-2', controlsClassName, classNames?.price?.control?.quantity), children: [_jsx(Button, { onClick: handleDecrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName, classNames?.price?.control?.decrementButton), disabled: disabled ||
+                                                            currentQuantity <= 0, children: "\u2212" }), _jsx("span", { className: buildClassesByJoining('mx-2 font-medium', quantityClassName, classNames?.price?.control?.quantity), children: currentQuantity }), _jsx(Button, { onClick: handleIncrement, className: buildClassesByJoining('w-8 h-8 flex items-center justify-center rounded border', addButtonBottomClassName, classNames?.price?.control?.incrementButton), disabled: disabled ||
                                                             currentQuantity >=
                                                                 maxQuantity, children: "+" })] })) : shouldShowAddButton() ? (
                                             // Add button
                                             customAddButton || (_jsxs(Button, { onClick: handleAddToCart, className: buildClassesByJoining('flex items-center gap-2 px-4 py-2 rounded-md transition-colors', disabled
                                                     ? 'opacity-50 cursor-not-allowed'
-                                                    : '', addButtonBottomClassName), disabled: disabled, children: [getButtonIcon(), _jsx("span", { children: addButtonText })] }))) : null }))] }) })] }), actionButton && _jsx("div", { className: "mt-2", children: actionButton }), renderFooter && renderFooter(product)] })] }));
+                                                    : '', addButtonBottomClassName, classNames?.price?.control?.addButton), disabled: disabled, children: [getButtonIcon(), _jsx("span", { children: addButtonText })] }))) : null }))] }) })] }), actionButton && _jsx("div", { className: buildClassesByJoining("mt-2", classNames?.actionButton), children: actionButton }), renderFooter && _jsx("div", { className: buildClassesByJoining("mt-2", classNames?.footer), children: renderFooter(product) })] })] }));
 };

package/dist/components/Ecommerce/product-detail/ProductDetail.js

@@ -184,11 +184,11 @@ mainPriceFormatOptions, discountPriceFormatOptions, variationPriceFormatOptions,
                                                                     variation.id && (_jsx("div", { className: buildClassesByJoining('absolute inset-0 pointer-events-none', classNames
                                                                     ?.variations
                                                                     ?.variationActiveButton), style: {
-                                                                    background: `
-                                                                radial-gradient(circle at top left, var(--primary) 0%, transparent 20%),
-                                                                radial-gradient(circle at top right, var(--primary) 0%, transparent 20%),
-                                                                radial-gradient(circle at bottom left, var(--primary) 0%, transparent 20%),
-                                                                radial-gradient(circle at bottom right, var(--primary) 0%, transparent 20%)
+                                                                    background: `
+                                                                radial-gradient(circle at top left, var(--primary) 0%, transparent 20%),
+                                                                radial-gradient(circle at top right, var(--primary) 0%, transparent 20%),
+                                                                radial-gradient(circle at bottom left, var(--primary) 0%, transparent 20%),
+                                                                radial-gradient(circle at bottom right, var(--primary) 0%, transparent 20%)
                                                             `,
                                                                     opacity: 0.2,
                                                                 } })), _jsxs("div", { className: buildClassesByJoining('flex flex-col justify-between gap-1 relative z-10 flex-1 min-w-0 pr-2', classNames?.variations

package/dist/components/MIKS/movie-detail/MovieDetail.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from '@q2devel/q2-storybook';
+import Button from '../../Base/button/Button';
 import parse from 'html-react-parser';
 import { useState } from 'react';
 /**

package/dist/components/MIKS/navbar/NavBar.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { NavBar as BaseNavBar } from '@q2devel/q2-storybook';
+import { NavBar as BaseNavBar } from '../../Web/nav-bar/NavBar';
 /**
  * NavBar Component
  *

package/dist/components/MIKS/theatre-event/TheatreEvent.js

@@ -1,6 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '@q2devel/q2-storybook';
+import Button from '../../Base/button/Button';
 import parse from 'html-react-parser';
 /**
  * TheatreEvent Component

package/dist/components/Web/dynamic-grid/DynamicLayout.js

@@ -142,10 +142,10 @@ export const DynamicLayout = ({ x, y, gap = 4, }) => {
                             if (isDragging && !isExistingBlock) {
                                 setEnd(i);
                             }
-                        }, onContextMenu: (e) => handleRightClick(e, i), className: `
-                border border-dashed rounded cursor-pointer relative
-                transition-colors duration-300
-                ${color ?? 'bg-gray-800 border-gray-600'}
+                        }, onContextMenu: (e) => handleRightClick(e, i), className: `
+                border border-dashed rounded cursor-pointer relative
+                transition-colors duration-300
+                ${color ?? 'bg-gray-800 border-gray-600'}
               `, children: block && i === block.start && (_jsx("div", { className: "absolute top-0 left-0 px-1 py-0.5", children: editingBlockId === block.id ? (_jsx("input", { autoFocus: true, className: "text-xs font-semibold bg-white text-gray-800 px-1 py-0.5 rounded outline-none w-24", value: block.title, onChange: (e) => handleRename(block.id, e.target.value), onBlur: () => setEditingBlockId(null), onKeyDown: (e) => {
                                     if (e.key === 'Enter')
                                         setEditingBlockId(null);

package/package.json

@@ -1,84 +1,84 @@
-{
-    "name": "@q2devel/q2-storybook",
-    "version": "1.0.176",
-    "main": "dist/index.js",
-    "module": "dist/index.js",
-    "types": "dist/index.d.ts",
-    "exports": {
-        ".": {
-            "types": "./dist/index.d.ts",
-            "default": "./dist/index.js"
-        },
-        "./styles": "./dist/style.css"
-    },
-    "files": [
-        "dist"
-    ],
-    "scripts": {
-        "test": "echo \"Error: no test specified\" && exit 1",
-        "storybook": "storybook dev -p 6006",
-        "build-storybook": "storybook build",
-        "build": "tsc && npm run build:css",
-        "build:css": "postcss src/global.css -o dist/style.css",
-        "prepublishOnly": "npm version patch && npm run build",
-        "publish:patch": "npm publish && npm run build",
-        "publish:minor": "npm version minor && npm run build && npm publish",
-        "publish:major": "npm version major && npm run build && npm publish",
-        "chromatic": "chromatic --project-token=chpt_371d8e65041a19e "
-    },
-    "keywords": [],
-    "author": "Q2",
-    "license": "ISC",
-    "description": "Komponenty nebo konfigurace pro storybook",
-    "devDependencies": {
-        "@storybook/addon-actions": "^8.6.14",
-        "@storybook/addon-essentials": "^8.6.14",
-        "@storybook/addon-interactions": "^8.6.14",
-        "@storybook/addon-links": "^8.6.14",
-        "@storybook/addon-onboarding": "^8.6.14",
-        "@storybook/addon-viewport": "^8.6.14",
-        "@storybook/blocks": "^8.6.14",
-        "@storybook/nextjs": "^8.6.14",
-        "@storybook/react": "^8.6.14",
-        "@storybook/test": "^8.6.14",
-        "@tailwindcss/postcss": "^4.1.8",
-        "@types/body-parser": "^1.19.6",
-        "@types/classnames": "^2.3.0",
-        "@types/express": "^5.0.3",
-        "@types/node": "^22.14.1",
-        "@types/react": "^19.1.2",
-        "@types/react-dom": "^19.1.2",
-        "autoprefixer": "^10.4.21",
-        "chromatic": "^12.0.0",
-        "cssnano": "^7.0.7",
-        "postcss": "^8.5.4",
-        "postcss-cli": "^11.0.1",
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0",
-        "rollup-plugin-postcss": "^4.0.2",
-        "storybook": "^8.6.14",
-        "tailwindcss": "^4.1.8",
-        "typescript": "^5.8.3"
-    },
-    "peerDependencies": {
-        "react": "^19.0.0",
-        "react-dom": "^19.0.0"
-    },
-    "dependencies": {
-        "@headlessui/react": "^2.2.2",
-        "@heroicons/react": "^2.2.0",
-        "@q2devel/q2-core": "^1.0.71",
-        "@tanstack/react-query": "^5.76.1",
-        "axios": "^1.9.0",
-        "body-parser": "^2.2.0",
-        "classnames": "^2.5.1",
-        "express": "^5.1.0",
-        "html-react-parser": "^5.2.3",
-        "react-select": "^5.10.1",
-        "tailwind-merge": "^3.2.0",
-        "zod": "^4.0.14"
-    },
-    "overrides": {
-        "storybook": "$storybook"
-    }
-}
+{
+    "name": "@q2devel/q2-storybook",
+    "version": "1.0.177",
+    "main": "dist/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./styles": "./dist/style.css"
+    },
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "build": "tsc && npm run build:css",
+        "build:css": "postcss src/global.css -o dist/style.css",
+        "prepublishOnly": "npm version patch && npm run build",
+        "publish:patch": "npm publish && npm run build",
+        "publish:minor": "npm version minor && npm run build && npm publish",
+        "publish:major": "npm version major && npm run build && npm publish",
+        "chromatic": "chromatic --project-token=chpt_371d8e65041a19e "
+    },
+    "keywords": [],
+    "author": "Q2",
+    "license": "ISC",
+    "description": "Komponenty nebo konfigurace pro storybook",
+    "devDependencies": {
+        "@storybook/addon-actions": "^8.6.14",
+        "@storybook/addon-essentials": "^8.6.14",
+        "@storybook/addon-interactions": "^8.6.14",
+        "@storybook/addon-links": "^8.6.14",
+        "@storybook/addon-onboarding": "^8.6.14",
+        "@storybook/addon-viewport": "^8.6.14",
+        "@storybook/blocks": "^8.6.14",
+        "@storybook/nextjs": "^8.6.14",
+        "@storybook/react": "^8.6.14",
+        "@storybook/test": "^8.6.14",
+        "@tailwindcss/postcss": "^4.1.8",
+        "@types/body-parser": "^1.19.6",
+        "@types/classnames": "^2.3.0",
+        "@types/express": "^5.0.3",
+        "@types/node": "^22.14.1",
+        "@types/react": "^19.1.2",
+        "@types/react-dom": "^19.1.2",
+        "autoprefixer": "^10.4.21",
+        "chromatic": "^12.0.0",
+        "cssnano": "^7.0.7",
+        "postcss": "^8.5.4",
+        "postcss-cli": "^11.0.1",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
+        "rollup-plugin-postcss": "^4.0.2",
+        "storybook": "^8.6.14",
+        "tailwindcss": "^4.1.8",
+        "typescript": "^5.8.3"
+    },
+    "peerDependencies": {
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0"
+    },
+    "dependencies": {
+        "@headlessui/react": "^2.2.2",
+        "@heroicons/react": "^2.2.0",
+        "@q2devel/q2-core": "^1.0.71",
+        "@tanstack/react-query": "^5.76.1",
+        "axios": "^1.9.0",
+        "body-parser": "^2.2.0",
+        "classnames": "^2.5.1",
+        "express": "^5.1.0",
+        "html-react-parser": "^5.2.3",
+        "react-select": "^5.10.1",
+        "tailwind-merge": "^3.2.0",
+        "zod": "^4.0.14"
+    },
+    "overrides": {
+        "storybook": "$storybook"
+    }
+}