@banzamel/mineralui 0.10.3 → 1.0.0

package/dist/cards-CYzgOCG5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cards-CYzgOCG5.js","names":[],"sources":["../src/components/cards/MCardPayment/MCardPayment.tsx","../src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx","../src/components/cards/MCardOffer/MCardOffer.tsx","../src/components/cards/MCardCourse/MCardCourse.tsx","../src/components/cards/MCardProduct/MCardProduct.tsx","../src/components/cards/MCardEvent/MCardEvent.tsx","../src/components/cards/MCardWidget/MCardWidget.tsx","../src/components/cards/MCardGrid/MCardGrid.tsx"],"sourcesContent":["import type {MCardPaymentProps} from './MCardPayment.types'\nimport {cn} from '../../../utils/cn'\nimport {creditCardBrands, detectCardBrand} from '../../../utils/creditCards'\nimport './MCardPayment.css'\n\nfunction maskNumber(raw: string): string {\n    const digits = raw.replace(/\\D/g, '')\n    if (digits.length <= 4) return digits\n    const last4 = digits.slice(-4)\n    return `\\u2022\\u2022\\u2022\\u2022 \\u2022\\u2022\\u2022\\u2022 \\u2022\\u2022\\u2022\\u2022 ${last4}`\n}\n\n// Display-only payment card with balance, masked number, holder name and brand badge.\nexport function MCardPayment({\n    holder,\n    number,\n    expiry,\n    brand,\n    brandIcon,\n    balance,\n    balanceLabel = 'Current balance',\n    color,\n    className,\n    ...rest\n}: MCardPaymentProps) {\n    const detectedDetails = detectCardBrand(number)\n    const detected = brand ?? detectedDetails.brand\n    const brandDetails = creditCardBrands.find((rule) => rule.brand === detected) ?? detectedDetails\n    const masked = maskNumber(number)\n    const brandLabel = brandDetails.iconLabel\n\n    return (\n        <div className={cn('card-payment', color || 'primary', className)} {...rest}>\n            {balance !== undefined && (\n                <div>\n                    <p className=\"cp-balance-label\">{balanceLabel}</p>\n                    <p className=\"cp-balance\">{balance}</p>\n                </div>\n            )}\n\n            <div className=\"cp-row\">\n                <span className={cn('cp-brand', !brandIcon && detected)}>{brandIcon ?? brandLabel}</span>\n                <span className=\"cp-number\">{masked}</span>\n            </div>\n\n            <div className=\"cp-details\">\n                <div>\n                    <p className=\"cp-field-label\">MCard holder</p>\n                    <p className=\"cp-field-value\">{holder}</p>\n                </div>\n                <div>\n                    <p className=\"cp-field-label\">Expiration date</p>\n                    <p className=\"cp-field-value\">{expiry}</p>\n                </div>\n            </div>\n        </div>\n    )\n}\n","import {useEffect, useState} from 'react'\nimport type {SharedServiceCardProps} from './ServiceCardsShared.types'\nimport {cn} from '../../../utils/cn'\nimport {\n    MArrowDownIcon,\n    MArrowUpIcon,\n    MClockIcon,\n    MEllipsisVerticalIcon,\n    MHeartFillIcon,\n    MHeartIcon,\n    MMinusIcon,\n    MPlusIcon,\n} from '../../../icons'\nimport {MButton} from '../../controls'\nimport {MBadge} from '../../feedback'\nimport {MAvatar} from '../../media'\nimport {MRating} from '../../display'\nimport {MDropdownItem, MDropdownMenu} from '../../overlays'\nimport './ServiceCardsShared.css'\n\nexport function SharedServiceCard({\n    variant,\n    title,\n    description,\n    price,\n    currency = 'PLN',\n    duration,\n    available,\n    image,\n    gallery,\n    galleryAutoPlay = false,\n    rating,\n    reviewCount,\n    favorite,\n    onFavorite,\n    menuItems,\n    onAddToCart,\n    actionLabel,\n    icon,\n    color = 'primary',\n    leader,\n    participants,\n    maxParticipants,\n    quantity: controlledQty,\n    onQuantityChange,\n    date,\n    location,\n    status,\n    value,\n    trend,\n    className,\n    ...rest\n}: SharedServiceCardProps) {\n    const [galleryIdx, setGalleryIdx] = useState(0)\n    const [isGalleryTransitioning, setIsGalleryTransitioning] = useState(false)\n    const [internalQty, setInternalQty] = useState(1)\n\n    const qty = controlledQty ?? internalQty\n    const images = gallery && gallery.length > 0 ? gallery : image ? [image] : []\n\n    useEffect(() => {\n        if (galleryIdx >= images.length) {\n            setGalleryIdx(0)\n        }\n    }, [galleryIdx, images.length])\n\n    useEffect(() => {\n        if (!isGalleryTransitioning) {\n            return\n        }\n\n        const transitionId = window.setTimeout(() => {\n            setIsGalleryTransitioning(false)\n        }, 220)\n\n        return () => window.clearTimeout(transitionId)\n    }, [galleryIdx, isGalleryTransitioning])\n\n    function changeGallery(nextIdx: number) {\n        if (nextIdx === galleryIdx || nextIdx < 0 || nextIdx >= images.length) {\n            return\n        }\n\n        if (images.length > 1) {\n            setIsGalleryTransitioning(true)\n        }\n\n        setGalleryIdx(nextIdx)\n    }\n\n    useEffect(() => {\n        if (!galleryAutoPlay || images.length <= 1) {\n            return\n        }\n\n        const intervalId = window.setInterval(() => {\n            setIsGalleryTransitioning(true)\n            setGalleryIdx((current) => (current + 1) % images.length)\n        }, 3500)\n\n        return () => window.clearInterval(intervalId)\n    }, [galleryAutoPlay, images.length])\n\n    function changeQty(next: number) {\n        const val = Math.max(1, next)\n        if (onQuantityChange) onQuantityChange(val)\n        else setInternalQty(val)\n    }\n\n    const availLabel =\n        available === true\n            ? 'Available'\n            : available === false\n              ? 'Unavailable'\n              : typeof available === 'number'\n                ? `${available} spots`\n                : null\n\n    const parsedDate = date ? (date instanceof Date ? date : new Date(date)) : null\n    const dateDay = parsedDate ? parsedDate.getDate() : null\n    const dateMonth = parsedDate ? parsedDate.toLocaleString('en', {month: 'short'}).toUpperCase() : null\n\n    const trendType = trend !== undefined ? (trend > 0 ? 'up' : trend < 0 ? 'down' : 'neutral') : null\n\n    if (variant === 'widget') {\n        return (\n            <div className={cn('card-service', 'widget', `color-${color}`, className)} {...rest}>\n                <div className=\"cs-widget\">\n                    {icon && <span className=\"cs-widget-icon\">{icon}</span>}\n                    <div className=\"cs-widget-content\">\n                        <span className=\"cs-widget-label\">{title}</span>\n                        <span className=\"cs-widget-value\">{value}</span>\n                        {trend !== undefined && (\n                            <span className={cn('cs-widget-trend', trendType)}>\n                                {trendType === 'up' && <MArrowUpIcon size={14} />}\n                                {trendType === 'down' && <MArrowDownIcon size={14} />}\n                                <span>\n                                    {trend > 0 ? '+' : ''}\n                                    {trend}%\n                                </span>\n                            </span>\n                        )}\n                    </div>\n                </div>\n            </div>\n        )\n    }\n\n    return (\n        <div className={cn('card-service', variant, `color-${color}`, className)} {...rest}>\n            {images.length > 0 && (\n                <div className=\"cs-gallery\">\n                    <img\n                        src={images[galleryIdx]}\n                        alt={title}\n                        className={cn('cs-image', isGalleryTransitioning && 'is-transitioning')}\n                    />\n                    {images.length > 1 && (\n                        <div className=\"cs-gallery-dots\">\n                            {images.map((_, i) => (\n                                <button\n                                    key={i}\n                                    type=\"button\"\n                                    className={cn('cs-dot', i === galleryIdx && 'active')}\n                                    onClick={() => changeGallery(i)}\n                                    aria-label={`Image ${i + 1}`}\n                                />\n                            ))}\n                        </div>\n                    )}\n\n                    {(onFavorite || (menuItems && menuItems.length > 0)) && (\n                        <div className=\"cs-gallery-actions\">\n                            {menuItems && menuItems.length > 0 && (\n                                <MDropdownMenu\n                                    className=\"cs-menu-wrap\"\n                                    trigger={\n                                        <MButton\n                                            variant=\"ghost\"\n                                            iconOnly\n                                            shape=\"circle\"\n                                            aria-label=\"More options\"\n                                            className=\"cs-overlay-btn\"\n                                        >\n                                            <MEllipsisVerticalIcon />\n                                        </MButton>\n                                    }\n                                    placement=\"bottom-end\"\n                                >\n                                    {menuItems.map((item, i) => (\n                                        <MDropdownItem\n                                            key={i}\n                                            icon={item.icon}\n                                            color={item.danger ? 'error' : undefined}\n                                            label={item.label}\n                                            onClick={item.onClick}\n                                        />\n                                    ))}\n                                </MDropdownMenu>\n                            )}\n                            {onFavorite && (\n                                <MButton\n                                    variant=\"ghost\"\n                                    iconOnly\n                                    shape=\"circle\"\n                                    onClick={onFavorite}\n                                    aria-label={favorite ? 'Remove from favorites' : 'Add to favorites'}\n                                    className={cn('cs-overlay-btn', favorite && 'cs-fav-active')}\n                                >\n                                    {favorite ? <MHeartFillIcon /> : <MHeartIcon />}\n                                </MButton>\n                            )}\n                        </div>\n                    )}\n                </div>\n            )}\n\n            <div className=\"cs-body\">\n                {variant === 'event' && parsedDate && (\n                    <div className=\"cs-event-header\">\n                        <div className=\"cs-date-block\">\n                            <span className=\"cs-date-day\">{dateDay}</span>\n                            <span className=\"cs-date-month\">{dateMonth}</span>\n                        </div>\n                        <div className=\"cs-event-info\">\n                            <h3 className=\"cs-title\">{title}</h3>\n                            {description && <p className=\"cs-desc\">{description}</p>}\n                        </div>\n                    </div>\n                )}\n\n                {variant !== 'event' && (\n                    <>\n                        <div className=\"cs-top\">\n                            {icon && <span className=\"cs-icon\">{icon}</span>}\n                            <h3 className=\"cs-title\">{title}</h3>\n                        </div>\n                        {description && <p className=\"cs-desc\">{description}</p>}\n                    </>\n                )}\n\n                {variant === 'event' && !parsedDate && (\n                    <>\n                        <div className=\"cs-top\">\n                            {icon && <span className=\"cs-icon\">{icon}</span>}\n                            <h3 className=\"cs-title\">{title}</h3>\n                        </div>\n                        {description && <p className=\"cs-desc\">{description}</p>}\n                    </>\n                )}\n\n                {rating !== undefined && (\n                    <div className=\"cs-rating\">\n                        <MRating value={Math.round(rating)} size=\"sm\" color=\"warning\" readOnly className=\"cs-stars\" />\n                        <span className=\"cs-rating-value\">{rating.toFixed(1)}</span>\n                        {reviewCount !== undefined && <span className=\"cs-review-count\">({reviewCount})</span>}\n                    </div>\n                )}\n\n                {leader && (\n                    <div className=\"cs-leader\">\n                        <MAvatar src={leader.avatar} name={leader.name} size={28} color={color} />\n                        <span className=\"cs-leader-name\">{leader.name}</span>\n                    </div>\n                )}\n\n                {variant === 'course' && participants && (\n                    <div className=\"cs-participants\">\n                        <div className=\"cs-participants-avatars\">\n                            {participants.slice(0, 4).map((participant, index) => (\n                                <MAvatar\n                                    key={`${participant.name}-${index}`}\n                                    src={participant.avatar}\n                                    name={participant.name}\n                                    size={28}\n                                    color={color}\n                                    className=\"cs-participant-avatar\"\n                                />\n                            ))}\n                        </div>\n                        {maxParticipants && (\n                            <span className=\"cs-spots\">\n                                {participants.length}/{maxParticipants}\n                            </span>\n                        )}\n                    </div>\n                )}\n\n                <div className=\"cs-meta\">\n                    {variant === 'event' && location && (\n                        <MBadge size=\"xs\" color={color}>\n                            {location}\n                        </MBadge>\n                    )}\n                    {duration && (\n                        <MBadge size=\"xs\" color={color} icon={<MClockIcon />}>\n                            {duration}\n                        </MBadge>\n                    )}\n                    {variant === 'event' && status && (\n                        <MBadge size=\"xs\" color={status.toLowerCase() === 'sold out' ? 'error' : color}>\n                            {status}\n                        </MBadge>\n                    )}\n                    {availLabel && variant !== 'event' && (\n                        <MBadge size=\"xs\" color={available === false ? 'error' : color}>\n                            {availLabel}\n                        </MBadge>\n                    )}\n                </div>\n            </div>\n\n            <div className=\"cs-footer\">\n                {price !== undefined && (\n                    <span className=\"cs-price\">\n                        {typeof price === 'number' ? price.toFixed(2) : price}{' '}\n                        <span className=\"cs-currency\">{currency}</span>\n                    </span>\n                )}\n\n                <div className=\"cs-actions\">\n                    {variant === 'product' && onAddToCart && (\n                        <div className=\"cs-qty\">\n                            <MButton\n                                variant=\"ghost\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={() => changeQty(qty - 1)}\n                                aria-label=\"Decrease\"\n                                className=\"cs-qty-btn\"\n                            >\n                                <MMinusIcon />\n                            </MButton>\n                            <span className=\"cs-qty-value\">{qty}</span>\n                            <MButton\n                                variant=\"ghost\"\n                                iconOnly\n                                size=\"sm\"\n                                onClick={() => changeQty(qty + 1)}\n                                aria-label=\"Increase\"\n                                className=\"cs-qty-btn\"\n                            >\n                                <MPlusIcon />\n                            </MButton>\n                        </div>\n                    )}\n                    {onAddToCart && (\n                        <MButton\n                            variant=\"filled\"\n                            size=\"sm\"\n                            color={color}\n                            onClick={() => onAddToCart(qty)}\n                            disabled={available === false}\n                            className=\"cs-cart-btn\"\n                        >\n                            {actionLabel ?? (variant === 'event' ? 'Register' : 'Add to cart')}\n                        </MButton>\n                    )}\n                </div>\n            </div>\n        </div>\n    )\n}\n","import type {MCardOfferProps} from './MCardOffer.types'\nimport {SharedServiceCard} from '../ServiceCardsShared/ServiceCardsShared'\n\nexport function MCardOffer(props: MCardOfferProps) {\n    const {onAction, actionLabel = 'Book now', ...rest} = props\n\n    return (\n        <SharedServiceCard\n            variant=\"service\"\n            onAddToCart={onAction ? () => onAction() : undefined}\n            actionLabel={actionLabel}\n            {...rest}\n        />\n    )\n}\n","import type {MCardCourseProps} from './MCardCourse.types'\nimport {SharedServiceCard} from '../ServiceCardsShared/ServiceCardsShared'\n\nexport function MCardCourse(props: MCardCourseProps) {\n    const {onAction, actionLabel = 'Join course', ...rest} = props\n\n    return (\n        <SharedServiceCard\n            variant=\"course\"\n            onAddToCart={onAction ? () => onAction() : undefined}\n            actionLabel={actionLabel}\n            {...rest}\n        />\n    )\n}\n","import type {MCardProductProps} from './MCardProduct.types'\nimport {SharedServiceCard} from '../ServiceCardsShared/ServiceCardsShared'\n\nexport function MCardProduct(props: MCardProductProps) {\n    const {addToCartLabel = 'Add to cart', ...rest} = props\n\n    return <SharedServiceCard variant=\"product\" actionLabel={addToCartLabel} {...rest} />\n}\n","import type {MCardEventProps} from './MCardEvent.types'\nimport {SharedServiceCard} from '../ServiceCardsShared/ServiceCardsShared'\n\nexport function MCardEvent(props: MCardEventProps) {\n    const {onRegister, registerLabel = 'Register', ...rest} = props\n\n    return (\n        <SharedServiceCard\n            variant=\"event\"\n            onAddToCart={onRegister ? () => onRegister() : undefined}\n            actionLabel={registerLabel}\n            {...rest}\n        />\n    )\n}\n","import type {MCardWidgetProps} from './MCardWidget.types'\nimport {cn} from '../../../utils/cn'\nimport {MArrowDownIcon, MArrowUpIcon} from '../../../icons'\nimport './MCardWidget.css'\n\nfunction resolveTrendType(trend: MCardWidgetProps['trend'], explicit?: MCardWidgetProps['trendType']) {\n    if (explicit) return explicit\n    if (typeof trend !== 'number' || trend === 0) return 'neutral'\n    return trend > 0 ? 'up' : 'down'\n}\n\nfunction formatTrend(trend: MCardWidgetProps['trend']) {\n    if (typeof trend === 'number' && trend > 0) {\n        return `+${trend}`\n    }\n\n    return trend\n}\n\nexport function MCardWidget({\n    title,\n    value,\n    trend,\n    trendType,\n    icon,\n    color = 'primary',\n    helperText,\n    className,\n    ...rest\n}: MCardWidgetProps) {\n    const hasTrend = trend !== undefined && trend !== null\n    const resolvedTrendType = resolveTrendType(trend, trendType)\n    const formattedTrend = formatTrend(trend)\n\n    return (\n        <div className={cn('card-widget', `color-${color}`, className)} {...rest}>\n            <div className=\"cw-top\">\n                <div className=\"cw-meta\">\n                    <span className=\"cw-title\">{title}</span>\n                    <span className=\"cw-value\">{value}</span>\n                </div>\n                {icon && <span className=\"cw-icon\">{icon}</span>}\n            </div>\n\n            {hasTrend && (\n                <div className=\"cw-bottom\">\n                    <span className={cn('cw-trend', resolvedTrendType)}>\n                        {resolvedTrendType === 'up' && <MArrowUpIcon size={14} />}\n                        {resolvedTrendType === 'down' && <MArrowDownIcon size={14} />}\n                        <span>{formattedTrend}</span>\n                    </span>\n                </div>\n            )}\n\n            {helperText && <div className=\"cw-helper\">{helperText}</div>}\n        </div>\n    )\n}\n","import {useState, useMemo, useRef, useCallback} from 'react'\nimport type {MCardGridProps} from './MCardGrid.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPopover} from '../../primitives'\nimport {MArrowDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport './MCardGrid.css'\n\nfunction getNestedValue(obj: unknown, key: string): unknown {\n    const parts = key.split('.')\n    let val: unknown = obj\n\n    for (const p of parts) {\n        if (val == null || typeof val !== 'object') return undefined\n        val = (val as Record<string, unknown>)[p]\n    }\n\n    return val\n}\n\nexport function MCardGrid<T extends Record<string, unknown>>({\n    items,\n    renderCard,\n    searchable = false,\n    searchKeys,\n    searchPlaceholder = 'Search...',\n    filterable = false,\n    filterKeys = [],\n    sortable = false,\n    sortKeys = [],\n    defaultSort,\n    columns = 3,\n    emptyMessage = 'No results found.',\n    className,\n    style,\n    ...rest\n}: MCardGridProps<T>) {\n    const [search, setSearch] = useState('')\n    const [filters, setFilters] = useState<Record<string, Set<string>>>({})\n    const [sortKey, setSortKey] = useState<string | null>(defaultSort?.key ?? null)\n    const [sortDir, setSortDir] = useState<'asc' | 'desc'>(defaultSort?.direction ?? 'asc')\n    const [filterOpen, setFilterOpen] = useState(false)\n    const [sortOpen, setSortOpen] = useState(false)\n    const filterBtnRef = useRef<HTMLElement>(null)\n    const sortBtnRef = useRef<HTMLElement>(null)\n\n    const openFilter = useCallback(() => {\n        setFilterOpen((v) => !v)\n        setSortOpen(false)\n    }, [])\n\n    const openSort = useCallback(() => {\n        setSortOpen((v) => !v)\n        setFilterOpen(false)\n    }, [])\n\n    const processed = useMemo(() => {\n        let result = [...items]\n\n        if (search && searchKeys && searchKeys.length > 0) {\n            const query = search.toLowerCase()\n            result = result.filter((item) =>\n                searchKeys.some((key) => {\n                    const value = getNestedValue(item, key)\n                    return value != null && String(value).toLowerCase().includes(query)\n                })\n            )\n        }\n\n        for (const [key, selected] of Object.entries(filters)) {\n            if (selected.size === 0) continue\n\n            result = result.filter((item) => {\n                const value = getNestedValue(item, key)\n                return value != null && selected.has(String(value))\n            })\n        }\n\n        if (sortKey) {\n            result.sort((a, b) => {\n                const av = getNestedValue(a, sortKey)\n                const bv = getNestedValue(b, sortKey)\n\n                if (av == null && bv == null) return 0\n                if (av == null) return 1\n                if (bv == null) return -1\n\n                const compare = String(av).localeCompare(String(bv), undefined, {numeric: true})\n                return sortDir === 'asc' ? compare : -compare\n            })\n        }\n\n        return result\n    }, [items, search, searchKeys, filters, sortKey, sortDir])\n\n    function toggleFilter(key: string, value: string) {\n        setFilters((prev) => {\n            const next = new Set(prev[key] ?? [])\n\n            if (next.has(value)) next.delete(value)\n            else next.add(value)\n\n            return {...prev, [key]: next}\n        })\n    }\n\n    const filterOptions = useMemo(() => {\n        const map: Record<string, string[]> = {}\n\n        for (const filterKey of filterKeys) {\n            if (filterKey.options) {\n                map[filterKey.key] = filterKey.options\n                continue\n            }\n\n            const values = new Set<string>()\n\n            for (const item of items) {\n                const value = getNestedValue(item, filterKey.key)\n                if (value != null) values.add(String(value))\n            }\n\n            map[filterKey.key] = Array.from(values).sort()\n        }\n\n        return map\n    }, [items, filterKeys])\n\n    const activeSort = sortKeys.find((item) => item.key === sortKey)\n\n    return (\n        <div className={cn('card-grid', className)} style={style} {...rest}>\n            {(searchable || filterable || sortable) && (\n                <div className=\"card-grid-toolbar\">\n                    {searchable && (\n                        <MInputSearch\n                            className=\"card-grid-search\"\n                            size=\"sm\"\n                            fullWidth\n                            placeholder={searchPlaceholder}\n                            value={search}\n                            onChange={(event) => setSearch(event.target.value)}\n                            onClear={() => setSearch('')}\n                        />\n                    )}\n\n                    <div className=\"card-grid-actions\">\n                        {filterable && filterKeys.length > 0 && (\n                            <>\n                                <MButton\n                                    ref={filterBtnRef}\n                                    variant=\"outlined\"\n                                    size=\"sm\"\n                                    startIcon={<MFilterIcon />}\n                                    aria-expanded={filterOpen}\n                                    onClick={openFilter}\n                                >\n                                    Filter\n                                </MButton>\n                                <MPopover\n                                    open={filterOpen}\n                                    anchorRef={filterBtnRef}\n                                    onClose={() => setFilterOpen(false)}\n                                    placement=\"bottom-end\"\n                                    className=\"card-grid-dropdown\"\n                                >\n                                    {filterKeys.map((filterKey) => (\n                                        <div key={filterKey.key} className=\"card-grid-filter-group\">\n                                            <span className=\"card-grid-filter-label\">{filterKey.label}</span>\n                                            {(filterOptions[filterKey.key] ?? []).map((option) => (\n                                                <div key={option} className=\"card-grid-filter-option\">\n                                                    <MCheckbox\n                                                        size=\"sm\"\n                                                        clickEffect=\"none\"\n                                                        checked={filters[filterKey.key]?.has(option) ?? false}\n                                                        onChange={() => toggleFilter(filterKey.key, option)}\n                                                        label={option}\n                                                    />\n                                                </div>\n                                            ))}\n                                        </div>\n                                    ))}\n                                </MPopover>\n                            </>\n                        )}\n\n                        {sortable && sortKeys.length > 0 && (\n                            <>\n                                <MButton\n                                    ref={sortBtnRef}\n                                    variant=\"outlined\"\n                                    size=\"sm\"\n                                    startIcon={\n                                        sortKey ? (\n                                            sortDir === 'asc' ? (\n                                                <MArrowUpIcon />\n                                            ) : (\n                                                <MArrowDownIcon />\n                                            )\n                                        ) : (\n                                            <MSortIcon />\n                                        )\n                                    }\n                                    aria-expanded={sortOpen}\n                                    onClick={openSort}\n                                >\n                                    {activeSort ? `Sort: ${activeSort.label}` : 'Sort'}\n                                </MButton>\n                                <MPopover\n                                    open={sortOpen}\n                                    anchorRef={sortBtnRef}\n                                    onClose={() => setSortOpen(false)}\n                                    placement=\"bottom-end\"\n                                    className=\"card-grid-dropdown\"\n                                >\n                                    {sortKeys.map((sortItem) => (\n                                        <button\n                                            key={sortItem.key}\n                                            type=\"button\"\n                                            className={cn(\n                                                'card-grid-sort-item',\n                                                sortKey === sortItem.key && 'active'\n                                            )}\n                                            onClick={() => {\n                                                if (sortKey === sortItem.key) {\n                                                    setSortDir(sortDir === 'asc' ? 'desc' : 'asc')\n                                                } else {\n                                                    setSortKey(sortItem.key)\n                                                    setSortDir('asc')\n                                                }\n                                                setSortOpen(false)\n                                            }}\n                                        >\n                                            {sortItem.label}\n                                            {sortKey === sortItem.key && (\n                                                <span className=\"card-grid-sort-dir\">\n                                                    {sortDir === 'asc' ? (\n                                                        <MArrowUpIcon className=\"card-grid-sort-icon\" />\n                                                    ) : (\n                                                        <MArrowDownIcon className=\"card-grid-sort-icon\" />\n                                                    )}\n                                                </span>\n                                            )}\n                                        </button>\n                                    ))}\n                                </MPopover>\n                            </>\n                        )}\n                    </div>\n                </div>\n            )}\n\n            {processed.length > 0 ? (\n                <div\n                    className=\"card-grid-items\"\n                    style={{\n                        gridTemplateColumns: `repeat(${columns}, 1fr)`,\n                    }}\n                >\n                    {processed.map((item, index) => renderCard(item, index))}\n                </div>\n            ) : (\n                <div className=\"card-grid-empty\">{emptyMessage}</div>\n            )}\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/cards.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Card-AbIdSFmm.cjs`),t=require(`./CardGrid-Dvu64wUg.cjs`);exports.Card=e.t,exports.MCard=e.t,exports.CardBody=e.n,exports.MCardBody=e.n,exports.CardBusiness=t.r,exports.MCardBusiness=t.r,exports.CardFooter=e.r,exports.MCardFooter=e.r,exports.CardGrid=t.t,exports.MCardGrid=t.t,exports.CardHeader=e.i,exports.MCardHeader=e.i,exports.CardPayment=t.i,exports.MCardPayment=t.i,exports.CardService=t.n,exports.MCardService=t.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MCard-BBBA2UVf.cjs`),t=require(`./cards-Bw7aZCIy.cjs`);exports.MCard=e.t,exports.MCardBody=e.n,exports.MCardCourse=t.a,exports.MCardEvent=t.r,exports.MCardFooter=e.r,exports.MCardGrid=t.t,exports.MCardHeader=e.i,exports.MCardOffer=t.o,exports.MCardPayment=t.s,exports.MCardProduct=t.i,exports.MCardWidget=t.n;

