npm - @banzamel/mineralui - Versions diffs - 2.1.1 → 2.1.3 - Mend

@banzamel/mineralui 2.1.1 → 2.1.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (263) hide show

package/dist/cards-fRWZkts9.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cards-fRWZkts9.cjs","names":[],"sources":["../src/components/cards/shared/MCardColor.utils.tsx","../src/components/cards/MCardActionArea/MCardActionArea.tsx","../src/components/cards/MCardPayment/MCardPayment.tsx","../src/components/cards/MCardPaymentMethod/MCardPaymentMethod.tsx","../src/components/cards/ServiceCardsShared/ServiceCardsShared.tsx","../src/components/cards/MCardOffer/MCardOffer.tsx","../src/components/cards/MCardCourse/MCardCourse.tsx","../src/components/cards/MCardTile/MCardTile.tsx","../src/components/cards/MCardProduct/MCardProduct.tsx","../src/components/cards/MCardEvent/MCardEvent.tsx","../src/components/cards/MCardWidget/MCardWidget.tsx","../src/components/cards/MStatCard/MStatCard.tsx","../src/components/cards/MCardGrid/MCardGrid.tsx","../src/components/cards/MCardDaySchedule/MCardDaySchedule.tsx","../src/components/cards/MCardDocumentTree/MCardDocumentTree.tsx"],"sourcesContent":["import {Children, cloneElement, isValidElement} from 'react'\nimport type {ReactElement, ReactNode} from 'react'\nimport type {MColor} from '../../../theme'\nimport {MButton} from '../../controls'\n\nfunction getElementTypeName(type: unknown) {\n if (typeof type === 'string') {\n return type\n }\n\n if (typeof type === 'function') {\n const component = type as {displayName?: string; name?: string}\n\n return component.displayName ?? component.name ?? ''\n }\n\n if (typeof type === 'object' && type !== null) {\n const maybeType = type as {\n displayName?: string\n render?: {displayName?: string; name?: string}\n }\n\n return maybeType.displayName ?? maybeType.render?.displayName ?? maybeType.render?.name ?? ''\n }\n\n return ''\n}\n\nfunction shouldInheritColor(element: ReactElement) {\n const props = element.props as {color?: unknown}\n\n if (props.color !== undefined) {\n return false\n }\n\n if (element.type === MButton) {\n return true\n }\n\n const typeName = getElementTypeName(element.type)\n\n return typeName.startsWith('M') && typeName.endsWith('Icon')\n}\n\nexport function tintCardChildren(children: ReactNode, color?: MColor): ReactNode {\n if (!color) {\n return children\n }\n\n return Children.map(children, (child) => {\n if (!isValidElement(child)) {\n return child\n }\n\n const element = child as ReactElement<{children?: ReactNode}>\n const props = element.props\n const tintedChildren = props.children ? tintCardChildren(props.children, color) : props.children\n const nextProps: Record<string, unknown> = {}\n\n if (tintedChildren !== props.children) {\n nextProps.children = tintedChildren\n }\n\n if (shouldInheritColor(element)) {\n nextProps.color = color\n }\n\n if (!Object.keys(nextProps).length) {\n return element\n }\n\n return cloneElement(element, nextProps)\n })\n}\n","import type {PointerEvent} from 'react'\nimport type {MCardActionAreaProps} from './MCardActionArea.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {resolveMCardAction, tintCardChildren} from '../shared'\nimport './MCardActionArea.css'\n\nexport function MCardActionArea({\n component,\n to,\n href,\n target,\n rel,\n color,\n interactive = true,\n clickEffect,\n rippleColor,\n className,\n children,\n onPointerDown,\n type,\n ...rest\n}: MCardActionAreaProps) {\n const {\n component: Component,\n href: resolvedHref,\n to: resolvedTo,\n isInteractive,\n } = resolveMCardAction({\n component,\n href,\n to,\n interactive,\n hasClickHandler: Boolean(rest.onClick),\n hasPointerHandler: Boolean(onPointerDown),\n fallbackComponent: 'button',\n })\n const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLElement>({\n effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n disabled: !isInteractive,\n color: rippleColor,\n })\n\n return (\n <Component\n href={Component === 'a' || component ? resolvedHref : undefined}\n to={resolvedTo}\n target={target}\n rel={rel}\n type={Component === 'button' ? (type ?? 'button') : undefined}\n className={cn(\n 'card-action-area',\n color && `color-${color}`,\n isInteractive && 'interactive',\n effectClassName,\n className\n )}\n onPointerDown={(event: PointerEvent<HTMLElement>) => {\n handlePointerDown(event)\n onPointerDown?.(event as PointerEvent<HTMLButtonElement>)\n }}\n {...rest}\n >\n {effectLayer}\n <span className=\"card-action-area-content\">{tintCardChildren(children, color)}</span>\n </Component>\n )\n}\n","import type {PointerEvent} from 'react'\nimport type {MCardPaymentProps} from './MCardPayment.types'\nimport {cn} from '../../../utils/cn'\nimport {creditCardBrands, detectCardBrand} from '../../../utils/creditCards'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {resolveMCardAction} from '../shared'\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 component,\n to,\n href,\n target,\n rel,\n holder,\n number,\n expiry,\n brand,\n brandIcon,\n balance,\n balanceLabel = 'Current balance',\n color,\n interactive = false,\n clickEffect,\n rippleColor,\n className,\n onPointerDown,\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 const {\n component: Component,\n href: resolvedHref,\n to: resolvedTo,\n isInteractive,\n } = resolveMCardAction({\n component,\n href,\n to,\n interactive,\n hasClickHandler: Boolean(rest.onClick),\n hasPointerHandler: Boolean(onPointerDown),\n })\n const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n disabled: !isInteractive,\n color: rippleColor,\n })\n\n return (\n <Component\n href={Component === 'a' || component ? resolvedHref : undefined}\n to={resolvedTo}\n target={target}\n rel={rel}\n className={cn(\n 'card-payment',\n color || 'primary',\n isInteractive && 'interactive',\n effectClassName,\n className\n )}\n onPointerDown={(event: PointerEvent<HTMLDivElement>) => {\n handlePointerDown(event)\n onPointerDown?.(event)\n }}\n {...rest}\n >\n {effectLayer}\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 </Component>\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 {useEffect, useState} from 'react'\nimport type {SharedServiceCardProps} from './ServiceCardsShared.types'\nimport {cn} from '../../../utils/cn'\nimport {MClockIcon, MEllipsisVerticalIcon, MHeartFillIcon, MHeartIcon, MMinusIcon, MPlusIcon} 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 showQuantity = true,\n date,\n location,\n status,\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 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 && showQuantity && (\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 {useEffect, useRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MCardTileProps} from './MCardTile.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {MEllipsisVerticalIcon, MHeartFillIcon, MHeartIcon} from '../../../icons'\nimport {MButton} from '../../controls'\nimport {MDropdownItem, MDropdownMenu} from '../../overlays'\nimport {resolveMCardAction} from '../shared'\nimport './MCardTile.css'\n\n// Tile card: whole surface acts as a link/button, media can fill the card with text overlay.\n// Media can be an image URL, a video URL, an MIllustration element, or a live camera stream.\nexport function MCardTile({\n component,\n title,\n description,\n icon,\n color = 'primary',\n to,\n href,\n target,\n rel,\n onClick,\n interactive = false,\n clickEffect,\n rippleColor,\n image,\n video,\n illustration,\n camera,\n mediaFill = false,\n overlayPosition = 'bottom',\n favorite,\n onFavorite,\n menuItems,\n className,\n ...rest\n}: MCardTileProps) {\n const videoRef = useRef<HTMLVideoElement>(null)\n\n useEffect(() => {\n if (!camera) {\n return\n }\n\n const node = videoRef.current\n if (!node || typeof navigator === 'undefined' || !navigator.mediaDevices?.getUserMedia) {\n return\n }\n\n let activeStream: MediaStream | null = null\n let cancelled = false\n const constraints: MediaStreamConstraints = camera === true ? {video: true} : camera\n\n navigator.mediaDevices\n .getUserMedia(constraints)\n .then((stream) => {\n if (cancelled) {\n stream.getTracks().forEach((track) => track.stop())\n return\n }\n activeStream = stream\n node.srcObject = stream\n void node.play().catch(() => undefined)\n })\n .catch(() => undefined)\n\n return () => {\n cancelled = true\n if (activeStream) {\n activeStream.getTracks().forEach((track) => track.stop())\n }\n node.srcObject = null\n }\n }, [camera])\n\n const hasMedia = Boolean(image || video || illustration || camera)\n const {\n component: OverlayComponent,\n href: resolvedHref,\n to: resolvedTo,\n isInteractive,\n isLink,\n } = resolveMCardAction({\n component,\n href,\n to,\n interactive,\n hasClickHandler: Boolean(onClick),\n fallbackComponent: 'button',\n })\n const fillMedia = mediaFill && hasMedia\n const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n disabled: !isInteractive,\n color: rippleColor,\n })\n\n function stopBubble(event: MouseEvent) {\n event.stopPropagation()\n }\n\n function handleOverlayClick(event: MouseEvent<HTMLElement>) {\n if (onClick) {\n event.preventDefault()\n onClick()\n }\n }\n\n function renderMedia() {\n if (!hasMedia) {\n return null\n }\n\n return (\n <div className={cn('tile-media', fillMedia && 'fill')}>\n {image && <img src={image} alt={title} className=\"tile-image\" />}\n {video && (\n <video src={video} className=\"tile-video\" autoPlay muted loop playsInline aria-label={title} />\n )}\n {camera && (\n <video ref={videoRef} className=\"tile-video\" autoPlay muted playsInline aria-label={title} />\n )}\n {illustration && <div className=\"tile-illustration\">{illustration}</div>}\n {fillMedia && <div className={cn('tile-scrim', `scrim-${overlayPosition}`)} />}\n </div>\n )\n }\n\n function renderBody() {\n return (\n <div className={cn('tile-body', fillMedia && 'overlay', fillMedia && `pos-${overlayPosition}`)}>\n <div className=\"tile-top\">\n {icon && <span className=\"tile-icon\">{icon}</span>}\n <h3 className=\"tile-title\">{title}</h3>\n </div>\n {description && <p className=\"tile-desc\">{description}</p>}\n </div>\n )\n }\n\n const hasActions = onFavorite || (menuItems && menuItems.length > 0)\n\n return (\n <div\n className={cn(\n 'card-tile',\n `color-${color}`,\n fillMedia && 'media-fill',\n isInteractive && 'interactive',\n effectClassName,\n className\n )}\n onPointerDown={handlePointerDown}\n {...rest}\n >\n {effectLayer}\n {isLink && (\n <OverlayComponent\n href={OverlayComponent === 'a' || component ? resolvedHref : undefined}\n to={resolvedTo}\n target={target}\n rel={rel}\n className=\"tile-link\"\n aria-label={title}\n onClick={onClick ? handleOverlayClick : undefined}\n />\n )}\n {!isLink && onClick && (\n <OverlayComponent type=\"button\" className=\"tile-link\" aria-label={title} onClick={onClick} />\n )}\n\n {renderMedia()}\n {renderBody()}\n\n {hasActions && (\n <div className=\"tile-actions\" onClick={stopBubble} onPointerDown={stopBubble}>\n {menuItems && menuItems.length > 0 && (\n <MDropdownMenu\n className=\"tile-menu-wrap\"\n trigger={\n <MButton\n variant=\"ghost\"\n iconOnly\n shape=\"circle\"\n aria-label=\"More options\"\n className=\"tile-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('tile-overlay-btn', favorite && 'tile-fav-active')}\n >\n {favorite ? <MHeartFillIcon /> : <MHeartIcon />}\n </MButton>\n )}\n </div>\n )}\n </div>\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 {PointerEvent} from 'react'\nimport type {MCardWidgetProps} from './MCardWidget.types'\nimport {cn} from '../../../utils/cn'\nimport {MArrowDownIcon, MArrowUpIcon} from '../../../icons'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {resolveMCardAction} from '../shared'\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 component,\n to,\n href,\n target,\n rel,\n title,\n value,\n trend,\n trendType,\n icon,\n color = 'primary',\n helperText,\n interactive = false,\n clickEffect,\n rippleColor,\n className,\n onPointerDown,\n ...rest\n}: MCardWidgetProps) {\n const hasTrend = trend !== undefined && trend !== null\n const resolvedTrendType = resolveTrendType(trend, trendType)\n const formattedTrend = formatTrend(trend)\n const {\n component: Component,\n href: resolvedHref,\n to: resolvedTo,\n isInteractive,\n } = resolveMCardAction({\n component,\n href,\n to,\n interactive,\n hasClickHandler: Boolean(rest.onClick),\n hasPointerHandler: Boolean(onPointerDown),\n })\n const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n effect: clickEffect ?? (isInteractive ? 'ripple' : 'none'),\n disabled: !isInteractive,\n color: rippleColor,\n })\n\n return (\n <Component\n href={Component === 'a' || component ? resolvedHref : undefined}\n to={resolvedTo}\n target={target}\n rel={rel}\n className={cn('card-widget', `color-${color}`, isInteractive && 'interactive', effectClassName, className)}\n onPointerDown={(event: PointerEvent<HTMLDivElement>) => {\n handlePointerDown(event)\n onPointerDown?.(event)\n }}\n {...rest}\n >\n {effectLayer}\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 </Component>\n )\n}\n","import type {MCardStatProps} from './MStatCard.types'\nimport {MCard} from '../MCard'\nimport {MText} from '../../typography'\nimport {MInline, MStack} from '../../layout'\nimport {MArrowDownIcon, MArrowUpIcon} from '../../../icons'\nimport {cn} from '../../../utils/cn'\nimport './MStatCard.css'\n\nfunction resolveTrendType(trend: MCardStatProps['trend'], explicit?: MCardStatProps['trendType']) {\n if (explicit) {\n return explicit\n }\n\n if (typeof trend !== 'number' || trend === 0) {\n return 'neutral'\n }\n\n return trend > 0 ? 'up' : 'down'\n}\n\nfunction formatTrend(trend: MCardStatProps['trend']) {\n if (typeof trend === 'number' && trend > 0) {\n return `+${trend}`\n }\n\n return trend\n}\n\nexport function MCardStat({\n label,\n value,\n icon,\n badge,\n helperText,\n trend,\n trendType,\n color = 'primary',\n className,\n ...rest\n}: MCardStatProps) {\n const hasTrend = trend !== undefined && trend !== null\n const resolvedTrendType = resolveTrendType(trend, trendType)\n\n return (\n <MCard className={cn('stat-card', `color-${color}`, className)} {...rest}>\n <MStack spacing={'md'}>\n <MInline justify={'between'} align={'start'}>\n <MStack spacing={'xs'}>\n <span className=\"stat-card-label\">{label}</span>\n <span className=\"stat-card-value\">{value}</span>\n </MStack>\n <MInline align={'center'}>\n {badge}\n {icon && <span className=\"stat-card-icon\">{icon}</span>}\n </MInline>\n </MInline>\n\n {(hasTrend || helperText) && (\n <MInline justify={'between'} align={'center'}>\n {hasTrend ? (\n <span className={cn('stat-card-trend', resolvedTrendType)}>\n {resolvedTrendType === 'up' && <MArrowUpIcon size={14} />}\n {resolvedTrendType === 'down' && <MArrowDownIcon size={14} />}\n <span>{formatTrend(trend)}</span>\n </span>\n ) : (\n <span />\n )}\n {helperText && (\n <MText size={'sm'} tone={'muted'}>\n {helperText}\n </MText>\n )}\n </MInline>\n )}\n </MStack>\n </MCard>\n )\n}\n","import {Fragment, useState, useMemo, useRef, useCallback, type CSSProperties} from 'react'\nimport type {MCardGridProps, MCardGridResponsiveColumns, MCardGridSort} from './MCardGrid.types'\nimport {cn} from '../../../utils/cn'\nimport {MButton, MCheckbox} from '../../controls'\nimport {MInputSearch} from '../../inputs'\nimport {MPagination} from '../../layout'\nimport {MPopover} from '../../primitives'\nimport {MLoader} from '../../feedback'\nimport {MArrowDownIcon, MArrowUpIcon, MFilterIcon, MSortIcon} from '../../../icons'\nimport './MCardGrid.css'\n\n/**\n * Builds inline style for `.card-grid-items`:\n * - `number` → hard `grid-template-columns: repeat(N, 1fr)` (overrides every breakpoint).\n * - responsive object → CSS custom properties (`--cols-base`, `--cols-sm`, ...) consumed\n * by `min-width` media queries in `MCardGrid.css`. Missing breakpoints cascade through\n * the `var()` fallback chain (xxl → xl → lg → md → sm → base → 1).\n */\nfunction buildColumnsStyle(columns: number | MCardGridResponsiveColumns): CSSProperties {\n if (typeof columns === 'number') return {gridTemplateColumns: `repeat(${columns}, 1fr)`}\n\n const style: Record<string, string | number> = {}\n if (columns.base !== undefined) style['--cols-base'] = columns.base\n if (columns.sm !== undefined) style['--cols-sm'] = columns.sm\n if (columns.md !== undefined) style['--cols-md'] = columns.md\n if (columns.lg !== undefined) style['--cols-lg'] = columns.lg\n if (columns.xl !== undefined) style['--cols-xl'] = columns.xl\n if (columns.xxl !== undefined) style['--cols-xxl'] = columns.xxl\n return style as CSSProperties\n}\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 color = 'primary',\n searchable = false,\n searchKeys,\n searchPlaceholder = 'Search...',\n search: controlledSearch,\n onSearchChange,\n filterable = false,\n filterKeys = [],\n filters: controlledFilters,\n onFiltersChange,\n sortable = false,\n sortKeys = [],\n defaultSort,\n sort: controlledSort,\n onSortChange,\n pagination = false,\n pageSize = 12,\n page: controlledPage,\n onPageChange,\n total,\n manualSearch = false,\n manualFilters = false,\n manualSort = false,\n manualPagination = false,\n loading = false,\n loadingLabel = 'Loading',\n scrollOffset,\n columns = 3,\n emptyMessage = 'No results found.',\n className,\n style,\n ...rest\n}: MCardGridProps<T>) {\n const [internalSearch, setInternalSearch] = useState('')\n const [internalFilters, setInternalFilters] = useState<Record<string, string[]>>({})\n const [internalSort, setInternalSort] = useState<MCardGridSort<T> | null>(defaultSort ?? null)\n const [internalPage, setInternalPage] = useState(1)\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 search = controlledSearch !== undefined ? controlledSearch : internalSearch\n const filters = controlledFilters !== undefined ? controlledFilters : internalFilters\n const sort = controlledSort !== undefined ? controlledSort : internalSort\n const page = controlledPage !== undefined ? controlledPage : internalPage\n\n const setSearch = useCallback(\n (next: string) => {\n if (controlledSearch === undefined) setInternalSearch(next)\n if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n onSearchChange?.(next)\n },\n [controlledSearch, controlledPage, manualPagination, onSearchChange]\n )\n\n const setFilters = useCallback(\n (next: Record<string, string[]>) => {\n if (controlledFilters === undefined) setInternalFilters(next)\n if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n onFiltersChange?.(next)\n },\n [controlledFilters, controlledPage, manualPagination, onFiltersChange]\n )\n\n const setSort = useCallback(\n (next: MCardGridSort<T> | null) => {\n if (controlledSort === undefined) setInternalSort(next)\n if (!manualPagination && controlledPage === undefined) setInternalPage(1)\n onSortChange?.(next)\n },\n [controlledSort, controlledPage, manualPagination, onSortChange]\n )\n\n const rootRef = useRef<HTMLDivElement>(null)\n\n const setPage = useCallback(\n (next: number) => {\n if (controlledPage === undefined) setInternalPage(next)\n onPageChange?.(next)\n // After page change, bring the top of the grid back into view so\n // the user does not stay scrolled deep into the previous page's cards.\n rootRef.current?.scrollIntoView({block: 'start', behavior: 'smooth'})\n },\n [controlledPage, onPageChange]\n )\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 (!manualSearch && 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 if (!manualFilters) {\n for (const [key, selected] of Object.entries(filters)) {\n if (!selected || selected.length === 0) continue\n\n result = result.filter((item) => {\n const value = getNestedValue(item, key)\n return value != null && selected.includes(String(value))\n })\n }\n }\n\n if (!manualSort && sort) {\n result = [...result].sort((a, b) => {\n const av = getNestedValue(a, sort.key)\n const bv = getNestedValue(b, sort.key)\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 sort.direction === 'asc' ? compare : -compare\n })\n }\n\n return result === items ? [...result] : result\n }, [items, search, searchKeys, filters, sort, manualSearch, manualFilters, manualSort])\n\n const totalItems = manualPagination ? (total ?? processed.length) : processed.length\n const paginatedItems = useMemo(() => {\n if (!pagination || manualPagination) return processed\n const start = (page - 1) * pageSize\n return processed.slice(start, start + pageSize)\n }, [processed, pagination, manualPagination, page, pageSize])\n\n function toggleFilter(key: string, value: string) {\n const current = filters[key] ?? []\n const next = current.includes(value) ? current.filter((item) => item !== value) : [...current, value]\n setFilters({...filters, [key]: next})\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 === sort?.key)\n\n return (\n <div\n ref={rootRef}\n className={cn('card-grid', `color-${color}`, className)}\n style={scrollOffset !== undefined ? {scrollMarginTop: scrollOffset, ...style} : style}\n {...rest}\n >\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 color={color}\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]?.includes(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 color={color}\n size=\"sm\"\n startIcon={\n sort ? (\n sort.direction === 'asc' ? (\n <MArrowUpIcon />\n ) : (\n <MArrowDownIcon />\n )\n ) : (\n <MSortIcon />\n )\n }\n aria-expanded={sortOpen}\n onClick={openSort}\n >\n {activeSort ? `Sort: ${activeSort.label}` : 'Sort'}\n </MButton>\n <MPopover\n open={sortOpen}\n anchorRef={sortBtnRef}\n onClose={() => setSortOpen(false)}\n placement=\"bottom-end\"\n className=\"card-grid-dropdown\"\n >\n {sortKeys.map((sortItem) => (\n <button\n key={sortItem.key}\n type=\"button\"\n className={cn(\n 'card-grid-sort-item',\n sort?.key === sortItem.key && 'active'\n )}\n onClick={() => {\n if (sort?.key === sortItem.key) {\n setSort({\n key: sortItem.key,\n direction: sort.direction === 'asc' ? 'desc' : 'asc',\n })\n } else {\n setSort({key: sortItem.key, direction: 'asc'})\n }\n }}\n >\n {sortItem.label}\n {sort?.key === sortItem.key && (\n <span className=\"card-grid-sort-dir\">\n {sort.direction === '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 <div className={cn('card-grid-body', loading && 'loading')} aria-busy={loading || undefined}>\n {paginatedItems.length > 0 ? (\n <div className=\"card-grid-items\" style={buildColumnsStyle(columns)}>\n {paginatedItems.map((item, index) => {\n // Wrap each card so consumers don't have to remember `key={item.id}` in renderCard.\n // Prefer the item's id when present (stable across reorders), fall back to index.\n const id = (item as {id?: string | number} | null | undefined)?.id\n return <Fragment key={id ?? index}>{renderCard(item, index)}</Fragment>\n })}\n </div>\n ) : (\n <div className=\"card-grid-empty\">{emptyMessage}</div>\n )}\n {loading && (\n <div className=\"card-grid-loading\" role=\"status\" aria-live=\"polite\">\n <MLoader center={false} minHeight=\"auto\" color={color} label={loadingLabel} />\n </div>\n )}\n </div>\n\n {pagination && totalItems > pageSize && (\n <div className=\"card-grid-pagination\">\n <MPagination total={totalItems} page={page} pageSize={pageSize} onChange={setPage} />\n </div>\n )}\n </div>\n )\n}\n","import type {MCardDayScheduleProps} from './MCardDaySchedule.types'\nimport {MCard, MCardBody, MCardFooter, MCardHeader} from '../MCard'\nimport {MDetailList} from '../../display'\nimport {MGrid, MInline, MStack, MTabs} from '../../layout'\nimport {MHeading, MText} from '../../typography'\nimport {tintCardChildren} from '../shared'\nimport './MCardDaySchedule.css'\n\nexport function MCardDaySchedule({\n title = 'Today',\n description,\n color = 'primary',\n workdayStart,\n workdayEnd,\n timeline,\n summary,\n tabs = [],\n footer,\n emptyTimeline = <MText tone={'muted'}>No events scheduled for this day.</MText>,\n ...rest\n}: MCardDayScheduleProps) {\n const workdayLabel =\n workdayStart && workdayEnd ? `${workdayStart}-${workdayEnd}` : (workdayStart ?? workdayEnd ?? undefined)\n\n const populatedTabs = tabs.filter((tab) => tab.items.length > 0)\n\n return (\n <MCard color={color} {...rest}>\n <MCardHeader>\n <MStack>\n <MHeading level={4}>{title}</MHeading>\n {(description || workdayLabel) && (\n <MText size={'sm'} tone={'muted'}>\n {description}\n {description && workdayLabel ? ' ' : null}\n {workdayLabel}\n </MText>\n )}\n </MStack>\n </MCardHeader>\n <MCardBody>\n <MGrid type={'row'} align={'start'}>\n <MGrid type={'col'} xl={7} sm={12}>\n {timeline.length ? (\n <MStack className=\"day-schedule-card-timeline\">\n {timeline.map((item) => (\n <MInline key={item.id} align={'start'} className=\"day-schedule-card-entry\">\n <span className=\"day-schedule-card-time\">{item.time}</span>\n <div className=\"day-schedule-card-dot\" data-color={item.color ?? color}>\n {tintCardChildren(item.icon, item.color ?? color)}\n </div>\n <div className=\"day-schedule-card-copy\">\n <MText as={'strong'}>{item.title}</MText>\n {item.description && (\n <MText size={'sm'} tone={'muted'}>\n {item.description}\n </MText>\n )}\n </div>\n </MInline>\n ))}\n </MStack>\n ) : (\n emptyTimeline\n )}\n </MGrid>\n\n <MGrid type={'col'} xl={5} sm={12}>\n <MStack className=\"day-schedule-card-side\">\n {summary}\n\n {populatedTabs.length > 0 && (\n <MTabs\n variant={'underline'}\n size={'sm'}\n fullWidth\n defaultValue={populatedTabs[0].type}\n items={populatedTabs.map((tab) => ({\n value: tab.type,\n label: (\n <span className=\"day-schedule-card-tab-label\">\n <span>{tab.title}</span>\n <span className=\"day-schedule-card-tab-count\">{tab.items.length}</span>\n </span>\n ),\n content: <MDetailList items={tab.items} />,\n }))}\n />\n )}\n </MStack>\n </MGrid>\n </MGrid>\n </MCardBody>\n {footer && <MCardFooter>{tintCardChildren(footer, color)}</MCardFooter>}\n </MCard>\n )\n}\n","import type {MCardDocumentTreeProps} from './MCardDocumentTree.types'\nimport {MCard, MCardBody, MCardHeader} from '../MCard'\nimport {MButton} from '../../controls'\nimport {MTreeView} from '../../data'\nimport {MDetailList} from '../../display'\nimport {MGrid, MInline, MStack} from '../../layout'\nimport {MDropdownItem, MDropdownMenu} from '../../overlays'\nimport {MHeading, MText} from '../../typography'\nimport {MEllipsisVerticalIcon} from '../../../icons'\nimport {tintCardChildren} from '../shared'\nimport type {MTreeNode} from '../../data/MTreeView'\n\nexport function MCardDocumentTree({\n title = 'Documents',\n description,\n color = 'primary',\n items,\n selected,\n onSelect,\n defaultExpanded,\n expanded,\n onExpandChange,\n detailsTitle,\n detailsMeta,\n detailsItems = [],\n detailsActions = [],\n renderDetails,\n emptyDetails = <MText tone={'muted'}>Select a document to inspect its details.</MText>,\n primaryAction,\n ...rest\n}: MCardDocumentTreeProps) {\n const mapNode = (node: MTreeNode): MTreeNode => {\n return {\n ...node,\n icon: tintCardChildren(node.icon, color),\n children: node.children?.map(mapNode),\n }\n }\n const itemsWithTint = items.map(mapNode)\n\n return (\n <MCard stretch={false} color={color} {...rest}>\n <MCardHeader>\n <MInline justify={'between'} align={'center'}>\n <MStack>\n <MHeading level={4}>{title}</MHeading>\n {description && (\n <MText size={'sm'} tone={'muted'}>\n {description}\n </MText>\n )}\n </MStack>\n {tintCardChildren(primaryAction, color)}\n </MInline>\n </MCardHeader>\n <MCardBody>\n <MGrid type={'row'} align={'start'}>\n <MGrid type={'col'} xl={7} sm={12}>\n <MTreeView\n items={itemsWithTint}\n color={color}\n defaultExpanded={defaultExpanded}\n expanded={expanded}\n onExpandChange={onExpandChange}\n selected={selected}\n onSelect={onSelect}\n expandable\n selectable\n showLines\n fileIcons\n />\n </MGrid>\n <MGrid type={'col'} xl={5} sm={12}>\n <MStack padding={'sm'}>\n {(detailsTitle || detailsMeta || detailsActions.length > 0) && (\n <MInline justify={'between'} align={'start'}>\n <MStack>\n {detailsTitle && <MHeading level={5}>{detailsTitle}</MHeading>}\n {detailsMeta && (\n <MText size={'sm'} tone={'muted'}>\n {detailsMeta}\n </MText>\n )}\n </MStack>\n\n {detailsActions.length > 0 && (\n <MDropdownMenu\n placement={'bottom-end'}\n trigger={\n <MButton\n variant={'ghost'}\n color={color}\n iconOnly\n shape={'circle'}\n aria-label={'Open document actions'}\n >\n <MEllipsisVerticalIcon />\n </MButton>\n }\n >\n {detailsActions.map((action) => (\n <MDropdownItem\n key={action.id}\n icon={tintCardChildren(action.icon, action.color ?? color)}\n label={action.label}\n color={action.color ?? color}\n disabled={action.disabled}\n component={action.component}\n href={action.href}\n to={action.to}\n onClick={action.onClick}\n />\n ))}\n </MDropdownMenu>\n )}\n </MInline>\n )}\n\n {renderDetails ? (\n renderDetails\n ) : detailsItems.length ? (\n <MDetailList items={detailsItems} />\n ) : (\n emptyDetails\n )}\n </MStack>\n </MGrid>\n </MGrid>\n </MCardBody>\n </MCard>\n )\n}\n"],"mappings":"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"}

