@banzamel/mineralui 1.0.8 → 1.1.0

package/dist/{controls-DEEbLT5o.cjs.map → controls-BJe59nXf.cjs.map}

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

@@ -406,4 +406,4 @@ var j = {
 //#endregion
 export { b as a, x as i, C as n, _ as o, S as r, M as t };
 
-//# sourceMappingURL=controls-IsOBNxW0.js.map
+//# sourceMappingURL=controls-CO70zfcl.js.map

package/dist/{controls-IsOBNxW0.js.map → controls-CO70zfcl.js.map}

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

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MButton-C_WTyNvw.cjs`),t=require(`./MToggle-Hheo-jfZ.cjs`),n=require(`./controls-DEEbLT5o.cjs`),r=require(`./MCheckbox-BhtJDdip.cjs`),i=require(`./MSlider-vD6Sla2p.cjs`);exports.MButton=e.t,exports.MButtonGroup=n.o,exports.MCheckbox=r.t,exports.MLoadMore=n.r,exports.MRadio=n.a,exports.MRadioGroup=n.i,exports.MScrollTop=n.n,exports.MSlider=i.t,exports.MSocialButton=n.t,exports.MToggle=t.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MButton-C_WTyNvw.cjs`),t=require(`./MToggle-Dom6azGw.cjs`),n=require(`./controls-BJe59nXf.cjs`),r=require(`./MCheckbox-9WMKKIUO.cjs`),i=require(`./MSlider-DNAOirz9.cjs`);exports.MButton=e.t,exports.MButtonGroup=n.o,exports.MCheckbox=r.t,exports.MLoadMore=n.r,exports.MRadio=n.a,exports.MRadioGroup=n.i,exports.MScrollTop=n.n,exports.MSlider=i.t,exports.MSocialButton=n.t,exports.MToggle=t.t;

package/dist/controls.js

@@ -1,8 +1,8 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
 import { t as e } from "./MButton-33EzpGvQ.js";
-import { t } from "./MToggle-B7cKH5Tl.js";
-import { a as n, i as r, n as i, o as a, r as o, t as s } from "./controls-IsOBNxW0.js";
-import { t as c } from "./MCheckbox-CugP7F6H.js";
-import { t as l } from "./MSlider-D5ckYDop.js";
+import { t } from "./MToggle-CndejlPX.js";
+import { a as n, i as r, n as i, o as a, r as o, t as s } from "./controls-CO70zfcl.js";
+import { t as c } from "./MCheckbox-DW-liYve.js";
+import { t as l } from "./MSlider-C65mv2h1.js";
 export { e as MButton, a as MButtonGroup, c as MCheckbox, o as MLoadMore, n as MRadio, r as MRadioGroup, i as MScrollTop, l as MSlider, s as MSocialButton, t as MToggle };