package/dist/cards.d.ts

@@ -1,3 +1 @@
 export * from './components/cards';
-export { Card as MCard, CardHeader as MCardHeader, CardBody as MCardBody, CardFooter as MCardFooter, CardPayment as MCardPayment, CardBusiness as MCardBusiness, CardService as MCardService, CardGrid as MCardGrid, } from './components/cards';
-export type { CardProps as MCardProps, CardPaymentProps as MCardPaymentProps, CardPaymentBrand as MCardPaymentBrand, CardBusinessProps as MCardBusinessProps, CardBusinessVariant as MCardBusinessVariant, CardBusinessSocial as MCardBusinessSocial, CardBusinessAddress as MCardBusinessAddress, CardBusinessContact as MCardBusinessContact, CardServiceProps as MCardServiceProps, CardServiceVariant as MCardServiceVariant, CardServicePerson as MCardServicePerson, CardServiceMenuItem as MCardServiceMenuItem, CardGridProps as MCardGridProps, CardGridFilterKey as MCardGridFilterKey, CardGridSortKey as MCardGridSortKey, } from './components/cards';

package/dist/cards.js

@@ -1,5 +1,5 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { i as e, n as t, r as n, t as r } from "./Card-B_4TR7gc.js";
-import { i, n as a, r as o, t as s } from "./CardGrid-mHLkd1pL.js";
-export { r as Card, r as MCard, t as CardBody, t as MCardBody, o as CardBusiness, o as MCardBusiness, n as CardFooter, n as MCardFooter, s as CardGrid, s as MCardGrid, e as CardHeader, e as MCardHeader, i as CardPayment, i as MCardPayment, a as CardService, a as MCardService };
+import { i as e, n as t, r as n, t as r } from "./MCard-ViJ2Lf73.js";
+import { a as i, i as a, n as o, o as s, r as c, s as l, t as u } from "./cards-CYzgOCG5.js";
+export { r as MCard, t as MCardBody, i as MCardCourse, c as MCardEvent, n as MCardFooter, u as MCardGrid, e as MCardHeader, s as MCardOffer, l as MCardPayment, a as MCardProduct, o as MCardWidget };

