@q2devel/q2-storybook 1.0.21 → 1.0.22

package/dist/auth/service/index.d.ts

@@ -1,2 +0,0 @@
-export * from './AuthService.types';
-export * from './AuthService';

package/dist/auth/service/index.js

@@ -1,3 +0,0 @@
-// src/service/index.ts
-export * from './AuthService.types';
-export * from './AuthService';

package/dist/auth/types/index.d.ts

@@ -1,14 +0,0 @@
-export type DeepNonRequired<T> = {
-    [K in keyof T]?: DeepNonRequired<T[K]>;
-};
-export type TokenStorageProvider = {
-    get: (key: string) => AccessToken | undefined;
-    set: (key: string, accessToken?: AccessToken) => void;
-};
-export type AccessToken = {
-    plainTextToken: string;
-    expiresAt?: string;
-};
-export type MakeUserWithAccessToken<UserType> = UserType & {
-    token: AccessToken;
-};

package/dist/auth/types/index.js

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

package/dist/auth/utils/Helper.d.ts

@@ -1 +0,0 @@
-export declare const removeKeysFromObject: <T extends object>(object: T) => <K extends keyof T>(...parts: K[]) => Omit<T, K>;

package/dist/auth/utils/Helper.js

@@ -1,25 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-// src/utils/Helper.tsx
-export var removeKeysFromObject = function (object) {
-    return function () {
-        var parts = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            parts[_i] = arguments[_i];
-        }
-        var newObject = __assign({}, object);
-        parts.forEach(function (part) {
-            delete newObject[part];
-        });
-        return newObject;
-    };
-};

package/dist/auth/utils/Storage.d.ts

@@ -1,6 +0,0 @@
-import { TokenStorageProvider } from '../types';
-import { TokenStorageType } from '../config/config.types';
-export declare const getLocalStorageProvider: () => TokenStorageProvider;
-export declare const getCookieStorageProvider: () => TokenStorageProvider;
-declare const Storage: Partial<Record<TokenStorageType, TokenStorageProvider>>;
-export default Storage;

package/dist/auth/utils/Storage.js

@@ -1,57 +0,0 @@
-export var getLocalStorageProvider = function () {
-    return {
-        get: function (key) {
-            var storedValue = localStorage.getItem(key);
-            if (!storedValue)
-                return undefined;
-            try {
-                return JSON.parse(storedValue);
-            }
-            catch (e) {
-                return undefined;
-            }
-        },
-        set: function (key, accessToken) {
-            if (!accessToken) {
-                localStorage.removeItem(key);
-                return;
-            }
-            localStorage.setItem(key, JSON.stringify(accessToken));
-        },
-    };
-};
-export var getCookieStorageProvider = function () {
-    return {
-        get: function (key) {
-            var _a;
-            var cookieValue = (_a = document.cookie
-                .split('; ')
-                .find(function (row) { return row.startsWith("".concat(key, "=")); })) === null || _a === void 0 ? void 0 : _a.split('=')[1];
-            if (!cookieValue)
-                return undefined;
-            try {
-                return JSON.parse(decodeURIComponent(cookieValue));
-            }
-            catch (e) {
-                return undefined;
-            }
-        },
-        set: function (key, accessToken) {
-            if (!accessToken) {
-                document.cookie = "".concat(key, "=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=/;");
-                return;
-            }
-            var value = encodeURIComponent(JSON.stringify(accessToken));
-            document.cookie = "".concat(key, "=").concat(value, "; path=/;");
-        },
-    };
-};
-var Storage = {
-    localStorage: getLocalStorageProvider(),
-    cookie: getCookieStorageProvider(),
-    memory: {
-        get: function () { return undefined; },
-        set: function () { },
-    },
-};
-export default Storage;

package/dist/components/banner/Banner.d.ts