package/dist/cookie-consent-bootstrap.cjs

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MCookieBootstrap-Ck_8aUQK.cjs`);function t(e){return`${e.storageKey??`mineralui-cookie-consent`}-key`}function n(e){if(typeof window>`u`)return null;try{return window.localStorage.getItem(e)}catch{return null}}function r(e,t){if(!(typeof window>`u`||!t))try{window.localStorage.setItem(e,t)}catch{}}function i(t){typeof window>`u`||(window[e.o]=t.config,window[e.c]=t,window.dispatchEvent(new CustomEvent(e.l)))}function a(e){if(typeof document>`u`)return null;for(let t of Array.from(document.querySelectorAll(`script[src]`)))try{let n=new URL(t.src,window.location.href);if(n.href===e.href||n.origin===e.origin&&n.pathname===e.pathname)return t}catch{}return null}function o(e,i,a){let o=`${i.origin}/cookie/sites/${encodeURIComponent(a)}`,s=t(e);return{config:e,getDeclaration:async()=>{let e=await fetch(`${o}/declaration`);return e.ok?(await e.json()).items??[]:[]},getConsent:async()=>{let e=n(s);if(!e)return null;let t=await fetch(`${o}/consent?consentKey=${encodeURIComponent(e)}`);return t.ok?(await t.json()).state??null:null},saveConsent:async t=>{let i=n(s),a=await fetch(`${o}/consent`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({...i?{consentKey:i}:{},version:t.version,decidedAt:t.decidedAt,source:t.source,categories:t.categories,domain:typeof window<`u`?window.location.hostname:e.domain??null})});a.ok&&r(s,(await a.json()).consentKey)}}}async function s(){if(typeof window>`u`||typeof fetch>`u`)return null;let t=window[e.o];if(t)return t;let n;try{n=new URL({}.url)}catch{return null}let r=a(n),s=r?.dataset.siteKey??n.searchParams.get(`siteKey`);if(!s)return null;let c=r?.dataset.configEndpoint??n.searchParams.get(`configEndpoint`)??`${n.origin}/cookie/bootstrap/${encodeURIComponent(s)}`;try{let e=await fetch(c,{headers:{"x-mineral-site-key":s}});if(!e.ok)return null;let t=await e.json(),a={...t,siteKey:t.siteKey??s,scanEndpoint:t.scanEndpoint??r?.dataset.scanEndpoint??n.searchParams.get(`scanEndpoint`)??void 0};return i(o(a,n,s)),a}catch{return null}}s().finally(()=>{e.t()}),exports.MCOOKIE_BOOTSTRAP_CONFIG_KEY=e.o,exports.MCOOKIE_CONSENT_CHANGE_EVENT=e.s,exports.MCOOKIE_RUNTIME_KEY=e.c,exports.MCOOKIE_RUNTIME_READY_EVENT=e.l,exports.autoBootstrapMCookieConsent=e.t,exports.bootstrapMCookieConsent=e.n,exports.readMCookieBootstrapConfig=e.r,exports.reportMCookieSurface=e.i,exports.scanMCookieSurface=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MCookieBootstrap-I7jiqvBM.cjs`);function t(e){return`${e.storageKey??`mineralui-cookie-consent`}-key`}function n(e){if(typeof window>`u`)return null;try{return window.localStorage.getItem(e)}catch{return null}}function r(e,t){if(!(typeof window>`u`||!t))try{window.localStorage.setItem(e,t)}catch{}}function i(t){typeof window>`u`||(window[e.o]=t.config,window[e.c]=t,window.dispatchEvent(new CustomEvent(e.l)))}function a(e){if(typeof document>`u`)return null;for(let t of Array.from(document.querySelectorAll(`script[src]`)))try{let n=new URL(t.src,window.location.href);if(n.href===e.href||n.origin===e.origin&&n.pathname===e.pathname)return t}catch{}return null}function o(e,i,a){let o=`${i.origin}/cookie/sites/${encodeURIComponent(a)}`,s=t(e);return{config:e,getDeclaration:async()=>{let e=await fetch(`${o}/declaration`);return e.ok?(await e.json()).items??[]:[]},getConsent:async()=>{let e=n(s);if(!e)return null;let t=await fetch(`${o}/consent?consentKey=${encodeURIComponent(e)}`);return t.ok?(await t.json()).state??null:null},saveConsent:async t=>{let i=n(s),a=await fetch(`${o}/consent`,{method:`POST`,headers:{"content-type":`application/json`},body:JSON.stringify({...i?{consentKey:i}:{},version:t.version,decidedAt:t.decidedAt,source:t.source,categories:t.categories,domain:typeof window<`u`?window.location.hostname:e.domain??null})});a.ok&&r(s,(await a.json()).consentKey)}}}async function s(){if(typeof window>`u`||typeof fetch>`u`)return null;let t=window[e.o];if(t)return t;let n;try{n=new URL({}.url)}catch{return null}let r=a(n),s=r?.dataset.siteKey??n.searchParams.get(`siteKey`);if(!s)return null;let c=r?.dataset.configEndpoint??n.searchParams.get(`configEndpoint`)??`${n.origin}/cookie/bootstrap/${encodeURIComponent(s)}`;try{let e=await fetch(c,{headers:{"x-mineral-site-key":s}});if(!e.ok)return null;let t=await e.json(),a={...t,siteKey:t.siteKey??s,scanEndpoint:t.scanEndpoint??r?.dataset.scanEndpoint??n.searchParams.get(`scanEndpoint`)??void 0};return i(o(a,n,s)),a}catch{return null}}s().finally(()=>{e.t()}),exports.MCOOKIE_BOOTSTRAP_CONFIG_KEY=e.o,exports.MCOOKIE_CONSENT_CHANGE_EVENT=e.s,exports.MCOOKIE_RUNTIME_KEY=e.c,exports.MCOOKIE_RUNTIME_READY_EVENT=e.l,exports.autoBootstrapMCookieConsent=e.t,exports.bootstrapMCookieConsent=e.n,exports.readMCookieBootstrapConfig=e.r,exports.reportMCookieSurface=e.i,exports.scanMCookieSurface=e.a;
 //# sourceMappingURL=cookie-consent-bootstrap.cjs.map

package/dist/cookie-consent-bootstrap.js

@@ -1,4 +1,4 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./MCookieBootstrap-BbpXuRtS.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./MCookieBootstrap-v2JRvgUH.js";
 //#region src/cookie-consent-bootstrap.ts
 function l(e) {
 	return `${e.storageKey ?? "mineralui-cookie-consent"}-key`;