package/dist/cn-B_veu23e.js

@@ -0,0 +1,8 @@
+//#region src/utils/cn.ts
+function e(...e) {
+	return e.filter(Boolean).join(" ");
+}
+//#endregion
+export { e as t };
+
+//# sourceMappingURL=cn-B_veu23e.js.map

package/dist/cn-B_veu23e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn-B_veu23e.js","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["// Join optional class names without pulling a runtime dependency.\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n    return classes.filter(Boolean).join(' ')\n}\n"],"mappings":";AACA,SAAgB,EAAG,GAAG,GAAwD;AAC1E,QAAO,EAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI"}

package/dist/cn-CpRt8Xjj.cjs

@@ -0,0 +1,2 @@
+function e(...e){return e.filter(Boolean).join(` `)}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return e}});
+//# sourceMappingURL=cn-CpRt8Xjj.cjs.map

package/dist/cn-CpRt8Xjj.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn-CpRt8Xjj.cjs","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["// Join optional class names without pulling a runtime dependency.\nexport function cn(...classes: (string | undefined | null | false)[]): string {\n    return classes.filter(Boolean).join(' ')\n}\n"],"mappings":"AACA,SAAgB,EAAG,GAAG,EAAwD,CAC1E,OAAO,EAAQ,OAAO,QAAQ,CAAC,KAAK,IAAI"}