@@ -1,48 +0,0 @@
-import React, { ReactNode } from 'react';
-export type BannerItem = {
-    id: string;
-    imageSrc: string;
-    imageAlt?: string;
-    title: string;
-    subtitle: string;
-    buttonText?: string;
-    buttonLink?: string;
-    customContent?: ReactNode;
-    overlayOpacity?: number;
-    buttonVariant?: 'primary' | 'secondary' | 'ghost' | 'outline';
-    buttonSize?: 'sm' | 'md' | 'lg';
-};
-export type ControlsType = 'arrows' | 'dots' | 'both' | 'none';
-export type BannerProps = {
-    items: BannerItem[];
-    height?: 'sm' | 'md' | 'lg' | 'xl' | 'full' | 'auto';
-    autoplay?: boolean;
-    autoplayInterval?: number;
-    controls?: ControlsType;
-    overlayStyle?: 'dark' | 'light' | 'gradient' | 'none';
-    textAlignment?: 'left' | 'center' | 'right';
-    textPosition?: 'top' | 'center' | 'bottom';
-    className?: string;
-    imageClassName?: string;
-    titleClassName?: string;
-    subtitleClassName?: string;
-    buttonClassName?: string;
-    indicatorsClassName?: string;
-    controlsClassName?: string;
-    contentClassName?: string;
-    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    buttonRounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
-    animation?: 'slide' | 'fade' | 'zoom' | 'none';
-    animationDuration?: number;
-    pauseOnHover?: boolean;
-    infiniteLoop?: boolean;
-    objectFit?: 'cover' | 'contain' | 'fill' | 'none';
-    objectPosition?: 'center' | 'top' | 'bottom' | 'left' | 'right';
-    renderItem?: (item: BannerItem, index: number) => ReactNode;
-    renderControls?: (goToNext: () => void, goToPrev: () => void) => ReactNode;
-    renderIndicators?: (current: number, total: number, goToSlide: (index: number) => void) => ReactNode;
-    onSlideChange?: (currentIndex: number, previousIndex: number) => void;
-    withOverlay?: boolean;
-    overlayOpacity?: number;
-};
-export declare const Banner: ({ items, height, autoplay, autoplayInterval, controls, overlayStyle, textAlignment, textPosition, className, imageClassName, titleClassName, subtitleClassName, buttonClassName, indicatorsClassName, controlsClassName, contentClassName, rounded, buttonRounded, animation, animationDuration, pauseOnHover, infiniteLoop, objectFit, objectPosition, renderItem, renderControls, renderIndicators, onSlideChange, withOverlay, overlayOpacity, }: BannerProps) => React.JSX.Element | null;

package/dist/components/banner/Banner.js