package/dist/cards.cjs CHANGED Viewed

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MCard-szs5kIek.cjs`),t=require(`./cards-DK7j03NN.cjs`);exports.MCard=e.t,exports.MCardActionArea=t.p,exports.MCardBody=e.n,exports.MCardCourse=t.l,exports.MCardDaySchedule=t.n,exports.MCardDocumentTree=t.t,exports.MCardEvent=t.o,exports.MCardFooter=e.r,exports.MCardGrid=t.r,exports.MCardHeader=e.i,exports.MCardOffer=t.u,exports.MCardPayment=t.f,exports.MCardPaymentMethod=t.d,exports.MCardProduct=t.s,exports.MCardStat=t.i,exports.MCardTile=t.c,exports.MCardWidget=t.a,exports.resolveMCardAction=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MCard-1OVOl4Ql.cjs`),t=require(`./cards-fRWZkts9.cjs`);exports.MCard=e.t,exports.MCardActionArea=t.p,exports.MCardBody=e.n,exports.MCardCourse=t.l,exports.MCardDaySchedule=t.n,exports.MCardDocumentTree=t.t,exports.MCardEvent=t.o,exports.MCardFooter=e.r,exports.MCardGrid=t.r,exports.MCardHeader=e.i,exports.MCardOffer=t.u,exports.MCardPayment=t.f,exports.MCardPaymentMethod=t.d,exports.MCardProduct=t.s,exports.MCardStat=t.i,exports.MCardTile=t.c,exports.MCardWidget=t.a,exports.resolveMCardAction=e.a;