package/dist/components/cards/MCard/MCard.d.ts

@@ -0,0 +1,5 @@
+import { MCardProps, MCardSectionProps } from './MCard.types';
+export declare function MCard({ interactive, stretch, tone, padded, color, clickEffect, rippleColor, skeleton, spacing, mt, mb, ml, mr, mx, my, className, children, onPointerDown, ...rest }: MCardProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCardHeader({ className, children, ...rest }: MCardSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCardBody({ className, children, ...rest }: MCardSectionProps): import("react/jsx-runtime").JSX.Element;
+export declare function MCardFooter({ className, children, ...rest }: MCardSectionProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCard/MCard.types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+import { MSurfaceProps } from '../../layout';
+import { MClickEffect } from '../../../utils/useInteractionEffect';
+export interface MCardProps extends Omit<MSurfaceProps, 'children'> {
+    interactive?: boolean;
+    stretch?: boolean;
+    color?: MColor;
+    clickEffect?: MClickEffect;
+    rippleColor?: string;
+    /** Show skeleton placeholder instead of content */
+    skeleton?: boolean;
+    children?: ReactNode;
+}
+export interface MCardSectionProps extends HTMLAttributes<HTMLDivElement> {
+    children?: ReactNode;
+}

package/dist/components/cards/MCard/index.d.ts

@@ -0,0 +1,2 @@
+export { MCard, MCardHeader, MCardBody, MCardFooter } from './MCard';
+export type { MCardProps } from './MCard.types';

package/dist/components/cards/MCardCourse/MCardCourse.d.ts

@@ -0,0 +1,2 @@
+import { MCardCourseProps } from './MCardCourse.types';
+export declare function MCardCourse(props: MCardCourseProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardCourse/MCardCourse.types.d.ts

@@ -0,0 +1,36 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export interface MCardCourseProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    title: string;
+    description?: string;
+    price?: number | string;
+    currency?: string;
+    duration?: string;
+    available?: boolean | number;
+    image?: string;
+    gallery?: string[];
+    galleryAutoPlay?: boolean;
+    rating?: number;
+    reviewCount?: number;
+    favorite?: boolean;
+    onFavorite?: () => void;
+    menuItems?: {
+        label: string;
+        onClick?: () => void;
+        icon?: ReactNode;
+        danger?: boolean;
+    }[];
+    onAction?: () => void;
+    actionLabel?: string;
+    icon?: ReactNode;
+    color?: MColor;
+    leader?: {
+        name: string;
+        avatar?: string;
+    };
+    participants?: {
+        name: string;
+        avatar?: string;
+    }[];
+    maxParticipants?: number;
+}

package/dist/components/cards/MCardCourse/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardCourse } from './MCardCourse';
+export type { MCardCourseProps } from './MCardCourse.types';

package/dist/components/cards/MCardEvent/MCardEvent.d.ts

@@ -0,0 +1,2 @@
+import { MCardEventProps } from './MCardEvent.types';
+export declare function MCardEvent(props: MCardEventProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardEvent/MCardEvent.types.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export interface MCardEventProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    title: string;
+    description?: string;
+    price?: number | string;
+    currency?: string;
+    duration?: string;
+    image?: string;
+    gallery?: string[];
+    galleryAutoPlay?: boolean;
+    favorite?: boolean;
+    onFavorite?: () => void;
+    menuItems?: {
+        label: string;
+        onClick?: () => void;
+        icon?: ReactNode;
+        danger?: boolean;
+    }[];
+    onRegister?: () => void;
+    registerLabel?: string;
+    icon?: ReactNode;
+    color?: MColor;
+    date: Date | string;
+    location?: string;
+    status?: string;
+}

package/dist/components/cards/MCardEvent/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardEvent } from './MCardEvent';
+export type { MCardEventProps } from './MCardEvent.types';

package/dist/components/cards/MCardGrid/MCardGrid.d.ts

@@ -0,0 +1,2 @@
+import { MCardGridProps } from './MCardGrid.types';
+export declare function MCardGrid<T extends Record<string, unknown>>({ items, renderCard, searchable, searchKeys, searchPlaceholder, filterable, filterKeys, sortable, sortKeys, defaultSort, columns, emptyMessage, className, style, ...rest }: MCardGridProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardGrid/MCardGrid.types.d.ts

@@ -0,0 +1,27 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface MCardGridFilterKey<T> {
+    key: keyof T & string;
+    label: string;
+    options?: string[];
+}
+export interface MCardGridSortKey<T> {
+    key: keyof T & string;
+    label: string;
+}
+export interface MCardGridProps<T> extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    items: T[];
+    renderCard: (item: T, index: number) => ReactNode;
+    searchable?: boolean;
+    searchKeys?: (keyof T & string)[];
+    searchPlaceholder?: string;
+    filterable?: boolean;
+    filterKeys?: MCardGridFilterKey<T>[];
+    sortable?: boolean;
+    sortKeys?: MCardGridSortKey<T>[];
+    defaultSort?: {
+        key: keyof T & string;
+        direction: 'asc' | 'desc';
+    };
+    columns?: number;
+    emptyMessage?: ReactNode;
+}

package/dist/components/cards/MCardGrid/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardGrid } from './MCardGrid';
+export type { MCardGridProps, MCardGridFilterKey, MCardGridSortKey } from './MCardGrid.types';