@@ -1,137 +0,0 @@
-'use client';
-import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
-import React, { useEffect, useState } from 'react';
-import buildClassesByJoining from '../../utils/StylingHelper';
-export var Banner = function (_a) {
-    var items = _a.items, _b = _a.height, height = _b === void 0 ? 'md' : _b, _c = _a.autoplay, autoplay = _c === void 0 ? false : _c, _d = _a.autoplayInterval, autoplayInterval = _d === void 0 ? 5000 : _d, _e = _a.controls, controls = _e === void 0 ? 'both' : _e, _f = _a.overlayStyle, overlayStyle = _f === void 0 ? 'gradient' : _f, _g = _a.textAlignment, textAlignment = _g === void 0 ? 'center' : _g, _h = _a.textPosition, textPosition = _h === void 0 ? 'center' : _h, _j = _a.className, className = _j === void 0 ? '' : _j, _k = _a.imageClassName, imageClassName = _k === void 0 ? '' : _k, _l = _a.titleClassName, titleClassName = _l === void 0 ? '' : _l, _m = _a.subtitleClassName, subtitleClassName = _m === void 0 ? '' : _m, _o = _a.buttonClassName, buttonClassName = _o === void 0 ? '' : _o, _p = _a.indicatorsClassName, indicatorsClassName = _p === void 0 ? '' : _p, _q = _a.controlsClassName, controlsClassName = _q === void 0 ? '' : _q, _r = _a.contentClassName, contentClassName = _r === void 0 ? '' : _r, _s = _a.rounded, rounded = _s === void 0 ? 'none' : _s, _t = _a.buttonRounded, buttonRounded = _t === void 0 ? 'md' : _t, _u = _a.animation, animation = _u === void 0 ? 'slide' : _u, _v = _a.animationDuration, animationDuration = _v === void 0 ? 500 : _v, _w = _a.pauseOnHover, pauseOnHover = _w === void 0 ? true : _w, _x = _a.infiniteLoop, infiniteLoop = _x === void 0 ? true : _x, _y = _a.objectFit, objectFit = _y === void 0 ? 'cover' : _y, _z = _a.objectPosition, objectPosition = _z === void 0 ? 'center' : _z, renderItem = _a.renderItem, renderControls = _a.renderControls, renderIndicators = _a.renderIndicators, onSlideChange = _a.onSlideChange, _0 = _a.withOverlay, withOverlay = _0 === void 0 ? true : _0, _1 = _a.overlayOpacity, overlayOpacity = _1 === void 0 ? 0.5 : _1;
-    var _2 = useState(0), currentIndex = _2[0], setCurrentIndex = _2[1];
-    var _3 = useState(0), prevIndex = _3[0], setPrevIndex = _3[1];
-    var _4 = useState(false), isHovered = _4[0], setIsHovered = _4[1];
-    var showArrows = controls === 'arrows' || controls === 'both';
-    var showDots = controls === 'dots' || controls === 'both';
-    var heightClasses = {
-        sm: 'h-48 sm:h-64',
-        md: 'h-64 sm:h-96',
-        lg: 'h-80 sm:h-[32rem]',
-        xl: 'h-96 sm:h-[40rem]',
-        full: 'h-screen',
-        auto: 'h-auto',
-    };
-    var overlayClasses = {
-        dark: "bg-black/".concat(Math.round(overlayOpacity * 100)),
-        light: "bg-white/".concat(Math.round(overlayOpacity * 100)),
-        gradient: 'bg-gradient-to-t from-black/70 via-black/30 to-transparent',
-        none: '',
-    };
-    var textAlignmentClasses = {
-        left: 'text-left items-start',
-        center: 'text-center items-center',
-        right: 'text-right items-end',
-    };
-    var textPositionClasses = {
-        top: 'justify-start pt-10',
-        center: 'justify-center',
-        bottom: 'justify-end pb-10',
-    };
-    var roundedClasses = {
-        none: 'rounded-none',
-        sm: 'rounded-sm',
-        md: 'rounded-md',
-        lg: 'rounded-lg',
-        xl: 'rounded-xl',
-        full: 'rounded-full',
-    };
-    var buttonRoundedClasses = {
-        none: 'rounded-none',
-        sm: 'rounded-sm',
-        md: 'rounded-md',
-        lg: 'rounded-lg',
-        xl: 'rounded-xl',
-        full: 'rounded-full',
-    };
-    var objectFitClasses = {
-        cover: 'object-cover',
-        contain: 'object-contain',
-        fill: 'object-fill',
-        none: 'object-none',
-    };
-    var objectPositionClasses = {
-        center: 'object-center',
-        top: 'object-top',
-        bottom: 'object-bottom',
-        left: 'object-left',
-        right: 'object-right',
-    };
-    var animationClasses = {
-        slide: "transition-transform duration-".concat(animationDuration),
-        fade: "transition-opacity duration-".concat(animationDuration),
-        zoom: "transform transition-transform duration-".concat(animationDuration),
-        none: '',
-    };
-    var goToNext = function () {
-        setPrevIndex(currentIndex);
-        setCurrentIndex(function (prev) {
-            var newIndex = prev === items.length - 1 ? (infiniteLoop ? 0 : prev) : prev + 1;
-            onSlideChange && onSlideChange(newIndex, prev);
-            return newIndex;
-        });
-    };
-    var goToPrev = function () {
-        setPrevIndex(currentIndex);
-        setCurrentIndex(function (prev) {
-            var newIndex = prev === 0 ? (infiniteLoop ? items.length - 1 : prev) : prev - 1;
-            onSlideChange && onSlideChange(newIndex, prev);
-            return newIndex;
-        });
-    };
-    var goToSlide = function (index) {
-        if (index === currentIndex)
-            return;
-        setPrevIndex(currentIndex);
-        setCurrentIndex(index);
-        onSlideChange && onSlideChange(index, currentIndex);
-    };
-    // Autoplay effet
-    useEffect(function () {
-        if (!autoplay || (pauseOnHover && isHovered) || items.length <= 1)
-            return;
-        var interval = setInterval(goToNext, autoplayInterval);
-        return function () { return clearInterval(interval); };
-    }, [autoplay, autoplayInterval, isHovered, items.length, pauseOnHover]);
-    if (!items || items.length === 0) {
-        return null;
-    }
-    // Renderovanie individuálneho slide
-    var renderDefaultItem = function (item, index) { return (React.createElement("div", { key: item.id, className: "min-w-full h-full relative ".concat(animation === 'fade' ? (index === currentIndex ? 'opacity-100' : 'opacity-0') : '') },
-        React.createElement("div", { className: "absolute inset-0 w-full h-full" },
-            React.createElement("img", { src: item.imageSrc, alt: item.imageAlt || item.title, className: buildClassesByJoining('w-full h-full', roundedClasses[rounded], objectFitClasses[objectFit], objectPositionClasses[objectPosition], imageClassName), style: { objectFit: objectFit } }),
-            withOverlay && (React.createElement("div", { className: buildClassesByJoining('absolute inset-0', overlayClasses[overlayStyle], roundedClasses[rounded]), style: item.overlayOpacity ? { opacity: item.overlayOpacity } : {} }))),
-        item.customContent || (React.createElement("div", { className: buildClassesByJoining('relative h-full w-full flex flex-col px-6', textPositionClasses[textPosition], textAlignmentClasses[textAlignment], contentClassName) },
-            React.createElement("h2", { className: buildClassesByJoining('text-3xl sm:text-4xl md:text-5xl font-bold text-white mb-2', titleClassName) }, item.title),
-            React.createElement("p", { className: buildClassesByJoining('text-xl text-white/80 max-w-2xl', subtitleClassName) }, item.subtitle),
-            item.buttonText && item.buttonLink && (React.createElement("a", { href: item.buttonLink, className: buildClassesByJoining('mt-4 px-6 py-2 bg-white text-black font-medium hover:bg-opacity-90 transition-colors inline-block', buttonRoundedClasses[buttonRounded], buttonClassName) }, item.buttonText)))))); };
-    // Pre jeden slide použijeme zjednodušený výstup
-    if (items.length === 1) {
-        var item = items[0];
-        return (React.createElement("div", { className: buildClassesByJoining('relative overflow-hidden w-full', heightClasses[height], roundedClasses[rounded], className) }, renderItem ? renderItem(item, 0) : renderDefaultItem(item, 0)));
-    }
-    // Pre viac slideov vytvoríme karusel
-    return (React.createElement("div", { className: buildClassesByJoining('relative overflow-hidden w-full', heightClasses[height], roundedClasses[rounded], className), onMouseEnter: function () { return pauseOnHover && setIsHovered(true); }, onMouseLeave: function () { return pauseOnHover && setIsHovered(false); } },
-        React.createElement("div", { className: buildClassesByJoining('flex h-full', animationClasses[animation]), style: animation === 'slide'
-                ? { transform: "translateX(-".concat(currentIndex * 100, "%)") }
-                : {} }, items.map(function (item, index) {
-            return renderItem ? renderItem(item, index) : renderDefaultItem(item, index);
-        })),
-        showArrows &&
-            items.length > 1 &&
-            (renderControls ? (renderControls(goToNext, goToPrev)) : (React.createElement(React.Fragment, null,
-                React.createElement("button", { onClick: goToPrev, className: buildClassesByJoining('absolute left-4 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/30 hover:bg-black/50 text-white transition-colors', controlsClassName), "aria-label": "P\u0159edchoz\u00ED" },
-                    React.createElement(ChevronLeftIcon, { className: "h-6 w-6" })),
-                React.createElement("button", { onClick: goToNext, className: buildClassesByJoining('absolute right-4 top-1/2 -translate-y-1/2 w-10 h-10 flex items-center justify-center rounded-full bg-black/30 hover:bg-black/50 text-white transition-colors', controlsClassName), "aria-label": "Dal\u0161\u00ED" },
-                    React.createElement(ChevronRightIcon, { className: "h-6 w-6" }))))),
-        showDots &&
-            items.length > 1 &&
-            (renderIndicators ? (renderIndicators(currentIndex, items.length, goToSlide)) : (React.createElement("div", { className: buildClassesByJoining('absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2', indicatorsClassName) }, items.map(function (_, index) { return (React.createElement("button", { key: index, onClick: function () { return goToSlide(index); }, className: buildClassesByJoining('w-3 h-3 rounded-full transition-colors', index === currentIndex
-                    ? 'bg-white'
-                    : 'bg-white/40 hover:bg-white/60'), "aria-label": "P\u0159ej\u00EDt na slide ".concat(index + 1) })); }))))));
-};

