@banzamel/mineralui 1.6.4 → 1.8.0

package/dist/cards-fn61xD_5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cards-fn61xD_5.js","names":[],"sources":["../src/components/cards/MCardPayment/MCardPayment.tsx","../src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx","../src/utils/socialPlatforms.tsx","../src/components/cards/MCardBusiness/MCardBusiness.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","../src/components/cards/MCardFinance/MCardFinance.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 type {MCardPaymentMethodProps} from './MCardPaymentMethod.types'\nimport {cn} from '../../../utils/cn'\nimport {creditCardBrands} from '../../../utils/creditCards'\nimport {MArrowRightIcon} from '../../../icons'\nimport {MBadge} from '../../feedback'\nimport {MInline} from '../../layout'\nimport {MLink, MText} from '../../typography'\nimport {MInputExpDate} from '../../inputs/MInputExpDate'\nimport {MInputCVC} from '../../inputs/MInputCVC'\nimport './MCardPaymentMethod.css'\n\nfunction resolveBrandLabel(brand: NonNullable<MCardPaymentMethodProps['brand']>) {\n    return creditCardBrands.find((item) => item.brand === brand)?.iconLabel ?? 'CARD'\n}\n\nexport function MCardPaymentMethod({\n    title = 'Your payment methods',\n    actionLabel = 'Change',\n    actionHref = '#',\n    onAction,\n    brand = 'visa',\n    brandIcon,\n    last4,\n    badgeLabel,\n    summary,\n    helperText = 'All fields are required, unless stated otherwise.',\n    expiryLabel = 'Expiration date',\n    cvcLabel = 'Security code',\n    expiryProps,\n    cvcProps,\n    color,\n    className,\n    ...rest\n}: MCardPaymentMethodProps) {\n    const expirySummary = expiryProps?.value ?? expiryProps?.defaultValue\n    const resolvedBadgeLabel = badgeLabel === undefined ? 'Default' : badgeLabel\n    const derivedSummary = expirySummary\n        ? `Credit card - Expiration date ${String(expirySummary).replace('/', '.')}`\n        : 'Credit card'\n    const resolvedSummary = summary === undefined ? derivedSummary : summary\n    const brandLabel = resolveBrandLabel(brand)\n    const resolvedExpiryProps = {\n        clearable: true,\n        ...expiryProps,\n    }\n\n    return (\n        <div className={cn('card-payment-method', color || 'primary', className)} {...rest}>\n            <div className={'cpm-header'}>\n                <h3 className={'cpm-title'}>{title}</h3>\n                <MLink\n                    href={actionHref}\n                    tone={'accent'}\n                    underline={'none'}\n                    className={'cpm-action'}\n                    onClick={(event) => {\n                        if (onAction) {\n                            event.preventDefault()\n                            onAction()\n                        }\n                    }}\n                >\n                    {actionLabel}\n                    <MArrowRightIcon />\n                </MLink>\n            </div>\n\n            <div className={'cpm-surface'}>\n                <div className={'cpm-method'}>\n                    <MInline align={'center'} className={'cpm-method-row'}>\n                        <span className={cn('cpm-brand', !brandIcon && brand)}>{brandIcon ?? brandLabel}</span>\n                        <span className={'cpm-last4'}>{`\\u2022\\u2022\\u2022\\u2022 ${last4}`}</span>\n                        {resolvedBadgeLabel && <MBadge color={'info'}>{resolvedBadgeLabel}</MBadge>}\n                    </MInline>\n                    {resolvedSummary && (\n                        <MText tone={'muted'} className={'cpm-summary'}>\n                            {resolvedSummary}\n                        </MText>\n                    )}\n                </div>\n\n                {helperText && (\n                    <MText tone={'muted'} size={'sm'} className={'cpm-helper'}>\n                        {helperText}\n                    </MText>\n                )}\n\n                <div className={'cpm-fields'}>\n                    <MInputExpDate label={expiryLabel} placeholder={'MM/YYYY'} fullWidth {...resolvedExpiryProps} />\n                    <MInputCVC label={cvcLabel} placeholder={'123'} fullWidth {...cvcProps} />\n                </div>\n            </div>\n        </div>\n    )\n}\n","import type {ComponentType} from 'react'\nimport type {MIconProps} from '../icons'\nimport {\n    MAppleColorIcon,\n    MAppleIcon,\n    MDiscordColorIcon,\n    MDiscordIcon,\n    MFacebookColorIcon,\n    MFacebookIcon,\n    MFigmaColorIcon,\n    MFigmaIcon,\n    MGitHubColorIcon,\n    MGitHubIcon,\n    MGoogleColorIcon,\n    MGoogleIcon,\n    MInstagramColorIcon,\n    MInstagramIcon,\n    MLinkedInColorIcon,\n    MLinkedInIcon,\n    MPinterestColorIcon,\n    MPinterestIcon,\n    MSlackColorIcon,\n    MSlackIcon,\n    MSpotifyColorIcon,\n    MSpotifyIcon,\n    MTumblrColorIcon,\n    MTumblrIcon,\n    MVimeoColorIcon,\n    MVimeoIcon,\n    MVkColorIcon,\n    MVkIcon,\n    MXColorIcon,\n    MXIcon,\n    MYouTubeColorIcon,\n    MYouTubeIcon,\n} from '../icons'\n\nexport type MSocialPlatform =\n    | 'apple'\n    | 'discord'\n    | 'facebook'\n    | 'figma'\n    | 'github'\n    | 'google'\n    | 'instagram'\n    | 'linkedin'\n    | 'pinterest'\n    | 'slack'\n    | 'spotify'\n    | 'tumblr'\n    | 'vimeo'\n    | 'vk'\n    | 'twitter'\n    | 'x'\n    | 'youtube'\n    | (string & {})\n\ntype SocialEntry = {\n    label: string\n    icon: ComponentType<MIconProps>\n    colorIcon: ComponentType<MIconProps>\n    rgb: string\n}\n\nconst socialMap: Record<string, SocialEntry> = {\n    apple: {label: 'Apple', icon: MAppleIcon, colorIcon: MAppleColorIcon, rgb: '24, 24, 27'},\n    discord: {label: 'Discord', icon: MDiscordIcon, colorIcon: MDiscordColorIcon, rgb: '88, 101, 242'},\n    facebook: {label: 'Facebook', icon: MFacebookIcon, colorIcon: MFacebookColorIcon, rgb: '24, 119, 242'},\n    figma: {label: 'Figma', icon: MFigmaIcon, colorIcon: MFigmaColorIcon, rgb: '162, 89, 255'},\n    github: {label: 'GitHub', icon: MGitHubIcon, colorIcon: MGitHubColorIcon, rgb: '24, 23, 23'},\n    google: {label: 'Google', icon: MGoogleIcon, colorIcon: MGoogleColorIcon, rgb: '66, 133, 244'},\n    instagram: {label: 'Instagram', icon: MInstagramIcon, colorIcon: MInstagramColorIcon, rgb: '225, 48, 108'},\n    linkedin: {label: 'LinkedIn', icon: MLinkedInIcon, colorIcon: MLinkedInColorIcon, rgb: '10, 102, 194'},\n    pinterest: {label: 'Pinterest', icon: MPinterestIcon, colorIcon: MPinterestColorIcon, rgb: '230, 0, 35'},\n    slack: {label: 'Slack', icon: MSlackIcon, colorIcon: MSlackColorIcon, rgb: '74, 21, 75'},\n    spotify: {label: 'Spotify', icon: MSpotifyIcon, colorIcon: MSpotifyColorIcon, rgb: '30, 215, 96'},\n    tumblr: {label: 'Tumblr', icon: MTumblrIcon, colorIcon: MTumblrColorIcon, rgb: '0, 25, 53'},\n    vimeo: {label: 'Vimeo', icon: MVimeoIcon, colorIcon: MVimeoColorIcon, rgb: '26, 183, 234'},\n    vk: {label: 'VK', icon: MVkIcon, colorIcon: MVkColorIcon, rgb: '0, 119, 255'},\n    x: {label: 'X', icon: MXIcon, colorIcon: MXColorIcon, rgb: '17, 17, 17'},\n    youtube: {label: 'YouTube', icon: MYouTubeIcon, colorIcon: MYouTubeColorIcon, rgb: '255, 0, 0'},\n}\n\nexport function normalizeSocialPlatform(platform: string) {\n    const normalized = platform\n        .trim()\n        .toLowerCase()\n        .replace(/[\\s._-]+/g, '')\n\n    if (normalized === 'twitter') {\n        return 'x'\n    }\n\n    if (normalized === 'vkontakte') {\n        return 'vk'\n    }\n\n    return normalized\n}\n\nexport function getSocialLabel(platform: MSocialPlatform) {\n    const normalized = normalizeSocialPlatform(platform)\n    return socialMap[normalized]?.label ?? platform\n}\n\nexport function getSocialIconComponent(platform: MSocialPlatform, brand = false) {\n    const normalized = normalizeSocialPlatform(platform)\n    const entry = socialMap[normalized]\n\n    if (!entry) {\n        return null\n    }\n\n    return brand ? entry.colorIcon : entry.icon\n}\n\nexport function getSocialBrandRgb(platform: MSocialPlatform) {\n    const normalized = normalizeSocialPlatform(platform)\n    return socialMap[normalized]?.rgb ?? '37, 99, 235'\n}\n","import type {MCardBusinessProps} from './MCardBusiness.types'\nimport {cn} from '../../../utils/cn'\nimport {MQrCode} from '../../display'\nimport {MAvatar} from '../../media'\nimport {MGlobeIcon, MMailIcon, MPhoneIcon, MPinIcon} from '../../../icons'\nimport {getSocialIconComponent, getSocialLabel} from '../../../utils/socialPlatforms'\nimport './MCardBusiness.css'\n\n// Join available address fields into one readable line.\nfunction formatAddress(address: MCardBusinessProps['address']): string | null {\n    if (!address) return null\n\n    return [address.street, [address.zip, address.city].filter(Boolean).join(' '), address.country]\n        .filter(Boolean)\n        .join(', ')\n}\n\n// Render a compact business card for a person or a company profile.\nexport function MCardBusiness({\n    variant = 'user',\n    name,\n    title,\n    avatar,\n    address,\n    contact,\n    socials,\n    online,\n    lastActive,\n    qrCode,\n    qrValue,\n    qrStatus,\n    qrStatusLabel,\n    color = 'primary',\n    className,\n    ...rest\n}: MCardBusinessProps) {\n    const addr = formatAddress(address)\n\n    return (\n        <div className={cn('card-business', variant, `color-${color}`, className)} {...rest}>\n            <div className=\"cb-header\">\n                <div className=\"cb-avatar-wrap\">\n                    <MAvatar\n                        src={avatar}\n                        alt={name}\n                        name={name}\n                        size={56}\n                        shape={variant === 'company' ? 'rounded' : 'circle'}\n                        color={color}\n                        badge={online !== undefined ? true : undefined}\n                        badgeColor={online === undefined ? undefined : online ? 'success' : 'error'}\n                        badgePulsing={Boolean(online)}\n                        className={cn('cb-avatar', variant)}\n                    />\n                </div>\n\n                <div className=\"cb-info\">\n                    <h3 className=\"cb-name\">{name}</h3>\n                    {title && <p className=\"cb-title\">{title}</p>}\n                    {lastActive && <p className=\"cb-last-active\">{lastActive}</p>}\n                </div>\n\n                {(qrValue || qrCode) && (\n                    <div className=\"cb-qr\">\n                        {qrValue ? (\n                            <MQrCode\n                                value={qrValue}\n                                size={56}\n                                padding={3}\n                                status={qrStatus}\n                                statusLabel={qrStatusLabel}\n                                className=\"cb-qr-code\"\n                            />\n                        ) : (\n                            <img src={qrCode} alt=\"QR\" className=\"cb-qr-img\" />\n                        )}\n                    </div>\n                )}\n            </div>\n\n            {(contact || addr) && (\n                <div className=\"cb-details\">\n                    {contact?.email && (\n                        <div className=\"cb-detail\">\n                            <span className=\"cb-detail-icon\">\n                                <MMailIcon />\n                            </span>\n                            <a href={`mailto:${contact.email}`} className=\"cb-detail-value\">\n                                {contact.email}\n                            </a>\n                        </div>\n                    )}\n                    {contact?.phone && (\n                        <div className=\"cb-detail\">\n                            <span className=\"cb-detail-icon\">\n                                <MPhoneIcon />\n                            </span>\n                            <a href={`tel:${contact.phone}`} className=\"cb-detail-value\">\n                                {contact.phone}\n                            </a>\n                        </div>\n                    )}\n                    {contact?.website && (\n                        <div className=\"cb-detail\">\n                            <span className=\"cb-detail-icon\">\n                                <MGlobeIcon />\n                            </span>\n                            <a\n                                href={contact.website}\n                                target=\"_blank\"\n                                rel=\"noopener noreferrer\"\n                                className=\"cb-detail-value\"\n                            >\n                                {contact.website.replace(/^https?:\\/\\//, '')}\n                            </a>\n                        </div>\n                    )}\n                    {addr && (\n                        <div className=\"cb-detail\">\n                            <span className=\"cb-detail-icon\">\n                                <MPinIcon />\n                            </span>\n                            <span className=\"cb-detail-value\">{addr}</span>\n                        </div>\n                    )}\n                </div>\n            )}\n\n            {socials && socials.length > 0 && (\n                <div className=\"cb-socials\">\n                    {socials.map((item) =>\n                        (() => {\n                            const Icon = getSocialIconComponent(item.platform, true)\n\n                            return (\n                                <a\n                                    key={item.platform}\n                                    href={item.url}\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                    className=\"cb-social\"\n                                    title={getSocialLabel(item.platform)}\n                                    aria-label={getSocialLabel(item.platform)}\n                                >\n                                    {item.icon ??\n                                        (Icon ? <Icon /> : <span className=\"cb-social-text\">{item.platform}</span>)}\n                                </a>\n                            )\n                        })()\n                    )}\n                </div>\n            )}\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('card-grid-sort-item', sortKey === sortItem.key && 'active')}\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","import type {MCardFinanceProps} from './MCardFinance.types'\nimport {cn} from '../../../utils/cn'\nimport {MSparkline} from '../../data/MSparkline/MSparkline'\nimport {MArrowUpIcon, MArrowDownIcon} from '../../../icons'\nimport './MCardFinance.css'\n\nfunction resolveChangeType(change: number | undefined, explicit?: MCardFinanceProps['changeType']) {\n    if (explicit) return explicit\n    if (change === undefined || change === 0) return 'neutral'\n    return change > 0 ? 'up' : 'down'\n}\n\nexport function MCardFinance({\n    label,\n    value,\n    change,\n    changeType: changeTypeProp,\n    changeLabel,\n    icon,\n    sparkline,\n    sparklineType = 'area',\n    color = 'primary',\n    currency,\n    className,\n    ...rest\n}: MCardFinanceProps) {\n    const changeType = resolveChangeType(change, changeTypeProp)\n\n    const changeColor = changeType === 'up' ? 'success' : changeType === 'down' ? 'error' : 'neutral'\n\n    return (\n        <div className={cn('card-finance', `color-${color}`, className)} {...rest}>\n            <div className=\"cf-top\">\n                <div className=\"cf-meta\">\n                    <span className=\"cf-label\">{label}</span>\n                    {currency && <span className=\"cf-currency\">{currency}</span>}\n                </div>\n                {icon && <span className=\"cf-icon\">{icon}</span>}\n            </div>\n\n            <div className=\"cf-value\">{value}</div>\n\n            <div className=\"cf-bottom\">\n                {change !== undefined && (\n                    <span className={cn('cf-change', changeColor)}>\n                        {changeType === 'up' && <MArrowUpIcon size={14} />}\n                        {changeType === 'down' && <MArrowDownIcon size={14} />}\n                        <span className=\"cf-change-value\">\n                            {change > 0 ? '+' : ''}\n                            {change}%\n                        </span>\n                        {changeLabel && <span className=\"cf-change-label\">{changeLabel}</span>}\n                    </span>\n                )}\n            </div>\n\n            <div className=\"cf-sparkline\">\n                <MSparkline\n                    data={sparkline}\n                    type={sparklineType}\n                    color={changeColor === 'neutral' ? color : changeColor}\n                    height={46}\n                    padding={0}\n                    curved\n                    animated\n                    fillOpacity={0.18}\n                />\n            </div>\n        </div>\n    )\n}\n"],"mappings":"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"}