package/dist/components/cards/MCardOffer/MCardOffer.d.ts

@@ -0,0 +1,2 @@
+import { MCardOfferProps } from './MCardOffer.types';
+export declare function MCardOffer(props: MCardOfferProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardOffer/MCardOffer.types.d.ts

@@ -0,0 +1,31 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export interface MCardOfferProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    title: string;
+    description?: string;
+    price?: number | string;
+    currency?: string;
+    duration?: string;
+    available?: boolean | number;
+    image?: string;
+    gallery?: string[];
+    galleryAutoPlay?: boolean;
+    rating?: number;
+    reviewCount?: number;
+    favorite?: boolean;
+    onFavorite?: () => void;
+    menuItems?: {
+        label: string;
+        onClick?: () => void;
+        icon?: ReactNode;
+        danger?: boolean;
+    }[];
+    onAction?: () => void;
+    actionLabel?: string;
+    icon?: ReactNode;
+    color?: MColor;
+    leader?: {
+        name: string;
+        avatar?: string;
+    };
+}

package/dist/components/cards/MCardOffer/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardOffer } from './MCardOffer';
+export type { MCardOfferProps } from './MCardOffer.types';

package/dist/components/cards/MCardPayment/MCardPayment.d.ts

@@ -0,0 +1,2 @@
+import { MCardPaymentProps } from './MCardPayment.types';
+export declare function MCardPayment({ holder, number, expiry, brand, brandIcon, balance, balanceLabel, color, className, ...rest }: MCardPaymentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardPayment/MCardPayment.types.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export type MCardPaymentBrand = 'visa' | 'mastercard' | 'amex' | 'discover' | 'maestro' | 'unknown';
+export interface MCardPaymentProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    holder: string;
+    number: string;
+    expiry: string;
+    brand?: MCardPaymentBrand;
+    brandIcon?: ReactNode;
+    balance?: string;
+    balanceLabel?: string;
+    color?: MColor;
+}