package/dist/components/basket-dialog/BasketDialog.d.ts

@@ -1,55 +0,0 @@
-import React from 'react';
-export type BasketProduct = {
-    id: string;
-    name: string;
-    price: number;
-    quantity: number;
-    image?: {
-        src: string;
-        alt: string;
-    };
-    href?: string;
-    color?: string;
-    [key: string]: any;
-};
-export type BasketDialogVariant = 'default' | 'compact' | 'full';
-export type BasketDialogPosition = 'right' | 'left';
-export type BasketDialogProps = {
-    isOpen: boolean;
-    onClose: () => void;
-    products: BasketProduct[];
-    subtotal: string | number;
-    onQuantityChange?: (productId: string, quantity: number) => void;
-    onRemoveProduct?: (productId: string) => void;
-    onCheckout?: () => void;
-    onContinueShopping?: () => void;
-    onProductClick?: (product: BasketProduct) => void;
-    title?: string;
-    checkoutText?: string;
-    continueShoppingText?: string;
-    emptyCartText?: string;
-    quantityLabel?: string;
-    removeButtonText?: string;
-    totalLabel?: string;
-    shippingNoteText?: string;
-    variant?: BasketDialogVariant;
-    position?: BasketDialogPosition;
-    showProductImages?: boolean;
-    showProductColors?: boolean;
-    showProductLinks?: boolean;
-    showRemoveButton?: boolean;
-    showSubtotal?: boolean;
-    showCheckoutButton?: boolean;
-    showContinueShoppingButton?: boolean;
-    showShippingNote?: boolean;
-    showQuantityControls?: boolean;
-    customClassName?: string;
-    maxHeight?: string;
-    animationDuration?: number;
-    backdropOpacity?: number;
-    renderCustomProduct?: (product: BasketProduct) => React.ReactNode;
-    renderCustomFooter?: () => React.ReactNode;
-    pendingUpdates?: Record<string, number>;
-    processingItems?: Record<string, boolean>;
-};
-export declare const BasketDialog: ({ isOpen, onClose, products, subtotal, onQuantityChange, onRemoveProduct, onCheckout, onContinueShopping, onProductClick, title, checkoutText, continueShoppingText, emptyCartText, quantityLabel, removeButtonText, totalLabel, shippingNoteText, variant, position, showProductImages, showProductColors, showProductLinks, showRemoveButton, showSubtotal, showCheckoutButton, showContinueShoppingButton, showShippingNote, showQuantityControls, customClassName, maxHeight, animationDuration, backdropOpacity, renderCustomProduct, renderCustomFooter, pendingUpdates, processingItems, }: BasketDialogProps) => React.JSX.Element;