package/dist/controls-C5PtrGZf.cjs

@@ -1,2 +0,0 @@
-const e=require(`./theme-CgS-bND3.cjs`),t=require(`./icons-DWMgDKgt.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-D1ZdNbKU.cjs`),i=require(`./MButton-DrkVdRDy.cjs`);require(`./core-AKWkE8Bx.cjs`);let a=require(`react`),o=require(`react/jsx-runtime`);var s=(0,a.forwardRef)(function({orientation:e=`horizontal`,variant:t,size:r,color:s,attached:c=!0,className:l,children:u,...d},f){let p=(0,a.useMemo)(()=>({variant:t,size:r,color:s}),[t,r,s]);return(0,o.jsx)(i.i.Provider,{value:p,children:(0,o.jsx)(`div`,{ref:f,role:`group`,className:n.t(`button-group`,e,c&&`attached`,l),...d,children:u})})}),c=(0,a.createContext)(null);function l(){return(0,a.useContext)(c)}var u=(0,a.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:s,value:c,disabled:u=!1,size:d=`md`,color:f=`primary`,label:p,labelPosition:m=`right`,onChange:h,clickEffect:g=`ripple`,rippleColor:_,className:v,style:y},b){let x=l(),S=x?.name??i,C=x?.disabled??u,w=x?.size??d,T=x?.color??f,E=x?x.value===c:e,{effectClassName:D,effectLayer:O,handlePointerDown:k,triggerEffect:A}=r.t({effect:g,disabled:C,centered:!0,color:_}),j=(0,a.useCallback)(e=>{h?.(e),x?.onChange&&c&&x.onChange(c)},[h,x,c]);return(0,o.jsxs)(`label`,{className:n.t(`radio`,w,m===`left`&&`label-left`,C&&`disabled`,v),style:y,children:[(0,o.jsxs)(`span`,{className:n.t(`circle`,`color-${T}`,D),onPointerDown:k,children:[O,(0,o.jsx)(`input`,{ref:b,type:`radio`,name:S,id:s,value:c,checked:E,defaultChecked:x?void 0:t,disabled:C,onChange:j,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&A(e.currentTarget.parentElement)},className:`input`})]}),p&&(0,o.jsx)(`span`,{className:`label-text`,children:p})]})});function d({name:e,value:t,defaultValue:r,onChange:i,direction:s=`vertical`,children:l,disabled:u=!1,size:d=`md`,color:f=`primary`,error:p=!1,errorText:m,label:h,className:g,style:_}){let[v,y]=(0,a.useState)(r),b=t===void 0?v:t,x=(0,a.useCallback)(e=>{t===void 0&&y(e),i?.(e)},[i,t]),S=(0,a.useMemo)(()=>({name:e,value:b,disabled:u,size:d,color:f,onChange:x}),[e,b,u,d,f,x]);return(0,o.jsx)(c.Provider,{value:S,children:(0,o.jsxs)(`fieldset`,{className:n.t(`radio-group`,s,g),style:_,role:`radiogroup`,children:[h&&(0,o.jsx)(`legend`,{className:n.t(`label`,p&&`error`),children:h}),l,m&&(0,o.jsx)(`span`,{className:`field-error`,role:`alert`,children:m})]})})}function f({onLoadMore:e,loading:t=!1,hasMore:r=!0,loaded:s,total:c,auto:l=!1,autoThreshold:u=100,variant:d=`outlined`,color:f=`primary`,label:p=`Load more`,loadingLabel:m=`Loading...`,doneLabel:h=`All items loaded`,className:g,..._}){let v=(0,a.useRef)(null),y=(0,a.useRef)(e);y.current=e,(0,a.useEffect)(()=>{if(!l||!r||t)return;let e=v.current;if(!e)return;let n=new IntersectionObserver(e=>{e[0].isIntersecting&&y.current()},{rootMargin:`${u}px`});return n.observe(e),()=>n.disconnect()},[l,r,t,u]);let b=(0,a.useCallback)(()=>{!t&&r&&e()},[e,t,r]),x=s!==void 0&&c!==void 0;return(0,o.jsxs)(`div`,{className:n.t(`load-more`,g),..._,children:[x&&(0,o.jsxs)(`span`,{className:`load-more-count`,children:[s,` / `,c]}),r?(0,o.jsx)(i.t,{variant:d,color:f,loading:t,onClick:b,className:`load-more-btn`,children:t?m:p}):(0,o.jsx)(`span`,{className:`load-more-done`,children:h}),l&&r&&(0,o.jsx)(`div`,{ref:v,className:`load-more-sentinel`}),x&&(0,o.jsx)(`div`,{className:`load-more-bar`,children:(0,o.jsx)(`div`,{className:`load-more-bar-fill`,style:{width:`${Math.min(s/c*100,100)}%`}})})]})}function p({threshold:e=300,variant:r=`filled`,color:s=`primary`,smooth:c=!0,className:l}){let[u,d]=(0,a.useState)(!1);return(0,a.useEffect)(()=>{function t(){d(window.scrollY>e)}return t(),window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),(0,o.jsx)(i.t,{variant:r,color:s,shape:`circle`,size:`lg`,iconOnly:!0,onClick:(0,a.useCallback)(()=>{window.scrollTo({top:0,behavior:c?`smooth`:`instant`})},[c]),"aria-label":`Scroll to top`,className:n.t(`scroll-top`,u&&`visible`,l),children:(0,o.jsx)(t.ki,{})})}function m(e,t){return(0,o.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,...t,children:e})}function h(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.2`,fill:`#fff`,stroke:`#dadce0`,strokeWidth:`1.2`}),(0,o.jsx)(`path`,{d:`M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z`,fill:`#4285F4`}),(0,o.jsx)(`path`,{d:`M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z`,fill:`#34A853`}),(0,o.jsx)(`path`,{d:`M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z`,fill:`#FBBC05`}),(0,o.jsx)(`path`,{d:`M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z`,fill:`#EA4335`})]}),e)}function g(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`2.2`,y:`2.2`,width:`19.6`,height:`19.6`,rx:`6.2`,fill:`#1877F2`}),(0,o.jsx)(`path`,{d:`M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z`,fill:`#fff`})]}),e)}function _(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`path`,{d:`M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z`,fill:`currentColor`}),(0,o.jsx)(`path`,{d:`M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z`,fill:`currentColor`})]}),e)}function v(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`3.5`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#F25022`}),(0,o.jsx)(`rect`,{x:`12.7`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#7FBA00`}),(0,o.jsx)(`rect`,{x:`3.5`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#00A4EF`}),(0,o.jsx)(`rect`,{x:`12.7`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#FFB900`})]}),e)}function y(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.1`,fill:`#fff`}),(0,o.jsx)(`path`,{d:`M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z`,fill:`#E60023`})]}),e)}function b(e){return m((0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(`rect`,{x:`2.4`,y:`2.4`,width:`19.2`,height:`19.2`,rx:`4.8`,fill:`#fff`}),(0,o.jsx)(`path`,{d:`M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z`,fill:`#0A66C2`})]}),e)}var x={google:{label:`Sign in with Google`,iconLabel:`Google`,mode:`google`,Icon:h},facebook:{label:`Sign in with Facebook`,iconLabel:`Facebook`,mode:`outline`,Icon:g},apple:{label:`Sign in with Apple`,iconLabel:`Apple`,mode:`brand`,Icon:_},microsoft:{label:`Sign in with Microsoft`,iconLabel:`Microsoft`,mode:`brand`,Icon:v},pinterest:{label:`Sign in with Pinterest`,iconLabel:`Pinterest`,mode:`brand`,Icon:y},linkedin:{label:`Sign in with LinkedIn`,iconLabel:`LinkedIn`,mode:`brand`,Icon:b}},S=(0,a.forwardRef)(function({platform:t=`google`,variant:a=`outline`,size:s=`md`,iconOnly:c=!1,iconShape:l=`circle`,hidden:u,fullWidth:d=!1,loading:f=!1,active:p=!1,pulsing:m=!1,clickEffect:h=`ripple`,rippleColor:g,className:_,style:v,children:y,disabled:b=!1,type:S=`button`,onPointerDown:C,onKeyDown:w,"aria-label":T,...E},D){let O=x[t],k=O.Icon,A=y??O.label,j=T??(c?O.iconLabel:void 0),M=O.mode===`google`?a:O.mode,N=b||f,{effectClassName:P,effectLayer:F,handlePointerDown:I,triggerEffect:L}=r.t({effect:h,disabled:N,centered:c,color:g});return(0,o.jsxs)(`button`,{ref:D,type:S,className:n.t(`social-button-root`,t,M,s,d&&`full-width`,c&&`icon-only`,c&&`icon-shape-${l}`,f&&`loading`,p&&`active`,m&&`pulsing`,N&&`disabled`,P,_),style:v,disabled:N,"aria-busy":f||void 0,"aria-label":j,onPointerDown:e=>{I(e),C?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&L(e.currentTarget),w?.(e)},...e.r(u),...E,children:[F,f&&(0,o.jsx)(i.r,{size:`sm`,color:`inherit`,className:`social-button-spinner`,"aria-hidden":`true`}),(0,o.jsx)(`span`,{className:`social-button-brand`,"aria-hidden":`true`,children:(0,o.jsx)(k,{className:`social-button-mark`})}),!c&&(0,o.jsx)(`span`,{className:`social-button-label`,children:A})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return S}});
-//# sourceMappingURL=controls-C5PtrGZf.cjs.map

package/dist/controls-C5PtrGZf.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-C5PtrGZf.cjs","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroup.tsx","../src/components/controls/MRadio/RadioContext.ts","../src/components/controls/MRadio/MRadio.tsx","../src/components/controls/MRadio/MRadioGroup.tsx","../src/components/controls/MLoadMore/MLoadMore.tsx","../src/components/controls/MScrollTop/MScrollTop.tsx","../src/components/controls/MSocialButton/MSocialButton.icons.tsx","../src/components/controls/MSocialButton/MSocialButton.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react'\nimport type {MButtonGroupProps} from './MButtonGroup.types'\nimport {ButtonGroupContext} from './MButtonGroupContext'\nimport type {MButtonGroupContextValue} from './MButtonGroupContext'\nimport {cn} from '../../../utils/cn'\nimport './MButtonGroup.css'\n\nexport const MButtonGroup = forwardRef<HTMLDivElement, MButtonGroupProps>(function MButtonGroup(\n    {orientation = 'horizontal', variant, size, color, attached = true, className, children, ...rest},\n    ref\n) {\n    const ctx = useMemo<MButtonGroupContextValue>(() => ({variant, size, color}), [variant, size, color])\n\n    return (\n        <ButtonGroupContext.Provider value={ctx}>\n            <div\n                ref={ref}\n                role=\"group\"\n                className={cn('button-group', orientation, attached && 'attached', className)}\n                {...rest}\n            >\n                {children}\n            </div>\n        </ButtonGroupContext.Provider>\n    )\n})\n","import {createContext, useContext} from 'react'\nimport type {MRadioGroupContextValue} from './MRadio.types'\n\nexport const RadioContext = createContext<MRadioGroupContextValue | null>(null)\n\n// Read the nearest radio-group context when a radio participates in grouped state.\nexport function useRadioGroup(): MRadioGroupContextValue | null {\n    return useContext(RadioContext)\n}\n","import {forwardRef, useCallback} from 'react'\nimport type * as React from 'react'\nimport type {MRadioProps} from './MRadio.types'\nimport {useRadioGroup} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MRadio.css'\n\n// Render a single radio that can work standalone or inside MRadioGroup.\nexport const MRadio = forwardRef<HTMLInputElement, MRadioProps>(function MRadio(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const group = useRadioGroup()\n\n    const resolvedName = group?.name ?? name\n    const resolvedDisabled = group?.disabled ?? disabled\n    const resolvedSize = group?.size ?? size\n    const resolvedColor = group?.color ?? color\n    const resolvedChecked = group ? group.value === value : checked\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled: resolvedDisabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Delegate selection back to the group when one is present.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(event)\n            if (group?.onChange && value) {\n                group.onChange(value)\n            }\n        },\n        [onChange, group, value]\n    )\n\n    return (\n        <label\n            className={cn(\n                'radio',\n                resolvedSize,\n                labelPosition === 'left' && 'label-left',\n                resolvedDisabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('circle', `color-${resolvedColor}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    name={resolvedName}\n                    id={id}\n                    value={value}\n                    checked={resolvedChecked}\n                    defaultChecked={!group ? defaultChecked : undefined}\n                    disabled={resolvedDisabled}\n                    onChange={handleChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n","import {useState, useCallback, useMemo} from 'react'\nimport type {MRadioGroupProps} from './MRadio.types'\nimport {RadioContext} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport './MRadio.css'\n\n// Coordinate multiple radio items through shared context and optional controlled state.\nexport function MRadioGroup({\n    name,\n    value,\n    defaultValue,\n    onChange,\n    direction = 'vertical',\n    children,\n    disabled = false,\n    size = 'md',\n    color = 'primary',\n    error = false,\n    errorText,\n    label,\n    className,\n    style,\n}: MRadioGroupProps) {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Mirror controlled and uncontrolled usage with the same group API.\n    const handleChange = useCallback(\n        (val: string) => {\n            if (value === undefined) {\n                setInternalValue(val)\n            }\n            onChange?.(val)\n        },\n        [onChange, value]\n    )\n\n    // Memoize context so nested radios only update when relevant inputs change.\n    const ctx = useMemo(\n        () => ({name, value: currentValue, disabled, size, color, onChange: handleChange}),\n        [name, currentValue, disabled, size, color, handleChange]\n    )\n\n    return (\n        <RadioContext.Provider value={ctx}>\n            <fieldset className={cn('radio-group', direction, className)} style={style} role=\"radiogroup\">\n                {label && <legend className={cn('label', error && 'error')}>{label}</legend>}\n                {children}\n                {errorText && (\n                    <span className=\"field-error\" role=\"alert\">\n                        {errorText}\n                    </span>\n                )}\n            </fieldset>\n        </RadioContext.Provider>\n    )\n}\n","import {useEffect, useRef, useCallback} from 'react'\nimport type {MLoadMoreProps} from './MLoadMore.types'\nimport {MButton} from '../MButton'\nimport {cn} from '../../../utils/cn'\nimport './MLoadMore.css'\n\nexport function MLoadMore({\n    onLoadMore,\n    loading = false,\n    hasMore = true,\n    loaded,\n    total,\n    auto = false,\n    autoThreshold = 100,\n    variant = 'outlined',\n    color = 'primary',\n    label = 'Load more',\n    loadingLabel = 'Loading...',\n    doneLabel = 'All items loaded',\n    className,\n    ...rest\n}: MLoadMoreProps) {\n    const sentinelRef = useRef<HTMLDivElement>(null)\n    const loadMoreRef = useRef(onLoadMore)\n    loadMoreRef.current = onLoadMore\n\n    useEffect(() => {\n        if (!auto || !hasMore || loading) return\n\n        const sentinel = sentinelRef.current\n        if (!sentinel) return\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                if (entries[0].isIntersecting) {\n                    loadMoreRef.current()\n                }\n            },\n            {rootMargin: `${autoThreshold}px`}\n        )\n\n        observer.observe(sentinel)\n        return () => observer.disconnect()\n    }, [auto, hasMore, loading, autoThreshold])\n\n    const handleClick = useCallback(() => {\n        if (!loading && hasMore) onLoadMore()\n    }, [onLoadMore, loading, hasMore])\n\n    const showCount = loaded !== undefined && total !== undefined\n\n    return (\n        <div className={cn('load-more', className)} {...rest}>\n            {showCount && (\n                <span className=\"load-more-count\">\n                    {loaded} / {total}\n                </span>\n            )}\n\n            {hasMore ? (\n                <MButton\n                    variant={variant}\n                    color={color}\n                    loading={loading}\n                    onClick={handleClick}\n                    className=\"load-more-btn\"\n                >\n                    {loading ? loadingLabel : label}\n                </MButton>\n            ) : (\n                <span className=\"load-more-done\">{doneLabel}</span>\n            )}\n\n            {auto && hasMore && <div ref={sentinelRef} className=\"load-more-sentinel\" />}\n\n            {showCount && (\n                <div className=\"load-more-bar\">\n                    <div className=\"load-more-bar-fill\" style={{width: `${Math.min((loaded / total) * 100, 100)}%`}} />\n                </div>\n            )}\n        </div>\n    )\n}\n","import {useState, useEffect, useCallback} from 'react'\nimport type {MScrollTopProps} from './MScrollTop.types'\nimport {MButton} from '../MButton'\nimport {MArrowUpIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MScrollTop.css'\n\nexport function MScrollTop({\n    threshold = 300,\n    variant = 'filled',\n    color = 'primary',\n    smooth = true,\n    className,\n}: MScrollTopProps) {\n    const [visible, setVisible] = useState(false)\n\n    useEffect(() => {\n        function onScroll() {\n            setVisible(window.scrollY > threshold)\n        }\n        onScroll()\n        window.addEventListener('scroll', onScroll, {passive: true})\n        return () => window.removeEventListener('scroll', onScroll)\n    }, [threshold])\n\n    const scrollToTop = useCallback(() => {\n        window.scrollTo({top: 0, behavior: smooth ? 'smooth' : 'instant'})\n    }, [smooth])\n\n    return (\n        <MButton\n            variant={variant}\n            color={color}\n            shape=\"circle\"\n            size=\"lg\"\n            iconOnly\n            onClick={scrollToTop}\n            aria-label=\"Scroll to top\"\n            className={cn('scroll-top', visible && 'visible', className)}\n        >\n            <MArrowUpIcon />\n        </MButton>\n    )\n}\n","import type {ReactNode, SVGProps} from 'react'\n\ntype SocialMarkProps = SVGProps<SVGSVGElement>\n\nfunction createMark(children: ReactNode, props: SocialMarkProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" {...props}>\n            {children}\n        </svg>\n    )\n}\n\nexport function SocialGoogleMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <circle cx=\"12\" cy=\"12\" r=\"10.2\" fill=\"#fff\" stroke=\"#dadce0\" strokeWidth=\"1.2\" />\n            <path\n                d=\"M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z\"\n                fill=\"#4285F4\"\n            />\n            <path\n                d=\"M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z\"\n                fill=\"#34A853\"\n            />\n            <path\n                d=\"M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z\"\n                fill=\"#FBBC05\"\n            />\n            <path\n                d=\"M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z\"\n                fill=\"#EA4335\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialFacebookMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"2.2\" y=\"2.2\" width=\"19.6\" height=\"19.6\" rx=\"6.2\" fill=\"#1877F2\" />\n            <path\n                d=\"M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z\"\n                fill=\"#fff\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialAppleMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <path\n                d=\"M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z\"\n                fill=\"currentColor\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialMicrosoftMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"3.5\" y=\"3.5\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#F25022\" />\n            <rect x=\"12.7\" y=\"3.5\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#7FBA00\" />\n            <rect x=\"3.5\" y=\"12.7\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#00A4EF\" />\n            <rect x=\"12.7\" y=\"12.7\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#FFB900\" />\n        </>,\n        props\n    )\n}\n\nexport function SocialPinterestMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <circle cx=\"12\" cy=\"12\" r=\"10.1\" fill=\"#fff\" />\n            <path\n                d=\"M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z\"\n                fill=\"#E60023\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialLinkedInMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"2.4\" y=\"2.4\" width=\"19.2\" height=\"19.2\" rx=\"4.8\" fill=\"#fff\" />\n            <path\n                d=\"M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z\"\n                fill=\"#0A66C2\"\n            />\n        </>,\n        props\n    )\n}\n","import {forwardRef} from 'react'\nimport type {MSocialButtonProps} from './MSocialButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {\n    SocialAppleMark,\n    SocialFacebookMark,\n    SocialGoogleMark,\n    SocialLinkedInMark,\n    SocialMicrosoftMark,\n    SocialPinterestMark,\n} from './MSocialButton.icons'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MSocialButton.css'\n\nconst socialButtonConfig = {\n    google: {\n        label: 'Sign in with Google',\n        iconLabel: 'Google',\n        mode: 'google',\n        Icon: SocialGoogleMark,\n    },\n    facebook: {\n        label: 'Sign in with Facebook',\n        iconLabel: 'Facebook',\n        mode: 'outline',\n        Icon: SocialFacebookMark,\n    },\n    apple: {\n        label: 'Sign in with Apple',\n        iconLabel: 'Apple',\n        mode: 'brand',\n        Icon: SocialAppleMark,\n    },\n    microsoft: {\n        label: 'Sign in with Microsoft',\n        iconLabel: 'Microsoft',\n        mode: 'brand',\n        Icon: SocialMicrosoftMark,\n    },\n    pinterest: {\n        label: 'Sign in with Pinterest',\n        iconLabel: 'Pinterest',\n        mode: 'brand',\n        Icon: SocialPinterestMark,\n    },\n    linkedin: {\n        label: 'Sign in with LinkedIn',\n        iconLabel: 'LinkedIn',\n        mode: 'brand',\n        Icon: SocialLinkedInMark,\n    },\n} as const\n\nexport const MSocialButton = forwardRef<HTMLButtonElement, MSocialButtonProps>(function MSocialButton(\n    {\n        platform = 'google',\n        variant = 'outline',\n        size = 'md',\n        iconOnly = false,\n        iconShape = 'circle',\n        hidden,\n        fullWidth = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onPointerDown,\n        onKeyDown,\n        'aria-label': ariaLabel,\n        ...rest\n    },\n    ref\n) {\n    const config = socialButtonConfig[platform]\n    const Icon = config.Icon\n    const label = children ?? config.label\n    const resolvedAriaLabel = ariaLabel ?? (iconOnly ? config.iconLabel : undefined)\n    const resolvedVariant = config.mode === 'google' ? variant : config.mode\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLButtonElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    return (\n        <button\n            ref={ref}\n            type={type}\n            className={cn(\n                'social-button-root',\n                platform,\n                resolvedVariant,\n                size,\n                fullWidth && 'full-width',\n                iconOnly && 'icon-only',\n                iconOnly && `icon-shape-${iconShape}`,\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isDisabled}\n            aria-busy={loading || undefined}\n            aria-label={resolvedAriaLabel}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            onKeyDown={(event) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget)\n                }\n\n                onKeyDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" className=\"social-button-spinner\" aria-hidden=\"true\" />}\n            <span className=\"social-button-brand\" aria-hidden=\"true\">\n                <Icon className=\"social-button-mark\" />\n            </span>\n            {!iconOnly && <span className=\"social-button-label\">{label}</span>}\n        </button>\n    )\n})\n"],"mappings":"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"}

package/dist/controls-DCtMOoQe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"controls-DCtMOoQe.js","names":[],"sources":["../src/components/controls/MButtonGroup/MButtonGroup.tsx","../src/components/controls/MRadio/RadioContext.ts","../src/components/controls/MRadio/MRadio.tsx","../src/components/controls/MRadio/MRadioGroup.tsx","../src/components/controls/MLoadMore/MLoadMore.tsx","../src/components/controls/MScrollTop/MScrollTop.tsx","../src/components/controls/MSocialButton/MSocialButton.icons.tsx","../src/components/controls/MSocialButton/MSocialButton.tsx"],"sourcesContent":["import {forwardRef, useMemo} from 'react'\nimport type {MButtonGroupProps} from './MButtonGroup.types'\nimport {ButtonGroupContext} from './MButtonGroupContext'\nimport type {MButtonGroupContextValue} from './MButtonGroupContext'\nimport {cn} from '../../../utils/cn'\nimport './MButtonGroup.css'\n\nexport const MButtonGroup = forwardRef<HTMLDivElement, MButtonGroupProps>(function MButtonGroup(\n    {orientation = 'horizontal', variant, size, color, attached = true, className, children, ...rest},\n    ref\n) {\n    const ctx = useMemo<MButtonGroupContextValue>(() => ({variant, size, color}), [variant, size, color])\n\n    return (\n        <ButtonGroupContext.Provider value={ctx}>\n            <div\n                ref={ref}\n                role=\"group\"\n                className={cn('button-group', orientation, attached && 'attached', className)}\n                {...rest}\n            >\n                {children}\n            </div>\n        </ButtonGroupContext.Provider>\n    )\n})\n","import {createContext, useContext} from 'react'\nimport type {MRadioGroupContextValue} from './MRadio.types'\n\nexport const RadioContext = createContext<MRadioGroupContextValue | null>(null)\n\n// Read the nearest radio-group context when a radio participates in grouped state.\nexport function useRadioGroup(): MRadioGroupContextValue | null {\n    return useContext(RadioContext)\n}\n","import {forwardRef, useCallback} from 'react'\nimport type * as React from 'react'\nimport type {MRadioProps} from './MRadio.types'\nimport {useRadioGroup} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MRadio.css'\n\n// Render a single radio that can work standalone or inside MRadioGroup.\nexport const MRadio = forwardRef<HTMLInputElement, MRadioProps>(function MRadio(\n    {\n        checked,\n        defaultChecked,\n        name,\n        id,\n        value,\n        disabled = false,\n        size = 'md',\n        color = 'primary',\n        label,\n        labelPosition = 'right',\n        onChange,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n    },\n    ref\n) {\n    const group = useRadioGroup()\n\n    const resolvedName = group?.name ?? name\n    const resolvedDisabled = group?.disabled ?? disabled\n    const resolvedSize = group?.size ?? size\n    const resolvedColor = group?.color ?? color\n    const resolvedChecked = group ? group.value === value : checked\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n        effect: clickEffect,\n        disabled: resolvedDisabled,\n        centered: true,\n        color: rippleColor,\n    })\n\n    // Delegate selection back to the group when one is present.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            onChange?.(event)\n            if (group?.onChange && value) {\n                group.onChange(value)\n            }\n        },\n        [onChange, group, value]\n    )\n\n    return (\n        <label\n            className={cn(\n                'radio',\n                resolvedSize,\n                labelPosition === 'left' && 'label-left',\n                resolvedDisabled && 'disabled',\n                className\n            )}\n            style={style}\n        >\n            <span className={cn('circle', `color-${resolvedColor}`, effectClassName)} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                <input\n                    ref={ref}\n                    type=\"radio\"\n                    name={resolvedName}\n                    id={id}\n                    value={value}\n                    checked={resolvedChecked}\n                    defaultChecked={!group ? defaultChecked : undefined}\n                    disabled={resolvedDisabled}\n                    onChange={handleChange}\n                    onKeyDown={(event) => {\n                        if (event.key === ' ' || event.key === 'Enter') {\n                            triggerEffect(event.currentTarget.parentElement as HTMLSpanElement | null)\n                        }\n                    }}\n                    className=\"input\"\n                />\n            </span>\n            {label && <span className=\"label-text\">{label}</span>}\n        </label>\n    )\n})\n","import {useState, useCallback, useMemo} from 'react'\nimport type {MRadioGroupProps} from './MRadio.types'\nimport {RadioContext} from './RadioContext'\nimport {cn} from '../../../utils/cn'\nimport './MRadio.css'\n\n// Coordinate multiple radio items through shared context and optional controlled state.\nexport function MRadioGroup({\n    name,\n    value,\n    defaultValue,\n    onChange,\n    direction = 'vertical',\n    children,\n    disabled = false,\n    size = 'md',\n    color = 'primary',\n    error = false,\n    errorText,\n    label,\n    className,\n    style,\n}: MRadioGroupProps) {\n    const [internalValue, setInternalValue] = useState(defaultValue)\n    const currentValue = value !== undefined ? value : internalValue\n\n    // Mirror controlled and uncontrolled usage with the same group API.\n    const handleChange = useCallback(\n        (val: string) => {\n            if (value === undefined) {\n                setInternalValue(val)\n            }\n            onChange?.(val)\n        },\n        [onChange, value]\n    )\n\n    // Memoize context so nested radios only update when relevant inputs change.\n    const ctx = useMemo(\n        () => ({name, value: currentValue, disabled, size, color, onChange: handleChange}),\n        [name, currentValue, disabled, size, color, handleChange]\n    )\n\n    return (\n        <RadioContext.Provider value={ctx}>\n            <fieldset className={cn('radio-group', direction, className)} style={style} role=\"radiogroup\">\n                {label && <legend className={cn('label', error && 'error')}>{label}</legend>}\n                {children}\n                {errorText && (\n                    <span className=\"field-error\" role=\"alert\">\n                        {errorText}\n                    </span>\n                )}\n            </fieldset>\n        </RadioContext.Provider>\n    )\n}\n","import {useEffect, useRef, useCallback} from 'react'\nimport type {MLoadMoreProps} from './MLoadMore.types'\nimport {MButton} from '../MButton'\nimport {cn} from '../../../utils/cn'\nimport './MLoadMore.css'\n\nexport function MLoadMore({\n    onLoadMore,\n    loading = false,\n    hasMore = true,\n    loaded,\n    total,\n    auto = false,\n    autoThreshold = 100,\n    variant = 'outlined',\n    color = 'primary',\n    label = 'Load more',\n    loadingLabel = 'Loading...',\n    doneLabel = 'All items loaded',\n    className,\n    ...rest\n}: MLoadMoreProps) {\n    const sentinelRef = useRef<HTMLDivElement>(null)\n    const loadMoreRef = useRef(onLoadMore)\n    loadMoreRef.current = onLoadMore\n\n    useEffect(() => {\n        if (!auto || !hasMore || loading) return\n\n        const sentinel = sentinelRef.current\n        if (!sentinel) return\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                if (entries[0].isIntersecting) {\n                    loadMoreRef.current()\n                }\n            },\n            {rootMargin: `${autoThreshold}px`}\n        )\n\n        observer.observe(sentinel)\n        return () => observer.disconnect()\n    }, [auto, hasMore, loading, autoThreshold])\n\n    const handleClick = useCallback(() => {\n        if (!loading && hasMore) onLoadMore()\n    }, [onLoadMore, loading, hasMore])\n\n    const showCount = loaded !== undefined && total !== undefined\n\n    return (\n        <div className={cn('load-more', className)} {...rest}>\n            {showCount && (\n                <span className=\"load-more-count\">\n                    {loaded} / {total}\n                </span>\n            )}\n\n            {hasMore ? (\n                <MButton\n                    variant={variant}\n                    color={color}\n                    loading={loading}\n                    onClick={handleClick}\n                    className=\"load-more-btn\"\n                >\n                    {loading ? loadingLabel : label}\n                </MButton>\n            ) : (\n                <span className=\"load-more-done\">{doneLabel}</span>\n            )}\n\n            {auto && hasMore && <div ref={sentinelRef} className=\"load-more-sentinel\" />}\n\n            {showCount && (\n                <div className=\"load-more-bar\">\n                    <div className=\"load-more-bar-fill\" style={{width: `${Math.min((loaded / total) * 100, 100)}%`}} />\n                </div>\n            )}\n        </div>\n    )\n}\n","import {useState, useEffect, useCallback} from 'react'\nimport type {MScrollTopProps} from './MScrollTop.types'\nimport {MButton} from '../MButton'\nimport {MArrowUpIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MScrollTop.css'\n\nexport function MScrollTop({\n    threshold = 300,\n    variant = 'filled',\n    color = 'primary',\n    smooth = true,\n    className,\n}: MScrollTopProps) {\n    const [visible, setVisible] = useState(false)\n\n    useEffect(() => {\n        function onScroll() {\n            setVisible(window.scrollY > threshold)\n        }\n        onScroll()\n        window.addEventListener('scroll', onScroll, {passive: true})\n        return () => window.removeEventListener('scroll', onScroll)\n    }, [threshold])\n\n    const scrollToTop = useCallback(() => {\n        window.scrollTo({top: 0, behavior: smooth ? 'smooth' : 'instant'})\n    }, [smooth])\n\n    return (\n        <MButton\n            variant={variant}\n            color={color}\n            shape=\"circle\"\n            size=\"lg\"\n            iconOnly\n            onClick={scrollToTop}\n            aria-label=\"Scroll to top\"\n            className={cn('scroll-top', visible && 'visible', className)}\n        >\n            <MArrowUpIcon />\n        </MButton>\n    )\n}\n","import type {ReactNode, SVGProps} from 'react'\n\ntype SocialMarkProps = SVGProps<SVGSVGElement>\n\nfunction createMark(children: ReactNode, props: SocialMarkProps) {\n    return (\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" {...props}>\n            {children}\n        </svg>\n    )\n}\n\nexport function SocialGoogleMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <circle cx=\"12\" cy=\"12\" r=\"10.2\" fill=\"#fff\" stroke=\"#dadce0\" strokeWidth=\"1.2\" />\n            <path\n                d=\"M17.95 12.25c0-.48-.04-.83-.13-1.2H12v2.26h3.42c-.07.56-.48 1.4-1.4 1.97l-.01.08 2 1.52.14.02c1.28-1.15 1.8-2.84 1.8-4.65z\"\n                fill=\"#4285F4\"\n            />\n            <path\n                d=\"M12 18.2c1.67 0 3.07-.54 4.1-1.48l-2.13-1.62c-.57.39-1.34.67-1.97.67-1.64 0-3.03-1.06-3.53-2.53l-.08.01-2.08 1.58-.03.08c1.02 1.97 3.09 3.29 5.72 3.29z\"\n                fill=\"#34A853\"\n            />\n            <path\n                d=\"M8.47 13.24a3.72 3.72 0 0 1-.2-1.24c0-.43.08-.84.19-1.24l-.01-.08-2.1-1.6-.07.03a6.02 6.02 0 0 0 0 5.78l2.19-1.65z\"\n                fill=\"#FBBC05\"\n            />\n            <path\n                d=\"M12 8.22c.8 0 1.53.27 2.1.8l1.54-1.48C14.99 6.96 13.67 6.5 12 6.5c-2.63 0-4.7 1.32-5.72 3.29l2.18 1.66c.5-1.47 1.9-2.53 3.54-2.53z\"\n                fill=\"#EA4335\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialFacebookMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"2.2\" y=\"2.2\" width=\"19.6\" height=\"19.6\" rx=\"6.2\" fill=\"#1877F2\" />\n            <path\n                d=\"M13.28 20v-6.02h2.02l.31-2.43h-2.33V10c0-.78.27-1.37 1.35-1.37h1.11V6.4c-.4-.06-1.09-.11-2.03-.11-2.3 0-3.64 1.22-3.64 3.76v1.49h-1.9v2.44h1.9V20z\"\n                fill=\"#fff\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialAppleMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <path\n                d=\"M15.38 11.84c.02 2.33 2.04 3.1 2.07 3.12-.03.07-.33 1.09-1.06 2.16-.63.91-1.3 1.84-2.34 1.86-1.03.02-1.37-.61-2.57-.61-1.2 0-1.57.59-2.53.63-1.02.04-1.79-1.01-2.43-1.92-1.3-1.89-2.3-5.33-.97-7.64.67-1.15 1.86-1.88 3.14-1.9.98-.02 1.89.65 2.57.65.67 0 1.92-.81 3.24-.69.55.02 2.1.22 3.09 1.67-.08.05-1.84 1.07-1.81 2.67z\"\n                fill=\"currentColor\"\n            />\n            <path\n                d=\"M13.59 4.67c.53-.64.9-1.52.8-2.42-.77.04-1.69.52-2.24 1.15-.5.58-.93 1.49-.82 2.35.86.07 1.72-.44 2.26-1.08z\"\n                fill=\"currentColor\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialMicrosoftMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"3.5\" y=\"3.5\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#F25022\" />\n            <rect x=\"12.7\" y=\"3.5\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#7FBA00\" />\n            <rect x=\"3.5\" y=\"12.7\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#00A4EF\" />\n            <rect x=\"12.7\" y=\"12.7\" width=\"7.8\" height=\"7.8\" rx=\"1.3\" fill=\"#FFB900\" />\n        </>,\n        props\n    )\n}\n\nexport function SocialPinterestMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <circle cx=\"12\" cy=\"12\" r=\"10.1\" fill=\"#fff\" />\n            <path\n                d=\"M12.87 6.76c-2.95 0-4.74 2.03-4.74 4.34 0 1.65.92 3.07 2.38 3.62.1.03.14.01.17-.06l.32-1.23c.05-.14.02-.19-.09-.33-.26-.33-.47-.96-.47-1.57 0-1.52 1.14-2.97 3.08-2.97 1.68 0 2.86 1.14 2.86 2.78 0 1.86-.93 3.13-2.14 3.13-.67 0-1.17-.56-1-1.23.18-.8.55-1.64.55-2.2 0-.51-.28-.93-.84-.93-.67 0-1.2.69-1.2 1.62 0 .59.2.99.2.99l-.78 3.28c-.14.58-.03 1.55.01 1.68.02.08.1.1.15.03.09-.11 1.07-1.49 1.24-2.18l.27-1.06c.25.48.99.89 1.77.89 2.34 0 4.04-2.15 4.04-4.79 0-2.54-2.08-4.44-4.78-4.44z\"\n                fill=\"#E60023\"\n            />\n        </>,\n        props\n    )\n}\n\nexport function SocialLinkedInMark(props: SocialMarkProps) {\n    return createMark(\n        <>\n            <rect x=\"2.4\" y=\"2.4\" width=\"19.2\" height=\"19.2\" rx=\"4.8\" fill=\"#fff\" />\n            <path\n                d=\"M8.1 10.02h2.04v7.24H8.1zm1.03-3.22a1.17 1.17 0 1 1 0 2.35 1.17 1.17 0 0 1 0-2.35zm2.68 3.22h1.95v.99c.34-.61 1.08-1.15 2.13-1.15 2.15 0 2.82 1.42 2.82 3.78v3.62h-2.04v-3.26c0-.98-.35-1.67-1.23-1.67-.66 0-1.05.45-1.23.88-.08.16-.08.38-.08.59v3.46h-2.32z\"\n                fill=\"#0A66C2\"\n            />\n        </>,\n        props\n    )\n}\n","import {forwardRef} from 'react'\nimport type {MSocialButtonProps} from './MSocialButton.types'\nimport {getHiddenProps} from '../../../theme'\nimport {\n    SocialAppleMark,\n    SocialFacebookMark,\n    SocialGoogleMark,\n    SocialLinkedInMark,\n    SocialMicrosoftMark,\n    SocialPinterestMark,\n} from './MSocialButton.icons'\nimport {MSpinner} from '../../feedback'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MSocialButton.css'\n\nconst socialButtonConfig = {\n    google: {\n        label: 'Sign in with Google',\n        iconLabel: 'Google',\n        mode: 'google',\n        Icon: SocialGoogleMark,\n    },\n    facebook: {\n        label: 'Sign in with Facebook',\n        iconLabel: 'Facebook',\n        mode: 'outline',\n        Icon: SocialFacebookMark,\n    },\n    apple: {\n        label: 'Sign in with Apple',\n        iconLabel: 'Apple',\n        mode: 'brand',\n        Icon: SocialAppleMark,\n    },\n    microsoft: {\n        label: 'Sign in with Microsoft',\n        iconLabel: 'Microsoft',\n        mode: 'brand',\n        Icon: SocialMicrosoftMark,\n    },\n    pinterest: {\n        label: 'Sign in with Pinterest',\n        iconLabel: 'Pinterest',\n        mode: 'brand',\n        Icon: SocialPinterestMark,\n    },\n    linkedin: {\n        label: 'Sign in with LinkedIn',\n        iconLabel: 'LinkedIn',\n        mode: 'brand',\n        Icon: SocialLinkedInMark,\n    },\n} as const\n\nexport const MSocialButton = forwardRef<HTMLButtonElement, MSocialButtonProps>(function MSocialButton(\n    {\n        platform = 'google',\n        variant = 'outline',\n        size = 'md',\n        iconOnly = false,\n        iconShape = 'circle',\n        hidden,\n        fullWidth = false,\n        loading = false,\n        active = false,\n        pulsing = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        children,\n        disabled = false,\n        type = 'button',\n        onPointerDown,\n        onKeyDown,\n        'aria-label': ariaLabel,\n        ...rest\n    },\n    ref\n) {\n    const config = socialButtonConfig[platform]\n    const Icon = config.Icon\n    const label = children ?? config.label\n    const resolvedAriaLabel = ariaLabel ?? (iconOnly ? config.iconLabel : undefined)\n    const resolvedVariant = config.mode === 'google' ? variant : config.mode\n    const isDisabled = disabled || loading\n    const {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLButtonElement>({\n        effect: clickEffect,\n        disabled: isDisabled,\n        centered: iconOnly,\n        color: rippleColor,\n    })\n\n    return (\n        <button\n            ref={ref}\n            type={type}\n            className={cn(\n                'social-button-root',\n                platform,\n                resolvedVariant,\n                size,\n                fullWidth && 'full-width',\n                iconOnly && 'icon-only',\n                iconOnly && `icon-shape-${iconShape}`,\n                loading && 'loading',\n                active && 'active',\n                pulsing && 'pulsing',\n                isDisabled && 'disabled',\n                effectClassName,\n                className\n            )}\n            style={style}\n            disabled={isDisabled}\n            aria-busy={loading || undefined}\n            aria-label={resolvedAriaLabel}\n            onPointerDown={(event) => {\n                handlePointerDown(event)\n                onPointerDown?.(event)\n            }}\n            onKeyDown={(event) => {\n                if (event.key === ' ' || event.key === 'Enter') {\n                    triggerEffect(event.currentTarget)\n                }\n\n                onKeyDown?.(event)\n            }}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {effectLayer}\n            {loading && <MSpinner size=\"sm\" color=\"inherit\" className=\"social-button-spinner\" aria-hidden=\"true\" />}\n            <span className=\"social-button-brand\" aria-hidden=\"true\">\n                <Icon className=\"social-button-mark\" />\n            </span>\n            {!iconOnly && <span className=\"social-button-label\">{label}</span>}\n        </button>\n    )\n})\n"],"mappings":"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"}