package/dist/components/cards/MCardPayment/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardPayment } from './MCardPayment';
+export type { MCardPaymentProps, MCardPaymentBrand } from './MCardPayment.types';

package/dist/components/cards/MCardProduct/MCardProduct.d.ts

@@ -0,0 +1,2 @@
+import { MCardProductProps } from './MCardProduct.types';
+export declare function MCardProduct(props: MCardProductProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardProduct/MCardProduct.types.d.ts

@@ -0,0 +1,28 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export interface MCardProductProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    title: string;
+    description?: string;
+    price?: number | string;
+    currency?: string;
+    available?: boolean | number;
+    image?: string;
+    gallery?: string[];
+    galleryAutoPlay?: boolean;
+    rating?: number;
+    reviewCount?: number;
+    favorite?: boolean;
+    onFavorite?: () => void;
+    menuItems?: {
+        label: string;
+        onClick?: () => void;
+        icon?: ReactNode;
+        danger?: boolean;
+    }[];
+    onAddToCart?: (quantity: number) => void;
+    addToCartLabel?: string;
+    icon?: ReactNode;
+    color?: MColor;
+    quantity?: number;
+    onQuantityChange?: (qty: number) => void;
+}

package/dist/components/cards/MCardProduct/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardProduct } from './MCardProduct';
+export type { MCardProductProps } from './MCardProduct.types';