package/dist/components/basket-dialog/BasketDialog.js

@@ -1,167 +0,0 @@
-'use client';
-import { Dialog, DialogBackdrop, DialogPanel, DialogTitle } from '@headlessui/react';
-import { MinusIcon, PlusIcon, XMarkIcon } from '@heroicons/react/24/outline';
-import React from 'react';
-// Helper funkcia pre formátovanie ceny
-var formatPrice = function (price) {
-    return new Intl.NumberFormat('cs-CZ', {
-        style: 'currency',
-        currency: 'CZK',
-    }).format(price);
-};
-export var BasketDialog = function (_a) {
-    var 
-    // Základné props
-    isOpen = _a.isOpen, onClose = _a.onClose, products = _a.products, subtotal = _a.subtotal, 
-    // Callback funkcie
-    onQuantityChange = _a.onQuantityChange, onRemoveProduct = _a.onRemoveProduct, onCheckout = _a.onCheckout, onContinueShopping = _a.onContinueShopping, onProductClick = _a.onProductClick, 
-    // Texty s predvolenými hodnotami
-    _b = _a.title, 
-    // Texty s predvolenými hodnotami
-    title = _b === void 0 ? 'Váš košík' : _b, _c = _a.checkoutText, checkoutText = _c === void 0 ? 'Pokračovat k objednávce' : _c, _d = _a.continueShoppingText, continueShoppingText = _d === void 0 ? 'Pokračovat v nákupu' : _d, _e = _a.emptyCartText, emptyCartText = _e === void 0 ? 'Váš košík je prázdný' : _e, _f = _a.quantityLabel, quantityLabel = _f === void 0 ? 'Množství:' : _f, _g = _a.removeButtonText, removeButtonText = _g === void 0 ? 'Odstranit' : _g, _h = _a.totalLabel, totalLabel = _h === void 0 ? 'Celkem' : _h, _j = _a.shippingNoteText, shippingNoteText = _j === void 0 ? 'Doprava a daně budou vypočítány při dokončení objednávky.' : _j, 
-    // Zobrazenie/konfigurácia s predvolenými hodnotami
-    _k = _a.variant, 
-    // Zobrazenie/konfigurácia s predvolenými hodnotami
-    variant = _k === void 0 ? 'default' : _k, _l = _a.position, position = _l === void 0 ? 'right' : _l, _m = _a.showProductImages, showProductImages = _m === void 0 ? true : _m, _o = _a.showProductColors, showProductColors = _o === void 0 ? true : _o, _p = _a.showProductLinks, showProductLinks = _p === void 0 ? true : _p, _q = _a.showRemoveButton, showRemoveButton = _q === void 0 ? true : _q, _r = _a.showSubtotal, showSubtotal = _r === void 0 ? true : _r, _s = _a.showCheckoutButton, showCheckoutButton = _s === void 0 ? true : _s, _t = _a.showContinueShoppingButton, showContinueShoppingButton = _t === void 0 ? true : _t, _u = _a.showShippingNote, showShippingNote = _u === void 0 ? true : _u, _v = _a.showQuantityControls, showQuantityControls = _v === void 0 ? true : _v, 
-    // Štýlovanie s predvolenými hodnotami
-    _w = _a.customClassName, 
-    // Štýlovanie s predvolenými hodnotami
-    customClassName = _w === void 0 ? '' : _w, _x = _a.maxHeight, maxHeight = _x === void 0 ? '100vh' : _x, _y = _a.animationDuration, animationDuration = _y === void 0 ? 500 : _y, _z = _a.backdropOpacity, backdropOpacity = _z === void 0 ? 0.75 : _z, 
-    // Vlastné renderovanie
-    renderCustomProduct = _a.renderCustomProduct, renderCustomFooter = _a.renderCustomFooter, 
-    // Stav
-    _0 = _a.pendingUpdates, 
-    // Stav
-    pendingUpdates = _0 === void 0 ? {} : _0, _1 = _a.processingItems, processingItems = _1 === void 0 ? {} : _1;
-    var handleCheckout = function () {
-        if (onCheckout) {
-            onCheckout();
-        }
-    };
-    var handleContinueShopping = function () {
-        if (onContinueShopping) {
-            onContinueShopping();
-        }
-        else {
-            onClose();
-        }
-    };
-    var handleIncrement = function (productId, quantity) {
-        if (onQuantityChange) {
-            onQuantityChange(productId, quantity + 1);
-        }
-    };
-    var handleDecrement = function (productId, quantity) {
-        if (onQuantityChange) {
-            if (quantity > 1) {
-                onQuantityChange(productId, quantity - 1);
-            }
-            else {
-                onQuantityChange(productId, 0);
-            }
-        }
-    };
-    var getVariantClasses = function () {
-        switch (variant) {
-            case 'compact':
-                return 'max-w-sm';
-            case 'full':
-                return 'max-w-2xl';
-            default:
-                return 'max-w-md';
-        }
-    };
-    var getPositionClasses = function () {
-        return position === 'left' ? 'left-0' : 'right-0';
-    };
-    return (React.createElement(Dialog, { open: isOpen, onClose: onClose, className: "relative z-60" },
-        React.createElement(DialogBackdrop, { transition: true, className: "fixed inset-0 bg-gray-500/75 transition-opacity duration-".concat(animationDuration, " ease-in-out data-closed:opacity-0"), style: { opacity: backdropOpacity } }),
-        React.createElement("div", { className: "fixed inset-0 overflow-hidden" },
-            React.createElement("div", { className: "absolute inset-0 overflow-hidden" },
-                React.createElement("div", { className: "pointer-events-none fixed inset-y-0 ".concat(getPositionClasses(), " flex max-w-full pl-10") },
-                    React.createElement(DialogPanel, { transition: true, className: "pointer-events-auto w-screen ".concat(getVariantClasses(), " transform transition duration-").concat(animationDuration, " ease-in-out data-closed:translate-x-full sm:duration-700 ").concat(customClassName) },
-                        React.createElement("div", { className: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl", style: { maxHeight: maxHeight } },
-                            React.createElement("div", { className: "flex-1 overflow-y-auto px-4 py-6 sm:px-6" },
-                                React.createElement("div", { className: "flex items-start justify-between" },
-                                    React.createElement(DialogTitle, { className: "text-lg font-medium text-gray-900" }, title),
-                                    React.createElement("div", { className: "ml-3 flex h-7 items-center" },
-                                        React.createElement("button", { type: "button", onClick: onClose, className: "relative -m-2 p-2 text-gray-400 hover:text-gray-500" },
-                                            React.createElement("span", { className: "absolute -inset-0.5" }),
-                                            React.createElement("span", { className: "sr-only" }, "Close panel"),
-                                            React.createElement(XMarkIcon, { "aria-hidden": "true", className: "size-6" })))),
-                                React.createElement("div", { className: "mt-8" },
-                                    React.createElement("div", { className: "flow-root" }, products.length === 0 ? (React.createElement("div", { className: "py-6 text-center text-gray-500" }, emptyCartText)) : (React.createElement("ul", { role: "list", className: "-my-6 divide-y divide-gray-200" }, products.map(function (product) {
-                                        if (renderCustomProduct) {
-                                            return renderCustomProduct(product);
-                                        }
-                                        var displayQuantity = product.id in pendingUpdates
-                                            ? pendingUpdates[product.id]
-                                            : product.quantity;
-                                        var isProcessing = processingItems[product.id] === true;
-                                        return (React.createElement("li", { key: product.id, className: "flex py-6" },
-                                            showProductImages &&
-                                                product.image && (React.createElement("div", { className: "size-24 shrink-0 overflow-hidden rounded-md border border-gray-200" },
-                                                React.createElement("img", { alt: product.image
-                                                        .alt, src: product.image
-                                                        .src, className: "size-full object-cover" }))),
-                                            React.createElement("div", { className: "ml-4 flex flex-1 flex-col" },
-                                                React.createElement("div", null,
-                                                    React.createElement("div", { className: "flex justify-between text-base font-medium text-gray-900" },
-                                                        React.createElement("h3", null, showProductLinks &&
-                                                            product.href ? (React.createElement("a", { href: product.href, onClick: function (e) {
-                                                                if (onProductClick) {
-                                                                    e.preventDefault();
-                                                                    onProductClick(product);
-                                                                }
-                                                            } }, product.name)) : (product.name)),
-                                                        React.createElement("p", { className: "ml-4" }, formatPrice(product.price))),
-                                                    showProductColors &&
-                                                        product.color && (React.createElement("p", { className: "mt-1 text-sm text-gray-500" }, product.color))),
-                                                React.createElement("div", { className: "flex flex-1 items-end justify-between text-sm" },
-                                                    showQuantityControls &&
-                                                        onQuantityChange ? (React.createElement("div", { className: "flex items-center gap-2" },
-                                                        React.createElement("p", { className: "text-gray-500 mr-2" }, quantityLabel),
-                                                        React.createElement("div", { className: "flex items-center" },
-                                                            React.createElement("button", { type: "button", onClick: function () {
-                                                                    return !isProcessing &&
-                                                                        handleDecrement(product.id, displayQuantity);
-                                                                }, disabled: isProcessing, className: "rounded-full p-1 text-gray-600 ".concat(isProcessing
-                                                                    ? 'bg-gray-100 cursor-not-allowed opacity-50'
-                                                                    : 'bg-gray-200 hover:bg-gray-300') },
-                                                                React.createElement(MinusIcon, { className: "h-4 w-4" })),
-                                                            React.createElement("span", { className: "mx-2 min-w-[20px] text-center text-black" }, displayQuantity),
-                                                            React.createElement("button", { type: "button", onClick: function () {
-                                                                    return !isProcessing &&
-                                                                        handleIncrement(product.id, displayQuantity);
-                                                                }, disabled: isProcessing, className: "rounded-full p-1 text-gray-600 ".concat(isProcessing
-                                                                    ? 'bg-gray-100 cursor-not-allowed opacity-50'
-                                                                    : 'bg-gray-200 hover:bg-gray-300') },
-                                                                React.createElement(PlusIcon, { className: "h-4 w-4" }))))) : (React.createElement("p", { className: "text-gray-500" },
-                                                        quantityLabel,
-                                                        ' ',
-                                                        displayQuantity)),
-                                                    showRemoveButton &&
-                                                        onRemoveProduct && (React.createElement("div", { className: "flex" },
-                                                        React.createElement("button", { type: "button", className: "font-medium ".concat(isProcessing
-                                                                ? 'text-gray-400 cursor-not-allowed'
-                                                                : 'text-green-600 hover:text-green-500'), onClick: function () {
-                                                                return !isProcessing &&
-                                                                    onRemoveProduct(product.id);
-                                                            }, disabled: isProcessing }, removeButtonText)))))));
-                                    })))))),
-                            React.createElement("div", { className: "border-t border-gray-200 px-4 py-6 sm:px-6" },
-                                showSubtotal && (React.createElement("div", { className: "flex justify-between text-base font-medium text-gray-900" },
-                                    React.createElement("p", null, totalLabel),
-                                    React.createElement("p", null, typeof subtotal === 'number'
-                                        ? formatPrice(subtotal)
-                                        : subtotal))),
-                                showShippingNote && (React.createElement("p", { className: "mt-0.5 text-sm text-gray-500" }, shippingNoteText)),
-                                products.length > 0 && showCheckoutButton && onCheckout && (React.createElement("div", { className: "mt-6" },
-                                    React.createElement("button", { onClick: handleCheckout, className: "flex w-full items-center justify-center rounded-md border border-transparent bg-green-600 px-6 py-3 text-base font-medium text-white shadow-xs hover:bg-green-700" }, checkoutText))),
-                                showContinueShoppingButton && (React.createElement("div", { className: "mt-6 flex justify-center text-center text-sm text-gray-500" },
-                                    React.createElement("p", null,
-                                        React.createElement("button", { type: "button", onClick: handleContinueShopping, className: "font-medium text-green-600 hover:text-green-500" },
-                                            continueShoppingText,
-                                            React.createElement("span", { "aria-hidden": "true" }, " \u2192"))))),
-                                renderCustomFooter && renderCustomFooter()))))))));
-};

package/dist/components/icon/CloseIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SVGProps } from 'react';
-export declare const CloseIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/components/icon/CloseIcon.js