package/dist/cards.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { a as e, i as t, n, r, t as i } from "./MCard-dLMQQ97e.js";
-import { a, c as o, d as s, f as c, i as l, l as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "./cards-BkRqUJ2V.js";
+import { a as e, i as t, n, r, t as i } from "./MCard-azpp4YVD.js";
+import { a, c as o, d as s, f as c, i as l, l as u, n as d, o as f, p, r as m, s as h, t as g, u as _ } from "./cards-DYmK8TpL.js";
 export { i as MCard, p as MCardActionArea, n as MCardBody, u as MCardCourse, d as MCardDaySchedule, g as MCardDocumentTree, f as MCardEvent, r as MCardFooter, m as MCardGrid, t as MCardHeader, _ as MCardOffer, c as MCardPayment, s as MCardPaymentMethod, h as MCardProduct, l as MCardStat, o as MCardTile, a as MCardWidget, e as resolveMCardAction };

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

@@ -1,2 +1,2 @@
 import { MCardGridProps } from './MCardGrid.types';
-export declare function MCardGrid<T extends Record<string, unknown>>({ items, renderCard, color, searchable, searchKeys, searchPlaceholder, search: controlledSearch, onSearchChange, filterable, filterKeys, filters: controlledFilters, onFiltersChange, sortable, sortKeys, defaultSort, sort: controlledSort, onSortChange, pagination, pageSize, page: controlledPage, onPageChange, total, manualSearch, manualFilters, manualSort, manualPagination, columns, emptyMessage, className, style, ...rest }: MCardGridProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function MCardGrid<T extends Record<string, unknown>>({ items, renderCard, color, searchable, searchKeys, searchPlaceholder, search: controlledSearch, onSearchChange, filterable, filterKeys, filters: controlledFilters, onFiltersChange, sortable, sortKeys, defaultSort, sort: controlledSort, onSortChange, pagination, pageSize, page: controlledPage, onPageChange, total, manualSearch, manualFilters, manualSort, manualPagination, loading, loadingLabel, scrollOffset, columns, emptyMessage, className, style, ...rest }: MCardGridProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -68,6 +68,22 @@ export interface MCardGridProps<T> extends Omit<HTMLAttributes<HTMLDivElement>,
     manualFilters?: boolean;
     manualSort?: boolean;
     manualPagination?: boolean;
+    /**
+     * When `true`, renders a translucent scrim + centered `MLoader` over the grid
+     * body while leaving the toolbar and pagination interactive. Ideal for async
+     * (manual) fetches on page/sort/filter changes so the previous cards stay visible
+     * underneath instead of the grid collapsing to an empty state.
+     */
+    loading?: boolean;
+    /** Accessible label announced by the loading overlay's spinner. Default `'Loading'`. */
+    loadingLabel?: string;
+    /**
+     * Vertical offset (px, or any CSS length) subtracted from the top when the grid
+     * auto-scrolls into view after a page change. Set this to the height of a fixed /
+     * sticky app topbar so the top of the grid is not hidden underneath it.
+     * Implemented via `scroll-margin-top`, so it is honored by the smooth scroll.
+     */
+    scrollOffset?: number | string;
     /**
      * Number of grid columns. Accepts:
      *  - `number` — fixed column count for every screen (back-compat).

package/dist/components/data/MDataTable/MDataTable.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import { MDataTableProps } from './MDataTable.types';
-export declare function MDataTable<T = any>({ columns, data, rowKey, sortable, filterable, selectable, pagination, pageSize, striped, compact, stickyHeader, sort: controlledSort, onSortChange, search: controlledSearch, onSearchChange, searchKeys, filterKeys, filters: controlledFilters, onFiltersChange, sortKeys, page: controlledPage, onPageChange, total, manualSearch, manualFilters, manualSort, manualPagination, selectedKeys: controlledSelected, onSelectionChange, emptyText, filterPlaceholder, className, ...rest }: MDataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function MDataTable<T = any>({ columns, data, rowKey, sortable, filterable, selectable, pagination, pageSize, striped, compact, stickyHeader, loading, loadingLabel, scrollOffset, sort: controlledSort, onSortChange, search: controlledSearch, onSearchChange, searchKeys, filterKeys, filters: controlledFilters, onFiltersChange, sortKeys, page: controlledPage, onPageChange, total, manualSearch, manualFilters, manualSort, manualPagination, selectedKeys: controlledSelected, onSelectionChange, emptyText, filterPlaceholder, className, style, ...rest }: MDataTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/data/MDataTable/MDataTable.types.d.ts CHANGED Viewed

@@ -34,6 +34,22 @@ export interface MDataTableProps<T = any> extends Omit<HTMLAttributes<HTMLDivEle
     striped?: boolean;
     compact?: boolean;
     stickyHeader?: boolean;
+    /**
+     * When `true`, renders a translucent scrim + centered `MLoader` over the table
+     * body while leaving the toolbar and pagination interactive. Ideal for async
+     * (manual) fetches on page/sort/filter changes so the previous rows stay visible
+     * underneath instead of the table collapsing to an empty state.
+     */
+    loading?: boolean;
+    /** Accessible label announced by the loading overlay's spinner. Default `'Loading'`. */
+    loadingLabel?: string;
+    /**
+     * Vertical offset (px, or any CSS length) subtracted from the top when the table
+     * auto-scrolls into view after a page change. Set this to the height of a fixed /
+     * sticky app topbar so the top of the table is not hidden underneath it.
+     * Implemented via `scroll-margin-top`, so it is honored by the smooth scroll.
+     */
+    scrollOffset?: number | string;
     sort?: MDataTableSort | null;
     onSortChange?: (sort: MDataTableSort | null) => void;
     search?: string;

package/dist/components/data/useMCardGrid.d.ts CHANGED Viewed

@@ -21,6 +21,8 @@ export interface MCardGridProps<T> {
     manualSort: true;
     manualPagination: true;
     pageSize: number;
+    /** Mirrors `isLoading`; drives `MCardGrid`'s loading scrim when `gridProps` is spread. */
+    loading: boolean;
 }
 export interface MCardGridHandle<T> {
     /** Spread directly onto `<MCardGrid>`. */

package/dist/components/data/useMTable.d.ts CHANGED Viewed

@@ -51,6 +51,8 @@ export interface MTableProps<T> {
     manualSort: true;
     manualPagination: true;
     pageSize: number;
+    /** Mirrors `isLoading`; drives `MDataTable`'s loading scrim when `tableProps` is spread. */
+    loading: boolean;
 }
 export interface MTableHandle<T> {
     /** Spread directly onto `<MDataTable>` — wires up all manual* + state props. */

package/dist/{controls-CSTIosnc.js → controls-BKAhqjNM.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 import { r as e } from "./theme-DAOU1aPs.js";
-import { Ri as t } from "./icons-DLP-Rs6z.js";
+import { Hi as t } from "./icons-CBMl-kOM.js";
 import { t as n } from "./cn-YER3QsV1.js";
 import { t as r } from "./useInteractionEffect-DtpbVd77.js";
 import { r as i, t as a } from "./MButton-C1pnL4_j.js";
 import { t as o } from "./MButtonGroup-BkNf7fzo.js";
-import { t as s } from "./MSimpleGrid-BVeCK9Ci.js";
+import { t as s } from "./MSimpleGrid-BWKurW6H.js";
 import { createContext as c, forwardRef as l, useCallback as u, useContext as d, useEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/components/controls/MRadio/RadioContext.ts
@@ -471,4 +471,4 @@ var P = {
 //#endregion
 export { C as a, w as i, E as n, S as o, T as r, x as s, F as t };
-//# sourceMappingURL=controls-CSTIosnc.js.map
+//# sourceMappingURL=controls-BKAhqjNM.js.map

package/dist/{controls-CSTIosnc.js.map → controls-BKAhqjNM.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"controls-CSTIosnc.js","names":[],"sources":["../src/components/controls/MRadio/RadioContext.ts","../src/components/controls/MRadio/MRadio.tsx","../src/components/controls/MRadio/MRadioGroup.tsx","../src/components/controls/MToggle/MToggle.tsx","../src/components/controls/MLoadMore/MLoadMore.tsx","../src/components/controls/MScrollTop/MScrollTop.tsx","../src/components/controls/MQuickActions/MQuickActions.tsx","../src/components/controls/MSocialButton/MSocialButton.icons.tsx","../src/components/controls/MSocialButton/MSocialButton.tsx"],"sourcesContent":["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 {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n {\n checked,\n defaultChecked,\n name,\n id,\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 {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n effect: clickEffect,\n disabled,\n centered: true,\n color: rippleColor,\n })\n\n return (\n <label\n className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n style={style}\n >\n <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n {effectLayer}\n <input\n ref={ref}\n type=\"checkbox\"\n checked={checked}\n defaultChecked={defaultChecked}\n name={name}\n id={id}\n disabled={disabled}\n onChange={onChange}\n onKeyDown={(event) => {\n if (event.key === ' ' \|\| event.key === 'Enter') {\n triggerEffect(event.currentTarget.parentElement as HTMLSpanElement \| null)\n }\n }}\n className=\"input\"\n role=\"switch\"\n aria-checked={checked}\n />\n <span className=\"knob\" />\n </span>\n {label && <span className=\"label-text\">{label}</span>}\n </label>\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 {MQuickActionsProps} from './MQuickActions.types'\nimport {MButton} from '../MButton'\nimport {MButtonGroup} from '../MButtonGroup'\nimport {MSimpleGrid} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport './MQuickActions.css'\n\nexport function MQuickActions({\n items,\n layout = 'group',\n orientation = 'horizontal',\n columns = 4,\n size = 'sm',\n color,\n variant = 'ghost',\n fullWidth = true,\n className,\n ...rest\n}: MQuickActionsProps) {\n const buttons = items.map((item) => (\n <MButton\n key={item.key ?? item.to ?? item.href ?? item.label?.toString()}\n component={item.component}\n to={item.to}\n href={item.href}\n target={item.target}\n rel={item.rel}\n onClick={item.onClick}\n color={item.color ?? color}\n variant={item.variant ?? variant}\n size={size}\n startIcon={item.icon}\n badge={item.badge}\n badgeColor={item.badgeColor}\n badgePulsing={item.badgePulsing}\n pulsing={item.pulsing}\n disabled={item.disabled}\n fullWidth={layout === 'grid' ? true : fullWidth}\n >\n {item.label}\n </MButton>\n ))\n\n if (layout === 'grid') {\n return (\n <MSimpleGrid\n columns={columns}\n className={cn('quick-actions', fullWidth && 'full-width', className)}\n {...rest}\n >\n {buttons}\n </MSimpleGrid>\n )\n }\n\n return (\n <div className={cn('quick-actions', fullWidth && 'full-width', className)} {...rest}>\n <MButtonGroup orientation={orientation} size={size} variant={variant} color={color} attached={false}>\n {buttons}\n </MButtonGroup>\n </div>\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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"}
1	+ {"version":3,"file":"controls-BKAhqjNM.js","names":[],"sources":["../src/components/controls/MRadio/RadioContext.ts","../src/components/controls/MRadio/MRadio.tsx","../src/components/controls/MRadio/MRadioGroup.tsx","../src/components/controls/MToggle/MToggle.tsx","../src/components/controls/MLoadMore/MLoadMore.tsx","../src/components/controls/MScrollTop/MScrollTop.tsx","../src/components/controls/MQuickActions/MQuickActions.tsx","../src/components/controls/MSocialButton/MSocialButton.icons.tsx","../src/components/controls/MSocialButton/MSocialButton.tsx"],"sourcesContent":["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 {forwardRef} from 'react'\nimport type {MToggleProps} from './MToggle.types'\nimport {cn} from '../../../utils/cn'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport './MToggle.css'\n\n// Render a switch-style boolean control with the same API shape as MCheckbox.\nexport const MToggle = forwardRef<HTMLInputElement, MToggleProps>(function MToggle(\n {\n checked,\n defaultChecked,\n name,\n id,\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 {effectClassName, effectLayer, handlePointerDown, triggerEffect} = useInteractionEffect<HTMLSpanElement>({\n effect: clickEffect,\n disabled,\n centered: true,\n color: rippleColor,\n })\n\n return (\n <label\n className={cn('toggle', size, labelPosition === 'left' && 'label-left', disabled && 'disabled', className)}\n style={style}\n >\n <span className={cn('track', `color-${color}`, effectClassName)} onPointerDown={handlePointerDown}>\n {effectLayer}\n <input\n ref={ref}\n type=\"checkbox\"\n checked={checked}\n defaultChecked={defaultChecked}\n name={name}\n id={id}\n disabled={disabled}\n onChange={onChange}\n onKeyDown={(event) => {\n if (event.key === ' ' \|\| event.key === 'Enter') {\n triggerEffect(event.currentTarget.parentElement as HTMLSpanElement \| null)\n }\n }}\n className=\"input\"\n role=\"switch\"\n aria-checked={checked}\n />\n <span className=\"knob\" />\n </span>\n {label && <span className=\"label-text\">{label}</span>}\n </label>\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 {MQuickActionsProps} from './MQuickActions.types'\nimport {MButton} from '../MButton'\nimport {MButtonGroup} from '../MButtonGroup'\nimport {MSimpleGrid} from '../../layout'\nimport {cn} from '../../../utils/cn'\nimport './MQuickActions.css'\n\nexport function MQuickActions({\n items,\n layout = 'group',\n orientation = 'horizontal',\n columns = 4,\n size = 'sm',\n color,\n variant = 'ghost',\n fullWidth = true,\n className,\n ...rest\n}: MQuickActionsProps) {\n const buttons = items.map((item) => (\n <MButton\n key={item.key ?? item.to ?? item.href ?? item.label?.toString()}\n component={item.component}\n to={item.to}\n href={item.href}\n target={item.target}\n rel={item.rel}\n onClick={item.onClick}\n color={item.color ?? color}\n variant={item.variant ?? variant}\n size={size}\n startIcon={item.icon}\n badge={item.badge}\n badgeColor={item.badgeColor}\n badgePulsing={item.badgePulsing}\n pulsing={item.pulsing}\n disabled={item.disabled}\n fullWidth={layout === 'grid' ? true : fullWidth}\n >\n {item.label}\n </MButton>\n ))\n\n if (layout === 'grid') {\n return (\n <MSimpleGrid\n columns={columns}\n className={cn('quick-actions', fullWidth && 'full-width', className)}\n {...rest}\n >\n {buttons}\n </MSimpleGrid>\n )\n }\n\n return (\n <div className={cn('quick-actions', fullWidth && 'full-width', className)} {...rest}>\n <MButtonGroup orientation={orientation} size={size} variant={variant} color={color} attached={false}>\n {buttons}\n </MButtonGroup>\n </div>\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-BopaNWb_.cjs → controls-CT_0lIPr.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-const e=require(`./theme-DltOEniv.cjs`),t=require(`./icons-DX_cScBq.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-Gs9HBi2T.cjs`),i=require(`./MButton-B8kFTOPJ.cjs`),a=require(`./MButtonGroup-C3Ar0gfk.cjs`),o=require(`./MSimpleGrid-BR352NiK.cjs`);require(`./core-o3cw16Db.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`);var l=(0,s.createContext)(null);function u(){return(0,s.useContext)(l)}var d=(0,s.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:a,value:o,disabled:l=!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=u(),S=x?.name??i,C=x?.disabled??l,w=x?.size??d,T=x?.color??f,E=x?x.value===o:e,{effectClassName:D,effectLayer:O,handlePointerDown:k,triggerEffect:A}=r.t({effect:g,disabled:C,centered:!0,color:_}),j=(0,s.useCallback)(e=>{h?.(e),x?.onChange&&o&&x.onChange(o)},[h,x,o]);return(0,c.jsxs)(`label`,{className:n.t(`radio`,w,m===`left`&&`label-left`,C&&`disabled`,v),style:y,children:[(0,c.jsxs)(`span`,{className:n.t(`circle`,`color-${T}`,D),onPointerDown:k,children:[O,(0,c.jsx)(`input`,{ref:b,type:`radio`,name:S,id:a,value:o,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,c.jsx)(`span`,{className:`label-text`,children:p})]})});function f({name:e,value:t,defaultValue:r,onChange:i,direction:a=`vertical`,children:o,disabled:u=!1,size:d=`md`,color:f=`primary`,error:p=!1,errorText:m,label:h,className:g,style:_}){let[v,y]=(0,s.useState)(r),b=t===void 0?v:t,x=(0,s.useCallback)(e=>{t===void 0&&y(e),i?.(e)},[i,t]),S=(0,s.useMemo)(()=>({name:e,value:b,disabled:u,size:d,color:f,onChange:x}),[e,b,u,d,f,x]);return(0,c.jsx)(l.Provider,{value:S,children:(0,c.jsxs)(`fieldset`,{className:n.t(`radio-group`,a,g),style:_,role:`radiogroup`,children:[h&&(0,c.jsx)(`legend`,{className:n.t(`label`,p&&`error`),children:h}),o,m&&(0,c.jsx)(`span`,{className:`field-error`,role:`alert`,children:m})]})})}var p=(0,s.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:a,disabled:o=!1,size:s=`md`,color:l=`primary`,label:u,labelPosition:d=`right`,onChange:f,clickEffect:p=`ripple`,rippleColor:m,className:h,style:g},_){let{effectClassName:v,effectLayer:y,handlePointerDown:b,triggerEffect:x}=r.t({effect:p,disabled:o,centered:!0,color:m});return(0,c.jsxs)(`label`,{className:n.t(`toggle`,s,d===`left`&&`label-left`,o&&`disabled`,h),style:g,children:[(0,c.jsxs)(`span`,{className:n.t(`track`,`color-${l}`,v),onPointerDown:b,children:[y,(0,c.jsx)(`input`,{ref:_,type:`checkbox`,checked:e,defaultChecked:t,name:i,id:a,disabled:o,onChange:f,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&x(e.currentTarget.parentElement)},className:`input`,role:`switch`,"aria-checked":e}),(0,c.jsx)(`span`,{className:`knob`})]}),u&&(0,c.jsx)(`span`,{className:`label-text`,children:u})]})});function m({onLoadMore:e,loading:t=!1,hasMore:r=!0,loaded:a,total:o,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,s.useRef)(null),y=(0,s.useRef)(e);y.current=e,(0,s.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,s.useCallback)(()=>{!t&&r&&e()},[e,t,r]),x=a!==void 0&&o!==void 0;return(0,c.jsxs)(`div`,{className:n.t(`load-more`,g),..._,children:[x&&(0,c.jsxs)(`span`,{className:`load-more-count`,children:[a,` / `,o]}),r?(0,c.jsx)(i.t,{variant:d,color:f,loading:t,onClick:b,className:`load-more-btn`,children:t?m:p}):(0,c.jsx)(`span`,{className:`load-more-done`,children:h}),l&&r&&(0,c.jsx)(`div`,{ref:v,className:`load-more-sentinel`}),x&&(0,c.jsx)(`div`,{className:`load-more-bar`,children:(0,c.jsx)(`div`,{className:`load-more-bar-fill`,style:{width:`${Math.min(a/o*100,100)}%`}})})]})}function h({threshold:e=300,variant:r=`filled`,color:a=`primary`,smooth:o=!0,className:l}){let[u,d]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{function t(){d(window.scrollY>e)}return t(),window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),(0,c.jsx)(i.t,{variant:r,color:a,shape:`circle`,size:`lg`,iconOnly:!0,onClick:(0,s.useCallback)(()=>{window.scrollTo({top:0,behavior:o?`smooth`:`instant`})},[o]),"aria-label":`Scroll to top`,className:n.t(`scroll-top`,u&&`visible`,l),children:(0,c.jsx)(t.Ri,{})})}function g({items:e,layout:t=`group`,orientation:r=`horizontal`,columns:s=4,size:l=`sm`,color:u,variant:d=`ghost`,fullWidth:f=!0,className:p,...m}){let h=e.map(e=>(0,c.jsx)(i.t,{component:e.component,to:e.to,href:e.href,target:e.target,rel:e.rel,onClick:e.onClick,color:e.color??u,variant:e.variant??d,size:l,startIcon:e.icon,badge:e.badge,badgeColor:e.badgeColor,badgePulsing:e.badgePulsing,pulsing:e.pulsing,disabled:e.disabled,fullWidth:t===`grid`?!0:f,children:e.label},e.key??e.to??e.href??e.label?.toString()));return t===`grid`?(0,c.jsx)(o.t,{columns:s,className:n.t(`quick-actions`,f&&`full-width`,p),...m,children:h}):(0,c.jsx)(`div`,{className:n.t(`quick-actions`,f&&`full-width`,p),...m,children:(0,c.jsx)(a.t,{orientation:r,size:l,variant:d,color:u,attached:!1,children:h})})}function _(e,t){return(0,c.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,...t,children:e})}function v(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.2`,fill:`#fff`,stroke:`#dadce0`,strokeWidth:`1.2`}),(0,c.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,c.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,c.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,c.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 y(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`rect`,{x:`2.2`,y:`2.2`,width:`19.6`,height:`19.6`,rx:`6.2`,fill:`#1877F2`}),(0,c.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 b(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.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,c.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 x(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`rect`,{x:`3.5`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#F25022`}),(0,c.jsx)(`rect`,{x:`12.7`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#7FBA00`}),(0,c.jsx)(`rect`,{x:`3.5`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#00A4EF`}),(0,c.jsx)(`rect`,{x:`12.7`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#FFB900`})]}),e)}function S(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.1`,fill:`#fff`}),(0,c.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 C(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`rect`,{x:`2.4`,y:`2.4`,width:`19.2`,height:`19.2`,rx:`4.8`,fill:`#fff`}),(0,c.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 w={google:{label:`Sign in with Google`,iconLabel:`Google`,mode:`google`,Icon:v},facebook:{label:`Sign in with Facebook`,iconLabel:`Facebook`,mode:`outline`,Icon:y},apple:{label:`Sign in with Apple`,iconLabel:`Apple`,mode:`brand`,Icon:b},microsoft:{label:`Sign in with Microsoft`,iconLabel:`Microsoft`,mode:`brand`,Icon:x},pinterest:{label:`Sign in with Pinterest`,iconLabel:`Pinterest`,mode:`brand`,Icon:S},linkedin:{label:`Sign in with LinkedIn`,iconLabel:`LinkedIn`,mode:`brand`,Icon:C}},T=(0,s.forwardRef)(function({platform:t=`google`,variant:a=`outline`,size:o=`md`,iconOnly:s=!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:x=`button`,onPointerDown:S,onKeyDown:C,"aria-label":T,...E},D){let O=w[t],k=O.Icon,A=y??O.label,j=T??(s?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:s,color:g});return(0,c.jsxs)(`button`,{ref:D,type:x,className:n.t(`social-button-root`,t,M,o,d&&`full-width`,s&&`icon-only`,s&&`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),S?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&L(e.currentTarget),C?.(e)},...e.r(u),...E,children:[F,f&&(0,c.jsx)(i.r,{size:`sm`,color:`inherit`,className:`social-button-spinner`,"aria-hidden":`true`}),(0,c.jsx)(`span`,{className:`social-button-brand`,"aria-hidden":`true`,children:(0,c.jsx)(k,{className:`social-button-mark`})}),!s&&(0,c.jsx)(`span`,{className:`social-button-label`,children:A})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return T}});
-//# sourceMappingURL=controls-BopaNWb_.cjs.map
+const e=require(`./theme-BfNZicWk.cjs`),t=require(`./icons-D675Im0B.cjs`),n=require(`./cn-CU5TNITO.cjs`),r=require(`./useInteractionEffect-DFTdcWHl.cjs`),i=require(`./MButton-R08y1HCT.cjs`),a=require(`./MButtonGroup-C-LiXWRC.cjs`),o=require(`./MSimpleGrid-BwNfaxQP.cjs`);require(`./core-DBpQf3uY.cjs`);let s=require(`react`),c=require(`react/jsx-runtime`);var l=(0,s.createContext)(null);function u(){return(0,s.useContext)(l)}var d=(0,s.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:a,value:o,disabled:l=!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=u(),S=x?.name??i,C=x?.disabled??l,w=x?.size??d,T=x?.color??f,E=x?x.value===o:e,{effectClassName:D,effectLayer:O,handlePointerDown:k,triggerEffect:A}=r.t({effect:g,disabled:C,centered:!0,color:_}),j=(0,s.useCallback)(e=>{h?.(e),x?.onChange&&o&&x.onChange(o)},[h,x,o]);return(0,c.jsxs)(`label`,{className:n.t(`radio`,w,m===`left`&&`label-left`,C&&`disabled`,v),style:y,children:[(0,c.jsxs)(`span`,{className:n.t(`circle`,`color-${T}`,D),onPointerDown:k,children:[O,(0,c.jsx)(`input`,{ref:b,type:`radio`,name:S,id:a,value:o,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,c.jsx)(`span`,{className:`label-text`,children:p})]})});function f({name:e,value:t,defaultValue:r,onChange:i,direction:a=`vertical`,children:o,disabled:u=!1,size:d=`md`,color:f=`primary`,error:p=!1,errorText:m,label:h,className:g,style:_}){let[v,y]=(0,s.useState)(r),b=t===void 0?v:t,x=(0,s.useCallback)(e=>{t===void 0&&y(e),i?.(e)},[i,t]),S=(0,s.useMemo)(()=>({name:e,value:b,disabled:u,size:d,color:f,onChange:x}),[e,b,u,d,f,x]);return(0,c.jsx)(l.Provider,{value:S,children:(0,c.jsxs)(`fieldset`,{className:n.t(`radio-group`,a,g),style:_,role:`radiogroup`,children:[h&&(0,c.jsx)(`legend`,{className:n.t(`label`,p&&`error`),children:h}),o,m&&(0,c.jsx)(`span`,{className:`field-error`,role:`alert`,children:m})]})})}var p=(0,s.forwardRef)(function({checked:e,defaultChecked:t,name:i,id:a,disabled:o=!1,size:s=`md`,color:l=`primary`,label:u,labelPosition:d=`right`,onChange:f,clickEffect:p=`ripple`,rippleColor:m,className:h,style:g},_){let{effectClassName:v,effectLayer:y,handlePointerDown:b,triggerEffect:x}=r.t({effect:p,disabled:o,centered:!0,color:m});return(0,c.jsxs)(`label`,{className:n.t(`toggle`,s,d===`left`&&`label-left`,o&&`disabled`,h),style:g,children:[(0,c.jsxs)(`span`,{className:n.t(`track`,`color-${l}`,v),onPointerDown:b,children:[y,(0,c.jsx)(`input`,{ref:_,type:`checkbox`,checked:e,defaultChecked:t,name:i,id:a,disabled:o,onChange:f,onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&x(e.currentTarget.parentElement)},className:`input`,role:`switch`,"aria-checked":e}),(0,c.jsx)(`span`,{className:`knob`})]}),u&&(0,c.jsx)(`span`,{className:`label-text`,children:u})]})});function m({onLoadMore:e,loading:t=!1,hasMore:r=!0,loaded:a,total:o,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,s.useRef)(null),y=(0,s.useRef)(e);y.current=e,(0,s.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,s.useCallback)(()=>{!t&&r&&e()},[e,t,r]),x=a!==void 0&&o!==void 0;return(0,c.jsxs)(`div`,{className:n.t(`load-more`,g),..._,children:[x&&(0,c.jsxs)(`span`,{className:`load-more-count`,children:[a,` / `,o]}),r?(0,c.jsx)(i.t,{variant:d,color:f,loading:t,onClick:b,className:`load-more-btn`,children:t?m:p}):(0,c.jsx)(`span`,{className:`load-more-done`,children:h}),l&&r&&(0,c.jsx)(`div`,{ref:v,className:`load-more-sentinel`}),x&&(0,c.jsx)(`div`,{className:`load-more-bar`,children:(0,c.jsx)(`div`,{className:`load-more-bar-fill`,style:{width:`${Math.min(a/o*100,100)}%`}})})]})}function h({threshold:e=300,variant:r=`filled`,color:a=`primary`,smooth:o=!0,className:l}){let[u,d]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{function t(){d(window.scrollY>e)}return t(),window.addEventListener(`scroll`,t,{passive:!0}),()=>window.removeEventListener(`scroll`,t)},[e]),(0,c.jsx)(i.t,{variant:r,color:a,shape:`circle`,size:`lg`,iconOnly:!0,onClick:(0,s.useCallback)(()=>{window.scrollTo({top:0,behavior:o?`smooth`:`instant`})},[o]),"aria-label":`Scroll to top`,className:n.t(`scroll-top`,u&&`visible`,l),children:(0,c.jsx)(t.Hi,{})})}function g({items:e,layout:t=`group`,orientation:r=`horizontal`,columns:s=4,size:l=`sm`,color:u,variant:d=`ghost`,fullWidth:f=!0,className:p,...m}){let h=e.map(e=>(0,c.jsx)(i.t,{component:e.component,to:e.to,href:e.href,target:e.target,rel:e.rel,onClick:e.onClick,color:e.color??u,variant:e.variant??d,size:l,startIcon:e.icon,badge:e.badge,badgeColor:e.badgeColor,badgePulsing:e.badgePulsing,pulsing:e.pulsing,disabled:e.disabled,fullWidth:t===`grid`?!0:f,children:e.label},e.key??e.to??e.href??e.label?.toString()));return t===`grid`?(0,c.jsx)(o.t,{columns:s,className:n.t(`quick-actions`,f&&`full-width`,p),...m,children:h}):(0,c.jsx)(`div`,{className:n.t(`quick-actions`,f&&`full-width`,p),...m,children:(0,c.jsx)(a.t,{orientation:r,size:l,variant:d,color:u,attached:!1,children:h})})}function _(e,t){return(0,c.jsx)(`svg`,{viewBox:`0 0 24 24`,fill:`none`,xmlns:`http://www.w3.org/2000/svg`,"aria-hidden":`true`,...t,children:e})}function v(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.2`,fill:`#fff`,stroke:`#dadce0`,strokeWidth:`1.2`}),(0,c.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,c.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,c.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,c.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 y(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`rect`,{x:`2.2`,y:`2.2`,width:`19.6`,height:`19.6`,rx:`6.2`,fill:`#1877F2`}),(0,c.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 b(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.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,c.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 x(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`rect`,{x:`3.5`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#F25022`}),(0,c.jsx)(`rect`,{x:`12.7`,y:`3.5`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#7FBA00`}),(0,c.jsx)(`rect`,{x:`3.5`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#00A4EF`}),(0,c.jsx)(`rect`,{x:`12.7`,y:`12.7`,width:`7.8`,height:`7.8`,rx:`1.3`,fill:`#FFB900`})]}),e)}function S(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`circle`,{cx:`12`,cy:`12`,r:`10.1`,fill:`#fff`}),(0,c.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 C(e){return _((0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`rect`,{x:`2.4`,y:`2.4`,width:`19.2`,height:`19.2`,rx:`4.8`,fill:`#fff`}),(0,c.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 w={google:{label:`Sign in with Google`,iconLabel:`Google`,mode:`google`,Icon:v},facebook:{label:`Sign in with Facebook`,iconLabel:`Facebook`,mode:`outline`,Icon:y},apple:{label:`Sign in with Apple`,iconLabel:`Apple`,mode:`brand`,Icon:b},microsoft:{label:`Sign in with Microsoft`,iconLabel:`Microsoft`,mode:`brand`,Icon:x},pinterest:{label:`Sign in with Pinterest`,iconLabel:`Pinterest`,mode:`brand`,Icon:S},linkedin:{label:`Sign in with LinkedIn`,iconLabel:`LinkedIn`,mode:`brand`,Icon:C}},T=(0,s.forwardRef)(function({platform:t=`google`,variant:a=`outline`,size:o=`md`,iconOnly:s=!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:x=`button`,onPointerDown:S,onKeyDown:C,"aria-label":T,...E},D){let O=w[t],k=O.Icon,A=y??O.label,j=T??(s?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:s,color:g});return(0,c.jsxs)(`button`,{ref:D,type:x,className:n.t(`social-button-root`,t,M,o,d&&`full-width`,s&&`icon-only`,s&&`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),S?.(e)},onKeyDown:e=>{(e.key===` `||e.key===`Enter`)&&L(e.currentTarget),C?.(e)},...e.r(u),...E,children:[F,f&&(0,c.jsx)(i.r,{size:`sm`,color:`inherit`,className:`social-button-spinner`,"aria-hidden":`true`}),(0,c.jsx)(`span`,{className:`social-button-brand`,"aria-hidden":`true`,children:(0,c.jsx)(k,{className:`social-button-mark`})}),!s&&(0,c.jsx)(`span`,{className:`social-button-label`,children:A})]})});Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return T}});
+//# sourceMappingURL=controls-CT_0lIPr.cjs.map