package/dist/components/cards/MCardWidget/MCardWidget.d.ts

@@ -0,0 +1,2 @@
+import { MCardWidgetProps } from './MCardWidget.types';
+export declare function MCardWidget({ title, value, trend, trendType, icon, color, helperText, className, ...rest }: MCardWidgetProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/MCardWidget/MCardWidget.types.d.ts

@@ -0,0 +1,12 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export type MCardWidgetTrendType = 'up' | 'down' | 'neutral';
+export interface MCardWidgetProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'title'> {
+    title: ReactNode;
+    value: ReactNode;
+    trend?: ReactNode;
+    trendType?: MCardWidgetTrendType;
+    icon?: ReactNode;
+    color?: MColor;
+    helperText?: ReactNode;
+}

package/dist/components/cards/MCardWidget/index.d.ts

@@ -0,0 +1,2 @@
+export { MCardWidget } from './MCardWidget';
+export type { MCardWidgetProps, MCardWidgetTrendType } from './MCardWidget.types';

package/dist/components/cards/ServiceCardsShared/ServiceCardsShared.d.ts

@@ -0,0 +1,2 @@
+import { SharedServiceCardProps } from './ServiceCardsShared.types';
+export declare function SharedServiceCard({ variant, title, description, price, currency, duration, available, image, gallery, galleryAutoPlay, rating, reviewCount, favorite, onFavorite, menuItems, onAddToCart, actionLabel, icon, color, leader, participants, maxParticipants, quantity: controlledQty, onQuantityChange, date, location, status, value, trend, className, ...rest }: SharedServiceCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/cards/ServiceCardsShared/ServiceCardsShared.types.d.ts

@@ -0,0 +1,44 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor } from '../../../theme';
+export type SharedServiceCardVariant = 'service' | 'course' | 'product' | 'event' | 'widget';
+export interface SharedServiceCardPerson {
+    name: string;
+    avatar?: string;
+}
+export interface SharedServiceCardMenuItem {
+    label: string;
+    onClick?: () => void;
+    icon?: ReactNode;
+    danger?: boolean;
+}
+export interface SharedServiceCardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    variant: SharedServiceCardVariant;
+    title: string;
+    description?: string;
+    price?: number | string;
+    currency?: string;
+    duration?: string;
+    available?: boolean | number;
+    image?: string;
+    gallery?: string[];
+    galleryAutoPlay?: boolean;
+    rating?: number;
+    reviewCount?: number;
+    favorite?: boolean;
+    onFavorite?: () => void;
+    menuItems?: SharedServiceCardMenuItem[];
+    onAddToCart?: (quantity: number) => void;
+    actionLabel?: string;
+    icon?: ReactNode;
+    color?: MColor;
+    leader?: SharedServiceCardPerson;
+    participants?: SharedServiceCardPerson[];
+    maxParticipants?: number;
+    quantity?: number;
+    onQuantityChange?: (qty: number) => void;
+    date?: Date | string;
+    location?: string;
+    status?: string;
+    value?: ReactNode;
+    trend?: number;
+}