@@ -1,14 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var CloseIcon = function (props) { return (React.createElement("svg", __assign({ width: 16, height: 16, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", className: props.className, onClick: props.onClick, onMouseDown: props.onMouseDown }, props),
-    React.createElement("path", { d: "M6 18L18 6M6 6l12 12", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }))); };

package/dist/components/icon/InfoIcon.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SVGProps } from 'react';
-export declare const InfoIcon: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/dist/components/icon/InfoIcon.js

@@ -1,15 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import React from 'react';
-export var InfoIcon = function (props) { return (React.createElement("svg", __assign({ className: "w-4 h-4 text-blue-600 ".concat(props.className || ''), fill: "none", stroke: "currentColor", strokeWidth: "2", viewBox: "0 0 24 24" }, props),
-    React.createElement("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor" }),
-    React.createElement("path", { d: "M12 8v4m0 4h.01", stroke: "currentColor" }))); };

package/dist/components/label/Label.d.ts

@@ -1,12 +0,0 @@
-import React from "react";
-interface LabelProps {
-    text?: string;
-    i18nKey?: string;
-    isRequired?: boolean;
-    htmlFor?: string;
-    subtitle?: string;
-    srOnly?: boolean;
-    className?: string;
-}
-declare const Label: ({ text, i18nKey, isRequired, htmlFor, subtitle, srOnly, className, }: LabelProps) => React.JSX.Element | null;
-export default Label;