package/dist/creditCards-CCysEwry.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"creditCards-CCysEwry.js","names":[],"sources":["../src/utils/creditCards.ts"],"sourcesContent":["import type {ValidationResult} from './validators'\n\nexport type CreditCardBrand = 'visa' | 'mastercard' | 'amex' | 'discover' | 'maestro' | 'unknown'\n\nexport interface CreditCardBrandDetails {\n    brand: CreditCardBrand\n    label: string\n    iconLabel: string\n    maxLength: number\n    formatGroups: number[]\n    regex: RegExp\n}\n\nconst OK_RESULT: ValidationResult = {valid: true}\n\n// MCard brand rules also drive formatting and visible brand badges.\nconst creditCardBrands: CreditCardBrandDetails[] = [\n    {\n        brand: 'visa',\n        label: 'Visa',\n        iconLabel: 'VISA',\n        maxLength: 16,\n        formatGroups: [4, 4, 4, 4],\n        regex: /^4\\d{12}(?:\\d{3})?$/,\n    },\n    {\n        brand: 'mastercard',\n        label: 'Mastercard',\n        iconLabel: 'MC',\n        maxLength: 16,\n        formatGroups: [4, 4, 4, 4],\n        regex: /^(5[1-5]\\d{14}|2(?:2[2-9]|[3-6]\\d|7[01])\\d{12}|2720\\d{12})$/,\n    },\n    {\n        brand: 'amex',\n        label: 'American Express',\n        iconLabel: 'AMEX',\n        maxLength: 15,\n        formatGroups: [4, 6, 5],\n        regex: /^3[47]\\d{13}$/,\n    },\n    {\n        brand: 'discover',\n        label: 'Discover',\n        iconLabel: 'DISC',\n        maxLength: 16,\n        formatGroups: [4, 4, 4, 4],\n        regex: /^(6011\\d{12}|65\\d{14}|64[4-9]\\d{13})$/,\n    },\n    {\n        brand: 'maestro',\n        label: 'Maestro',\n        iconLabel: 'MAES',\n        maxLength: 19,\n        formatGroups: [4, 4, 4, 4, 3],\n        regex: /^(5[06789]\\d{0,17}|6\\d{0,18})$/,\n    },\n]\n\n// Fall back to a generic brand so formatting still works for unknown prefixes.\nfunction fallbackBrand(digits: string): CreditCardBrandDetails {\n    return {\n        brand: 'unknown',\n        label: 'MCard',\n        iconLabel: 'CARD',\n        maxLength: Math.min(Math.max(digits.length || 16, 16), 19),\n        formatGroups: [4, 4, 4, 4, 3],\n        regex: /^\\d{12,19}$/,\n    }\n}\n\n// Remove every separator so card validation can work on raw digits.\nexport function stripCardNumber(value: string): string {\n    return value.replace(/\\D/g, '')\n}\n\n// Detect the best matching payment brand from the visible card prefix.\nexport function detectCardBrand(value: string): CreditCardBrandDetails {\n    const digits = stripCardNumber(value)\n    return creditCardBrands.find((rule) => rule.regex.test(digits)) ?? fallbackBrand(digits)\n}\n\n// Group card digits according to the detected payment brand.\nexport function formatCardNumber(value: string): string {\n    const digits = stripCardNumber(value)\n    const rule = detectCardBrand(digits)\n    const trimmedDigits = digits.slice(0, rule.maxLength)\n    const parts: string[] = []\n    let offset = 0\n\n    for (const length of rule.formatGroups) {\n        if (offset >= trimmedDigits.length) {\n            break\n        }\n\n        parts.push(trimmedDigits.slice(offset, offset + length))\n        offset += length\n    }\n\n    if (offset < trimmedDigits.length) {\n        parts.push(trimmedDigits.slice(offset))\n    }\n\n    return parts.join(' ')\n}\n\n// Run the Luhn checksum used by most card numbers.\nfunction passesLuhn(value: string): boolean {\n    let sum = 0\n    let shouldDouble = false\n\n    for (let index = value.length - 1; index >= 0; index -= 1) {\n        let digit = parseInt(value[index], 10)\n\n        if (Number.isNaN(digit)) {\n            return false\n        }\n\n        if (shouldDouble) {\n            digit *= 2\n            if (digit > 9) {\n                digit -= 9\n            }\n        }\n\n        sum += digit\n        shouldDouble = !shouldDouble\n    }\n\n    return sum % 10 === 0\n}\n\n// Validate the detected card brand and Luhn checksum without third-party runtime dependencies.\nexport function validateCardNumber(value: string): ValidationResult {\n    if (!value) {\n        return OK_RESULT\n    }\n\n    const digits = stripCardNumber(value)\n    const rule = detectCardBrand(digits)\n\n    if (digits.length < 12) {\n        return {valid: false, error: 'MCard number is too short'}\n    }\n\n    if (digits.length > rule.maxLength) {\n        return {valid: false, error: `${rule.label} card number is too long`}\n    }\n\n    if (rule.brand !== 'unknown' && !rule.regex.test(digits)) {\n        return {valid: false, error: `Invalid ${rule.label} card number`}\n    }\n\n    if (!passesLuhn(digits)) {\n        return {valid: false, error: 'Invalid card checksum'}\n    }\n\n    return OK_RESULT\n}\n\nexport {creditCardBrands}\n"],"mappings":";AAaA,IAAM,IAA8B,EAAC,OAAO,IAAK,EAG3C,IAA6C;CAC/C;EACI,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW;EACX,cAAc;GAAC;GAAG;GAAG;GAAG;GAAE;EAC1B,OAAO;EACV;CACD;EACI,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW;EACX,cAAc;GAAC;GAAG;GAAG;GAAG;GAAE;EAC1B,OAAO;EACV;CACD;EACI,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW;EACX,cAAc;GAAC;GAAG;GAAG;GAAE;EACvB,OAAO;EACV;CACD;EACI,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW;EACX,cAAc;GAAC;GAAG;GAAG;GAAG;GAAE;EAC1B,OAAO;EACV;CACD;EACI,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW;EACX,cAAc;GAAC;GAAG;GAAG;GAAG;GAAG;GAAE;EAC7B,OAAO;EACV;CACJ;AAGD,SAAS,EAAc,GAAwC;AAC3D,QAAO;EACH,OAAO;EACP,OAAO;EACP,WAAW;EACX,WAAW,KAAK,IAAI,KAAK,IAAI,EAAO,UAAU,IAAI,GAAG,EAAE,GAAG;EAC1D,cAAc;GAAC;GAAG;GAAG;GAAG;GAAG;GAAE;EAC7B,OAAO;EACV;;AAIL,SAAgB,EAAgB,GAAuB;AACnD,QAAO,EAAM,QAAQ,OAAO,GAAG;;AAInC,SAAgB,EAAgB,GAAuC;CACnE,IAAM,IAAS,EAAgB,EAAM;AACrC,QAAO,EAAiB,MAAM,MAAS,EAAK,MAAM,KAAK,EAAO,CAAC,IAAI,EAAc,EAAO;;AAI5F,SAAgB,EAAiB,GAAuB;CACpD,IAAM,IAAS,EAAgB,EAAM,EAC/B,IAAO,EAAgB,EAAO,EAC9B,IAAgB,EAAO,MAAM,GAAG,EAAK,UAAU,EAC/C,IAAkB,EAAE,EACtB,IAAS;AAEb,MAAK,IAAM,KAAU,EAAK,cAAc;AACpC,MAAI,KAAU,EAAc,OACxB;AAIJ,EADA,EAAM,KAAK,EAAc,MAAM,GAAQ,IAAS,EAAO,CAAC,EACxD,KAAU;;AAOd,QAJI,IAAS,EAAc,UACvB,EAAM,KAAK,EAAc,MAAM,EAAO,CAAC,EAGpC,EAAM,KAAK,IAAI;;AAI1B,SAAS,EAAW,GAAwB;CACxC,IAAI,IAAM,GACN,IAAe;AAEnB,MAAK,IAAI,IAAQ,EAAM,SAAS,GAAG,KAAS,GAAG,KAAY;EACvD,IAAI,IAAQ,SAAS,EAAM,IAAQ,GAAG;AAEtC,MAAI,OAAO,MAAM,EAAM,CACnB,QAAO;AAWX,EARI,MACA,KAAS,GACL,IAAQ,MACR,KAAS,KAIjB,KAAO,GACP,IAAe,CAAC;;AAGpB,QAAO,IAAM,MAAO;;AAIxB,SAAgB,EAAmB,GAAiC;AAChE,KAAI,CAAC,EACD,QAAO;CAGX,IAAM,IAAS,EAAgB,EAAM,EAC/B,IAAO,EAAgB,EAAO;AAkBpC,QAhBI,EAAO,SAAS,KACT;EAAC,OAAO;EAAO,OAAO;EAA4B,GAGzD,EAAO,SAAS,EAAK,YACd;EAAC,OAAO;EAAO,OAAO,GAAG,EAAK,MAAM;EAA0B,GAGrE,EAAK,UAAU,aAAa,CAAC,EAAK,MAAM,KAAK,EAAO,GAC7C;EAAC,OAAO;EAAO,OAAO,WAAW,EAAK,MAAM;EAAc,GAGhE,EAAW,EAAO,GAIhB,IAHI;EAAC,OAAO;EAAO,OAAO;EAAwB"}