package/dist/components/cards/ServiceCardsShared/index.d.ts

@@ -0,0 +1,2 @@
+export { SharedServiceCard } from './ServiceCardsShared';
+export type { SharedServiceCardMenuItem, SharedServiceCardPerson } from './ServiceCardsShared.types';

package/dist/components/cards/index.d.ts

@@ -1,10 +1,16 @@
-export { Card, CardHeader, CardBody, CardFooter } from './Card';
-export type { CardProps } from './Card';
-export { CardPayment } from './CardPayment';
-export type { CardPaymentProps, CardPaymentBrand } from './CardPayment';
-export { CardBusiness } from './CardBusiness';
-export type { CardBusinessProps, CardBusinessVariant, CardBusinessSocial, CardBusinessAddress, CardBusinessContact, } from './CardBusiness';
-export { CardService } from './CardService';
-export type { CardServiceProps, CardServiceVariant, CardServicePerson, CardServiceMenuItem } from './CardService';
-export { CardGrid } from './CardGrid';
-export type { CardGridProps, CardGridFilterKey, CardGridSortKey } from './CardGrid';
+export { MCard, MCardHeader, MCardBody, MCardFooter } from './MCard';
+export type { MCardProps } from './MCard';
+export { MCardPayment } from './MCardPayment';
+export type { MCardPaymentProps, MCardPaymentBrand } from './MCardPayment';
+export { MCardOffer } from './MCardOffer';
+export type { MCardOfferProps } from './MCardOffer';
+export { MCardCourse } from './MCardCourse';
+export type { MCardCourseProps } from './MCardCourse';
+export { MCardProduct } from './MCardProduct';
+export type { MCardProductProps } from './MCardProduct';
+export { MCardEvent } from './MCardEvent';
+export type { MCardEventProps } from './MCardEvent';
+export { MCardWidget } from './MCardWidget';
+export type { MCardWidgetProps, MCardWidgetTrendType } from './MCardWidget';
+export { MCardGrid } from './MCardGrid';
+export type { MCardGridProps, MCardGridFilterKey, MCardGridSortKey } from './MCardGrid';

package/dist/components/controls/MButton/MButton.d.ts

@@ -0,0 +1,2 @@
+import { MButtonProps } from './MButton.types';
+export declare const MButton: import('react').ForwardRefExoticComponent<MButtonProps & import('react').RefAttributes<HTMLElement>>;

package/dist/components/controls/MButton/MButton.types.d.ts

@@ -0,0 +1,30 @@
+import { ButtonHTMLAttributes, CSSProperties, ElementType, ReactNode } from 'react';
+import { MColor, MSize } from '../../../theme';
+import { MClickEffect } from '../../../utils/useInteractionEffect';
+export type MButtonVariant = 'filled' | 'secondary' | 'outlined' | 'ghost' | 'link' | 'icon';
+export type MButtonShape = 'default' | 'circle';
+export interface MButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    component?: ElementType;
+    to?: string;
+    href?: string;
+    variant?: MButtonVariant;
+    size?: MSize;
+    color?: MColor;
+    fullWidth?: boolean;
+    rounded?: boolean;
+    shape?: MButtonShape;
+    iconOnly?: boolean;
+    loading?: boolean;
+    active?: boolean;
+    startIcon?: ReactNode;
+    endIcon?: ReactNode;
+    clickEffect?: MClickEffect;
+    pulsing?: boolean;
+    badge?: ReactNode | number | boolean;
+    badgeColor?: MColor;
+    badgePulsing?: boolean;
+    rippleColor?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}

package/dist/components/controls/MButton/index.d.ts

@@ -0,0 +1,2 @@
+export { MButton } from './MButton';
+export type { MButtonProps, MButtonVariant, MButtonShape } from './MButton.types';

package/dist/components/controls/MButtonGroup/MButtonGroup.d.ts

@@ -0,0 +1,2 @@
+import { MButtonGroupProps } from './MButtonGroup.types';
+export declare const MButtonGroup: import('react').ForwardRefExoticComponent<MButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/controls/MButtonGroup/MButtonGroup.types.d.ts

@@ -0,0 +1,13 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { MColor, MSize } from '../../../theme';
+import { MButtonVariant } from '../MButton/MButton.types';
+export type MButtonGroupOrientation = 'horizontal' | 'vertical';
+export interface MButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: MButtonGroupOrientation;
+    variant?: MButtonVariant;
+    size?: MSize;
+    color?: MColor;
+    attached?: boolean;
+    className?: string;
+    children?: ReactNode;
+}

package/dist/components/controls/MButtonGroup/MButtonGroupContext.d.ts

@@ -0,0 +1,9 @@
+import { MButtonVariant } from '../MButton/MButton.types';
+import { MColor, MSize } from '../../../theme';
+export interface MButtonGroupContextValue {
+    variant?: MButtonVariant;
+    size?: MSize;
+    color?: MColor;
+}
+export declare const ButtonGroupContext: import('react').Context<MButtonGroupContextValue | null>;
+export declare function useButtonGroup(): MButtonGroupContextValue | null;

package/dist/components/controls/MButtonGroup/index.d.ts

@@ -0,0 +1,4 @@
+export { MButtonGroup } from './MButtonGroup';
+export type { MButtonGroupProps, MButtonGroupOrientation } from './MButtonGroup.types';
+export { useButtonGroup } from './MButtonGroupContext';
+export type { MButtonGroupContextValue } from './MButtonGroupContext';

package/dist/components/controls/MCheckbox/MCheckbox.d.ts

@@ -0,0 +1,3 @@
+import { MCheckboxProps } from './MCheckbox.types';
+import type * as React from 'react';
+export declare const MCheckbox: React.ForwardRefExoticComponent<MCheckboxProps & React.RefAttributes<HTMLInputElement>>;