package/dist/components/label/Label.js

@@ -1,11 +0,0 @@
-import React from "react";
-var Label = function (_a) {
-    var text = _a.text, i18nKey = _a.i18nKey, isRequired = _a.isRequired, htmlFor = _a.htmlFor, subtitle = _a.subtitle, srOnly = _a.srOnly, _b = _a.className, className = _b === void 0 ? '' : _b;
-    if (!text && !i18nKey)
-        return null;
-    return (React.createElement("label", { htmlFor: htmlFor, className: "text-sm font-medium text-gray-700 flex flex-col ".concat(srOnly ? 'sr-only' : '', " ").concat(className) },
-        React.createElement("span", null, text || i18nKey),
-        isRequired && React.createElement("span", { className: "ml-1 text-red-500" }, "*"),
-        subtitle && React.createElement("span", { className: "text-xs text-gray-500" }, subtitle)));
-};
-export default Label;

package/dist/components/nav-bar/NavBar.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-export type NavItem = {
-    name: string;
-    href: string;
-};
-export type NavBarProps = {
-    items?: NavItem[];
-    logo?: React.ReactNode;
-    rightContent?: React.ReactNode;
-    backgroundColor?: string;
-    textColor?: string;
-    activeColor?: string;
-    mobileMenuBgColor?: string;
-    containerClassName?: string;
-    navClassName?: string;
-    itemClassName?: string;
-    mobileItemClassName?: string;
-};
-export declare const NavBar: ({ items, logo, rightContent, backgroundColor, textColor, activeColor, mobileMenuBgColor, containerClassName, navClassName, itemClassName, mobileItemClassName, }: NavBarProps) => React.JSX.Element;