package/dist/creditCards-ljs044xt.cjs

@@ -1,2 +0,0 @@
-var e={valid:!0},t=[{brand:`visa`,label:`Visa`,iconLabel:`VISA`,maxLength:16,formatGroups:[4,4,4,4],regex:/^4\d{12}(?:\d{3})?$/},{brand:`mastercard`,label:`Mastercard`,iconLabel:`MC`,maxLength:16,formatGroups:[4,4,4,4],regex:/^(5[1-5]\d{14}|2(?:2[2-9]|[3-6]\d|7[01])\d{12}|2720\d{12})$/},{brand:`amex`,label:`American Express`,iconLabel:`AMEX`,maxLength:15,formatGroups:[4,6,5],regex:/^3[47]\d{13}$/},{brand:`discover`,label:`Discover`,iconLabel:`DISC`,maxLength:16,formatGroups:[4,4,4,4],regex:/^(6011\d{12}|65\d{14}|64[4-9]\d{13})$/},{brand:`maestro`,label:`Maestro`,iconLabel:`MAES`,maxLength:19,formatGroups:[4,4,4,4,3],regex:/^(5[06789]\d{0,17}|6\d{0,18})$/}];function n(e){return{brand:`unknown`,label:`MCard`,iconLabel:`CARD`,maxLength:Math.min(Math.max(e.length||16,16),19),formatGroups:[4,4,4,4,3],regex:/^\d{12,19}$/}}function r(e){return e.replace(/\D/g,``)}function i(e){let i=r(e);return t.find(e=>e.regex.test(i))??n(i)}function a(e){let t=r(e),n=i(t),a=t.slice(0,n.maxLength),o=[],s=0;for(let e of n.formatGroups){if(s>=a.length)break;o.push(a.slice(s,s+e)),s+=e}return s<a.length&&o.push(a.slice(s)),o.join(` `)}function o(e){let t=0,n=!1;for(let r=e.length-1;r>=0;--r){let i=parseInt(e[r],10);if(Number.isNaN(i))return!1;n&&(i*=2,i>9&&(i-=9)),t+=i,n=!n}return t%10==0}function s(t){if(!t)return e;let n=r(t),a=i(n);return n.length<12?{valid:!1,error:`MCard number is too short`}:n.length>a.maxLength?{valid:!1,error:`${a.label} card number is too long`}:a.brand!==`unknown`&&!a.regex.test(n)?{valid:!1,error:`Invalid ${a.label} card number`}:o(n)?e:{valid:!1,error:`Invalid card checksum`}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
-//# sourceMappingURL=creditCards-ljs044xt.cjs.map

package/dist/creditCards-ljs044xt.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"creditCards-ljs044xt.cjs","names":[],"sources":["../src/utils/creditCards.ts"],"sourcesContent":["import type {ValidationResult} from './validators'\n\nexport type CreditCardBrand = 'visa' | 'mastercard' | 'amex' | 'discover' | 'maestro' | 'unknown'\n\nexport interface CreditCardBrandDetails {\n    brand: CreditCardBrand\n    label: string\n    iconLabel: string\n    maxLength: number\n    formatGroups: number[]\n    regex: RegExp\n}\n\nconst OK_RESULT: ValidationResult = {valid: true}\n\n// MCard brand rules also drive formatting and visible brand badges.\nconst creditCardBrands: CreditCardBrandDetails[] = [\n    {\n        brand: 'visa',\n        label: 'Visa',\n        iconLabel: 'VISA',\n        maxLength: 16,\n        formatGroups: [4, 4, 4, 4],\n        regex: /^4\\d{12}(?:\\d{3})?$/,\n    },\n    {\n        brand: 'mastercard',\n        label: 'Mastercard',\n        iconLabel: 'MC',\n        maxLength: 16,\n        formatGroups: [4, 4, 4, 4],\n        regex: /^(5[1-5]\\d{14}|2(?:2[2-9]|[3-6]\\d|7[01])\\d{12}|2720\\d{12})$/,\n    },\n    {\n        brand: 'amex',\n        label: 'American Express',\n        iconLabel: 'AMEX',\n        maxLength: 15,\n        formatGroups: [4, 6, 5],\n        regex: /^3[47]\\d{13}$/,\n    },\n    {\n        brand: 'discover',\n        label: 'Discover',\n        iconLabel: 'DISC',\n        maxLength: 16,\n        formatGroups: [4, 4, 4, 4],\n        regex: /^(6011\\d{12}|65\\d{14}|64[4-9]\\d{13})$/,\n    },\n    {\n        brand: 'maestro',\n        label: 'Maestro',\n        iconLabel: 'MAES',\n        maxLength: 19,\n        formatGroups: [4, 4, 4, 4, 3],\n        regex: /^(5[06789]\\d{0,17}|6\\d{0,18})$/,\n    },\n]\n\n// Fall back to a generic brand so formatting still works for unknown prefixes.\nfunction fallbackBrand(digits: string): CreditCardBrandDetails {\n    return {\n        brand: 'unknown',\n        label: 'MCard',\n        iconLabel: 'CARD',\n        maxLength: Math.min(Math.max(digits.length || 16, 16), 19),\n        formatGroups: [4, 4, 4, 4, 3],\n        regex: /^\\d{12,19}$/,\n    }\n}\n\n// Remove every separator so card validation can work on raw digits.\nexport function stripCardNumber(value: string): string {\n    return value.replace(/\\D/g, '')\n}\n\n// Detect the best matching payment brand from the visible card prefix.\nexport function detectCardBrand(value: string): CreditCardBrandDetails {\n    const digits = stripCardNumber(value)\n    return creditCardBrands.find((rule) => rule.regex.test(digits)) ?? fallbackBrand(digits)\n}\n\n// Group card digits according to the detected payment brand.\nexport function formatCardNumber(value: string): string {\n    const digits = stripCardNumber(value)\n    const rule = detectCardBrand(digits)\n    const trimmedDigits = digits.slice(0, rule.maxLength)\n    const parts: string[] = []\n    let offset = 0\n\n    for (const length of rule.formatGroups) {\n        if (offset >= trimmedDigits.length) {\n            break\n        }\n\n        parts.push(trimmedDigits.slice(offset, offset + length))\n        offset += length\n    }\n\n    if (offset < trimmedDigits.length) {\n        parts.push(trimmedDigits.slice(offset))\n    }\n\n    return parts.join(' ')\n}\n\n// Run the Luhn checksum used by most card numbers.\nfunction passesLuhn(value: string): boolean {\n    let sum = 0\n    let shouldDouble = false\n\n    for (let index = value.length - 1; index >= 0; index -= 1) {\n        let digit = parseInt(value[index], 10)\n\n        if (Number.isNaN(digit)) {\n            return false\n        }\n\n        if (shouldDouble) {\n            digit *= 2\n            if (digit > 9) {\n                digit -= 9\n            }\n        }\n\n        sum += digit\n        shouldDouble = !shouldDouble\n    }\n\n    return sum % 10 === 0\n}\n\n// Validate the detected card brand and Luhn checksum without third-party runtime dependencies.\nexport function validateCardNumber(value: string): ValidationResult {\n    if (!value) {\n        return OK_RESULT\n    }\n\n    const digits = stripCardNumber(value)\n    const rule = detectCardBrand(digits)\n\n    if (digits.length < 12) {\n        return {valid: false, error: 'MCard number is too short'}\n    }\n\n    if (digits.length > rule.maxLength) {\n        return {valid: false, error: `${rule.label} card number is too long`}\n    }\n\n    if (rule.brand !== 'unknown' && !rule.regex.test(digits)) {\n        return {valid: false, error: `Invalid ${rule.label} card number`}\n    }\n\n    if (!passesLuhn(digits)) {\n        return {valid: false, error: 'Invalid card checksum'}\n    }\n\n    return OK_RESULT\n}\n\nexport {creditCardBrands}\n"],"mappings":"AAaA,IAAM,EAA8B,CAAC,MAAO,GAAK,CAG3C,EAA6C,CAC/C,CACI,MAAO,OACP,MAAO,OACP,UAAW,OACX,UAAW,GACX,aAAc,CAAC,EAAG,EAAG,EAAG,EAAE,CAC1B,MAAO,sBACV,CACD,CACI,MAAO,aACP,MAAO,aACP,UAAW,KACX,UAAW,GACX,aAAc,CAAC,EAAG,EAAG,EAAG,EAAE,CAC1B,MAAO,8DACV,CACD,CACI,MAAO,OACP,MAAO,mBACP,UAAW,OACX,UAAW,GACX,aAAc,CAAC,EAAG,EAAG,EAAE,CACvB,MAAO,gBACV,CACD,CACI,MAAO,WACP,MAAO,WACP,UAAW,OACX,UAAW,GACX,aAAc,CAAC,EAAG,EAAG,EAAG,EAAE,CAC1B,MAAO,wCACV,CACD,CACI,MAAO,UACP,MAAO,UACP,UAAW,OACX,UAAW,GACX,aAAc,CAAC,EAAG,EAAG,EAAG,EAAG,EAAE,CAC7B,MAAO,iCACV,CACJ,CAGD,SAAS,EAAc,EAAwC,CAC3D,MAAO,CACH,MAAO,UACP,MAAO,QACP,UAAW,OACX,UAAW,KAAK,IAAI,KAAK,IAAI,EAAO,QAAU,GAAI,GAAG,CAAE,GAAG,CAC1D,aAAc,CAAC,EAAG,EAAG,EAAG,EAAG,EAAE,CAC7B,MAAO,cACV,CAIL,SAAgB,EAAgB,EAAuB,CACnD,OAAO,EAAM,QAAQ,MAAO,GAAG,CAInC,SAAgB,EAAgB,EAAuC,CACnE,IAAM,EAAS,EAAgB,EAAM,CACrC,OAAO,EAAiB,KAAM,GAAS,EAAK,MAAM,KAAK,EAAO,CAAC,EAAI,EAAc,EAAO,CAI5F,SAAgB,EAAiB,EAAuB,CACpD,IAAM,EAAS,EAAgB,EAAM,CAC/B,EAAO,EAAgB,EAAO,CAC9B,EAAgB,EAAO,MAAM,EAAG,EAAK,UAAU,CAC/C,EAAkB,EAAE,CACtB,EAAS,EAEb,IAAK,IAAM,KAAU,EAAK,aAAc,CACpC,GAAI,GAAU,EAAc,OACxB,MAGJ,EAAM,KAAK,EAAc,MAAM,EAAQ,EAAS,EAAO,CAAC,CACxD,GAAU,EAOd,OAJI,EAAS,EAAc,QACvB,EAAM,KAAK,EAAc,MAAM,EAAO,CAAC,CAGpC,EAAM,KAAK,IAAI,CAI1B,SAAS,EAAW,EAAwB,CACxC,IAAI,EAAM,EACN,EAAe,GAEnB,IAAK,IAAI,EAAQ,EAAM,OAAS,EAAG,GAAS,EAAG,IAAY,CACvD,IAAI,EAAQ,SAAS,EAAM,GAAQ,GAAG,CAEtC,GAAI,OAAO,MAAM,EAAM,CACnB,MAAO,GAGP,IACA,GAAS,EACL,EAAQ,IACR,GAAS,IAIjB,GAAO,EACP,EAAe,CAAC,EAGpB,OAAO,EAAM,IAAO,EAIxB,SAAgB,EAAmB,EAAiC,CAChE,GAAI,CAAC,EACD,OAAO,EAGX,IAAM,EAAS,EAAgB,EAAM,CAC/B,EAAO,EAAgB,EAAO,CAkBpC,OAhBI,EAAO,OAAS,GACT,CAAC,MAAO,GAAO,MAAO,4BAA4B,CAGzD,EAAO,OAAS,EAAK,UACd,CAAC,MAAO,GAAO,MAAO,GAAG,EAAK,MAAM,0BAA0B,CAGrE,EAAK,QAAU,WAAa,CAAC,EAAK,MAAM,KAAK,EAAO,CAC7C,CAAC,MAAO,GAAO,MAAO,WAAW,EAAK,MAAM,cAAc,CAGhE,EAAW,EAAO,CAIhB,EAHI,CAAC,MAAO,GAAO,MAAO,wBAAwB"}