@banzamel/mineralui 1.3.0 → 1.5.0

package/dist/theme/MTheme.types.d.ts

@@ -49,6 +49,7 @@ export type MColor = 'primary' | 'neutral' | 'success' | 'error' | 'warning' | '
 export type MSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 export type MBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export type MHidden = MBreakpoint;
+export type MShellBreakpoint = 'mobile' | 'compact';
 export interface MHiddenProps {
     hidden?: MHidden | boolean;
 }

package/dist/theme/index.d.ts

@@ -1,4 +1,4 @@
 export { MThemeProvider, useMTheme } from './MThemeProvider';
 export type { MThemeScope, MThemeProviderProps, MThemeContextValue } from './MThemeProvider';
-export type { MTheme, MMode, MModePreference, MColor, MSize, MBreakpoint, MHidden, MHiddenProps } from './MTheme.types';
-export { MBreakpoints, getHiddenProps } from './responsive';
+export type { MTheme, MMode, MModePreference, MColor, MSize, MBreakpoint, MHidden, MHiddenProps, MShellBreakpoint, } from './MTheme.types';
+export { MBreakpoints, MShellBreakpoints, getHiddenProps, useMaxWidth } from './responsive';

package/dist/theme/responsive.d.ts

@@ -6,6 +6,11 @@ export declare const MBreakpoints: {
     readonly xl: 1280;
     readonly '2xl': 1536;
 };
+export declare const MShellBreakpoints: {
+    readonly mobile: 768;
+    readonly compact: 1024;
+};
+export declare function useMaxWidth(breakpoint: number): boolean;
 export declare function getHiddenProps(hidden?: MHiddenProps['hidden']): {
     hidden?: undefined;
     'data-m-hidden'?: undefined;

package/dist/theme-Bnwe-wvr.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);let e=require(`react`),t=require(`react/jsx-runtime`);var n=`mineralui-theme`;function r(e){return e===`system`?typeof window>`u`||window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`:e}function i(){try{let e=localStorage.getItem(n);if(e===`dark`||e===`light`||e===`system`)return e}catch{}return null}var a=(0,e.createContext)({theme:{},mode:`dark`,resolvedMode:`dark`,setMode:()=>{},toggleMode:()=>{}}),o={primaryRgb:`--mineral-primary-rgb`,primary:`--mineral-primary`,primaryDark:`--mineral-primary-dark`,primaryLight:`--mineral-primary-light`,neutralRgb:`--mineral-neutral-rgb`,neutral:`--mineral-neutral`,dark:`--mineral-dark`,darkLight:`--mineral-dark-light`,surface:`--mineral-surface`,surfaceContrast:`--mineral-surface-contrast`,pageBg:`--mineral-page-bg`,pageText:`--mineral-page-text`,text:`--mineral-text`,textSecondary:`--mineral-text-secondary`,textHeading:`--mineral-text-heading`,border:`--mineral-border`,borderHover:`--mineral-border-hover`,borderFocus:`--mineral-border-focus`,successRgb:`--mineral-success-rgb`,success:`--mineral-success`,errorRgb:`--mineral-error-rgb`,error:`--mineral-error`,warningRgb:`--mineral-warning-rgb`,warning:`--mineral-warning`,infoRgb:`--mineral-info-rgb`,info:`--mineral-info`,fontFamily:`--mineral-font-family-sans`,fontFamilySans:`--mineral-font-family-sans`,fontFamilyMono:`--mineral-font-family-mono`,fontFamilyHeading:`--mineral-font-family-heading`,fontColorDefault:`--mineral-fcolor-default`,fontColorMuted:`--mineral-fcolor-muted`,fontColorHeading:`--mineral-fcolor-heading`,fontColorInverted:`--mineral-fcolor-inverted`,fontColorPrimary:`--mineral-fcolor-primary`,fontColorNeutral:`--mineral-fcolor-neutral`,fontColorSuccess:`--mineral-fcolor-success`,fontColorError:`--mineral-fcolor-error`,fontColorWarning:`--mineral-fcolor-warning`,fontColorInfo:`--mineral-fcolor-info`,radiusSm:`--mineral-radius-sm`,radiusMd:`--mineral-radius-md`,radiusLg:`--mineral-radius-lg`};function s({theme:s,mode:c=`dark`,persist:l=!0,scope:u=`body`,children:d}){let f=(0,e.useRef)(null),p=(0,e.useMemo)(()=>s??{},[s]),[m,h]=(0,e.useState)(()=>{if(l){let e=i();if(e)return e}return c}),g=r(m),_=(0,e.useCallback)(e=>{if(h(e),l)try{localStorage.setItem(n,e)}catch{}},[l]),v=(0,e.useCallback)(()=>{_(g===`dark`?`light`:`dark`)},[g,_]);(0,e.useEffect)(()=>{if(m!==`system`)return;let e=window.matchMedia(`(prefers-color-scheme: dark)`),t=()=>h(`system`);return e.addEventListener(`change`,t),()=>e.removeEventListener(`change`,t)},[m]),(0,e.useEffect)(()=>{let e=u===`body`?document.body:f.current;if(e){for(let[t,n]of Object.entries(p)){let r=o[t];r&&n&&(e.style.setProperty(r,n),r===`--mineral-font-family-sans`&&e.style.setProperty(`--mineral-font-family`,n))}return e.classList.toggle(`theme-light`,g===`light`),()=>{for(let t of Object.keys(p)){let n=o[t];n&&(e.style.removeProperty(n),n===`--mineral-font-family-sans`&&e.style.removeProperty(`--mineral-font-family`))}e.classList.remove(`theme-light`)}}},[g,p,u]);let y=(0,e.useMemo)(()=>({theme:p,mode:m,resolvedMode:g,setMode:_,toggleMode:v}),[p,m,g,_,v]);return(0,t.jsx)(a.Provider,{value:y,children:u===`wrapper`?(0,t.jsx)(`div`,{ref:f,className:g===`light`?`theme-light`:void 0,children:d}):d})}function c(){return(0,e.useContext)(a)}var l={sm:640,md:768,lg:1024,xl:1280,"2xl":1536},u={mobile:768,compact:1024};function d(t){let[n,r]=(0,e.useState)(()=>typeof window<`u`?window.innerWidth<=t:!1);return(0,e.useEffect)(()=>{if(typeof window>`u`)return;let e=window.matchMedia(`(max-width: ${t}px)`),n=()=>r(e.matches);return n(),typeof e.addEventListener==`function`?(e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)):(e.addListener(n),()=>e.removeListener(n))},[t]),n}function f(e){return e===void 0||e===!1?{}:e===!0?{hidden:!0}:{"data-m-hidden":e}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=theme-Bnwe-wvr.cjs.map

package/dist/{theme-CyIOdO9W.cjs.map → theme-Bnwe-wvr.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-CyIOdO9W.cjs","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MModePreference): MMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\nexport interface MThemeContextValue {\n    theme: MTheme\n    mode: MModePreference\n    resolvedMode: MMode\n    setMode: (next: MModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<MThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MThemeScope = 'body' | 'wrapper'\n\nexport interface MThemeProviderProps {\n    theme?: MTheme\n    mode?: MModePreference\n    persist?: boolean\n    scope?: MThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('theme-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('theme-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<MThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'theme-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useMTheme(): MThemeContextValue {\n    return useContext(ThemeContext)\n}\n","import type {MHiddenProps} from './MTheme.types'\n\nexport const MBreakpoints = {\n    sm: 640,\n    md: 768,\n    lg: 1024,\n    xl: 1280,\n    '2xl': 1536,\n} as const\n\nexport function getHiddenProps(hidden?: MHiddenProps['hidden']) {\n    if (hidden === undefined || hidden === false) {\n        return {}\n    }\n\n    if (hidden === true) {\n        return {hidden: true}\n    }\n\n    return {'data-m-hidden': hidden}\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme-Bnwe-wvr.cjs","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MModePreference): MMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\nexport interface MThemeContextValue {\n    theme: MTheme\n    mode: MModePreference\n    resolvedMode: MMode\n    setMode: (next: MModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<MThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MThemeScope = 'body' | 'wrapper'\n\nexport interface MThemeProviderProps {\n    theme?: MTheme\n    mode?: MModePreference\n    persist?: boolean\n    scope?: MThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('theme-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('theme-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<MThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'theme-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useMTheme(): MThemeContextValue {\n    return useContext(ThemeContext)\n}\n","import {useEffect, useState} from 'react'\nimport type {MHiddenProps} from './MTheme.types'\n\nexport const MBreakpoints = {\n    sm: 640,\n    md: 768,\n    lg: 1024,\n    xl: 1280,\n    '2xl': 1536,\n} as const\n\nexport const MShellBreakpoints = {\n    mobile: 768,\n    compact: 1024,\n} as const\n\nexport function useMaxWidth(breakpoint: number): boolean {\n    const [matches, setMatches] = useState(() =>\n        typeof window !== 'undefined' ? window.innerWidth <= breakpoint : false\n    )\n\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return\n        }\n\n        const media = window.matchMedia(`(max-width: ${breakpoint}px)`)\n        const sync = () => setMatches(media.matches)\n\n        sync()\n\n        if (typeof media.addEventListener === 'function') {\n            media.addEventListener('change', sync)\n            return () => media.removeEventListener('change', sync)\n        }\n\n        media.addListener(sync)\n        return () => media.removeListener(sync)\n    }, [breakpoint])\n\n    return matches\n}\n\nexport function getHiddenProps(hidden?: MHiddenProps['hidden']) {\n    if (hidden === undefined || hidden === false) {\n        return {}\n    }\n\n    if (hidden === true) {\n        return {hidden: true}\n    }\n\n    return {'data-m-hidden': hidden}\n}\n"],"mappings":"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"}

package/dist/{theme-Dl4EpdnW.js → theme-KYwqDZxJ.js}

@@ -134,11 +134,22 @@ var h = {
 	lg: 1024,
 	xl: 1280,
 	"2xl": 1536
+}, g = {
+	mobile: 768,
+	compact: 1024
 };
-function g(e) {
+function _(e) {
+	let [t, n] = o(() => typeof window < "u" ? window.innerWidth <= e : !1);
+	return r(() => {
+		if (typeof window > "u") return;
+		let t = window.matchMedia(`(max-width: ${e}px)`), r = () => n(t.matches);
+		return r(), typeof t.addEventListener == "function" ? (t.addEventListener("change", r), () => t.removeEventListener("change", r)) : (t.addListener(r), () => t.removeListener(r));
+	}, [e]), t;
+}
+function v(e) {
 	return e === void 0 || e === !1 ? {} : e === !0 ? { hidden: !0 } : { "data-m-hidden": e };
 }
 //#endregion
-export { m as i, g as n, p as r, h as t };
+export { p as a, _ as i, g as n, m as o, v as r, h as t };
 
-//# sourceMappingURL=theme-Dl4EpdnW.js.map
+//# sourceMappingURL=theme-KYwqDZxJ.js.map

package/dist/{theme-Dl4EpdnW.js.map → theme-KYwqDZxJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"theme-Dl4EpdnW.js","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MModePreference): MMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\nexport interface MThemeContextValue {\n    theme: MTheme\n    mode: MModePreference\n    resolvedMode: MMode\n    setMode: (next: MModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<MThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MThemeScope = 'body' | 'wrapper'\n\nexport interface MThemeProviderProps {\n    theme?: MTheme\n    mode?: MModePreference\n    persist?: boolean\n    scope?: MThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('theme-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('theme-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<MThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'theme-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useMTheme(): MThemeContextValue {\n    return useContext(ThemeContext)\n}\n","import type {MHiddenProps} from './MTheme.types'\n\nexport const MBreakpoints = {\n    sm: 640,\n    md: 768,\n    lg: 1024,\n    xl: 1280,\n    '2xl': 1536,\n} as const\n\nexport function getHiddenProps(hidden?: MHiddenProps['hidden']) {\n    if (hidden === undefined || hidden === false) {\n        return {}\n    }\n\n    if (hidden === true) {\n        return {hidden: true}\n    }\n\n    return {'data-m-hidden': hidden}\n}\n"],"mappings":"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"}
+{"version":3,"file":"theme-KYwqDZxJ.js","names":[],"sources":["../src/theme/MThemeProvider.tsx","../src/theme/responsive.ts"],"sourcesContent":["import {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, type ReactNode} from 'react'\nimport type {MTheme, MMode, MModePreference} from './MTheme.types'\n\nconst STORAGE_KEY = 'mineralui-theme'\n\n// Resolve the final mode once 'system' is allowed.\nfunction resolveMode(pref: MModePreference): MMode {\n    if (pref !== 'system') return pref\n    if (typeof window === 'undefined') return 'dark'\n    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light'\n}\n\n// Read a persisted mode safely when storage is available.\nfunction readStored(): MModePreference | null {\n    try {\n        const v = localStorage.getItem(STORAGE_KEY)\n        if (v === 'dark' || v === 'light' || v === 'system') return v\n    } catch {\n        /* SSR / blocked storage */\n    }\n    return null\n}\n\nexport interface MThemeContextValue {\n    theme: MTheme\n    mode: MModePreference\n    resolvedMode: MMode\n    setMode: (next: MModePreference) => void\n    toggleMode: () => void\n}\n\nconst ThemeContext = createContext<MThemeContextValue>({\n    theme: {},\n    mode: 'dark',\n    resolvedMode: 'dark',\n    setMode: () => {},\n    toggleMode: () => {},\n})\n\n// Map JS theme keys to CSS custom properties.\nconst varMap: Record<keyof MTheme, string> = {\n    primaryRgb: '--mineral-primary-rgb',\n    primary: '--mineral-primary',\n    primaryDark: '--mineral-primary-dark',\n    primaryLight: '--mineral-primary-light',\n    neutralRgb: '--mineral-neutral-rgb',\n    neutral: '--mineral-neutral',\n    dark: '--mineral-dark',\n    darkLight: '--mineral-dark-light',\n    surface: '--mineral-surface',\n    surfaceContrast: '--mineral-surface-contrast',\n    pageBg: '--mineral-page-bg',\n    pageText: '--mineral-page-text',\n    text: '--mineral-text',\n    textSecondary: '--mineral-text-secondary',\n    textHeading: '--mineral-text-heading',\n    border: '--mineral-border',\n    borderHover: '--mineral-border-hover',\n    borderFocus: '--mineral-border-focus',\n    successRgb: '--mineral-success-rgb',\n    success: '--mineral-success',\n    errorRgb: '--mineral-error-rgb',\n    error: '--mineral-error',\n    warningRgb: '--mineral-warning-rgb',\n    warning: '--mineral-warning',\n    infoRgb: '--mineral-info-rgb',\n    info: '--mineral-info',\n    fontFamily: '--mineral-font-family-sans',\n    fontFamilySans: '--mineral-font-family-sans',\n    fontFamilyMono: '--mineral-font-family-mono',\n    fontFamilyHeading: '--mineral-font-family-heading',\n    fontColorDefault: '--mineral-fcolor-default',\n    fontColorMuted: '--mineral-fcolor-muted',\n    fontColorHeading: '--mineral-fcolor-heading',\n    fontColorInverted: '--mineral-fcolor-inverted',\n    fontColorPrimary: '--mineral-fcolor-primary',\n    fontColorNeutral: '--mineral-fcolor-neutral',\n    fontColorSuccess: '--mineral-fcolor-success',\n    fontColorError: '--mineral-fcolor-error',\n    fontColorWarning: '--mineral-fcolor-warning',\n    fontColorInfo: '--mineral-fcolor-info',\n    radiusSm: '--mineral-radius-sm',\n    radiusMd: '--mineral-radius-md',\n    radiusLg: '--mineral-radius-lg',\n}\n\nexport type MThemeScope = 'body' | 'wrapper'\n\nexport interface MThemeProviderProps {\n    theme?: MTheme\n    mode?: MModePreference\n    persist?: boolean\n    scope?: MThemeScope\n    children: ReactNode\n}\n\n// Sync theme tokens and mode classes with either the body or a local wrapper.\nexport function MThemeProvider({\n    theme,\n    mode: modeProp = 'dark',\n    persist = true,\n    scope = 'body',\n    children,\n}: MThemeProviderProps) {\n    const ref = useRef<HTMLDivElement>(null)\n    const safeTheme = useMemo(() => theme ?? {}, [theme])\n\n    const [mode, setModeState] = useState<MModePreference>(() => {\n        if (persist) {\n            const stored = readStored()\n            if (stored) return stored\n        }\n        return modeProp\n    })\n\n    const resolved = resolveMode(mode)\n\n    const setMode = useCallback(\n        (next: MModePreference) => {\n            setModeState(next)\n            if (persist) {\n                try {\n                    localStorage.setItem(STORAGE_KEY, next)\n                } catch {\n                    /* noop */\n                }\n            }\n        },\n        [persist]\n    )\n\n    const toggleMode = useCallback(() => {\n        setMode(resolved === 'dark' ? 'light' : 'dark')\n    }, [resolved, setMode])\n\n    // Listen for system theme changes when mode is 'system'.\n    useEffect(() => {\n        if (mode !== 'system') return\n        const mq = window.matchMedia('(prefers-color-scheme: dark)')\n        const handler = () => setModeState('system')\n        mq.addEventListener('change', handler)\n        return () => mq.removeEventListener('change', handler)\n    }, [mode])\n\n    // Apply token overrides and light/dark class.\n    useEffect(() => {\n        const target = scope === 'body' ? document.body : ref.current\n        if (!target) return\n\n        for (const [key, value] of Object.entries(safeTheme)) {\n            const cssVar = varMap[key as keyof MTheme]\n            if (cssVar && value) {\n                target.style.setProperty(cssVar, value)\n                if (cssVar === '--mineral-font-family-sans') {\n                    target.style.setProperty('--mineral-font-family', value)\n                }\n            }\n        }\n\n        target.classList.toggle('theme-light', resolved === 'light')\n\n        return () => {\n            for (const key of Object.keys(safeTheme)) {\n                const cssVar = varMap[key as keyof MTheme]\n                if (cssVar) {\n                    target.style.removeProperty(cssVar)\n                    if (cssVar === '--mineral-font-family-sans') {\n                        target.style.removeProperty('--mineral-font-family')\n                    }\n                }\n            }\n            target.classList.remove('theme-light')\n        }\n    }, [resolved, safeTheme, scope])\n\n    const ctx = useMemo<MThemeContextValue>(\n        () => ({\n            theme: safeTheme,\n            mode,\n            resolvedMode: resolved,\n            setMode,\n            toggleMode,\n        }),\n        [safeTheme, mode, resolved, setMode, toggleMode]\n    )\n\n    return (\n        <ThemeContext.Provider value={ctx}>\n            {scope === 'wrapper' ? (\n                <div ref={ref} className={resolved === 'light' ? 'theme-light' : undefined}>\n                    {children}\n                </div>\n            ) : (\n                children\n            )}\n        </ThemeContext.Provider>\n    )\n}\n\nexport function useMTheme(): MThemeContextValue {\n    return useContext(ThemeContext)\n}\n","import {useEffect, useState} from 'react'\nimport type {MHiddenProps} from './MTheme.types'\n\nexport const MBreakpoints = {\n    sm: 640,\n    md: 768,\n    lg: 1024,\n    xl: 1280,\n    '2xl': 1536,\n} as const\n\nexport const MShellBreakpoints = {\n    mobile: 768,\n    compact: 1024,\n} as const\n\nexport function useMaxWidth(breakpoint: number): boolean {\n    const [matches, setMatches] = useState(() =>\n        typeof window !== 'undefined' ? window.innerWidth <= breakpoint : false\n    )\n\n    useEffect(() => {\n        if (typeof window === 'undefined') {\n            return\n        }\n\n        const media = window.matchMedia(`(max-width: ${breakpoint}px)`)\n        const sync = () => setMatches(media.matches)\n\n        sync()\n\n        if (typeof media.addEventListener === 'function') {\n            media.addEventListener('change', sync)\n            return () => media.removeEventListener('change', sync)\n        }\n\n        media.addListener(sync)\n        return () => media.removeListener(sync)\n    }, [breakpoint])\n\n    return matches\n}\n\nexport function getHiddenProps(hidden?: MHiddenProps['hidden']) {\n    if (hidden === undefined || hidden === false) {\n        return {}\n    }\n\n    if (hidden === true) {\n        return {hidden: true}\n    }\n\n    return {'data-m-hidden': hidden}\n}\n"],"mappings":"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"}

package/dist/theme.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-CyIOdO9W.cjs`);exports.MBreakpoints=e.t,exports.MThemeProvider=e.r,exports.getHiddenProps=e.n,exports.useMTheme=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./theme-Bnwe-wvr.cjs`);exports.MBreakpoints=e.t,exports.MShellBreakpoints=e.n,exports.MThemeProvider=e.a,exports.getHiddenProps=e.r,exports.useMTheme=e.o,exports.useMaxWidth=e.i;

package/dist/theme.js

@@ -1,4 +1,4 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { i as e, n as t, r as n, t as r } from "./theme-Dl4EpdnW.js";
-export { r as MBreakpoints, n as MThemeProvider, t as getHiddenProps, e as useMTheme };
+import { a as e, i as t, n, o as r, r as i, t as a } from "./theme-KYwqDZxJ.js";
+export { a as MBreakpoints, n as MShellBreakpoints, e as MThemeProvider, i as getHiddenProps, r as useMTheme, t as useMaxWidth };

package/dist/typography-B_xK5Q_j.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./MText-rSgurLeq.cjs`);let n=require(`react/jsx-runtime`);function r({color:r,className:i,children:a,...o}){return(0,n.jsx)(`code`,{className:e.t(`code`,...t.n({color:r}),i),...o,children:a})}function i({ordered:r=!1,color:i,className:a,children:o,...s}){return(0,n.jsx)(r?`ol`:`ul`,{className:e.t(`list`,r&&`ordered`,...t.n({color:i}),a),...s,children:o})}function a({className:t,children:r,...i}){return(0,n.jsx)(`li`,{className:e.t(`item`,t),...i,children:r})}function o({size:t=`md`,className:r,children:i,...a}){return(0,n.jsx)(`kbd`,{className:e.t(`kbd`,t,r),...a,children:i})}Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});
+//# sourceMappingURL=typography-B_xK5Q_j.cjs.map

package/dist/{typography-DHjL4YTH.cjs.map → typography-B_xK5Q_j.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-DHjL4YTH.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"0GAMA,SAAgB,EAAM,CAAC,QAAO,YAAW,WAAU,GAAG,GAAmB,CACrE,OACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,OAAQ,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAAE,GAAI,EAC5E,WACE,CAAA,CCHf,SAAgB,EAAM,CAAC,UAAU,GAAO,QAAO,YAAW,WAAU,GAAG,GAAmB,CAGtF,OACI,EAAA,EAAA,KAHc,EAAU,KAAO,KAG/B,CACI,UAAW,EAAA,EAAG,OAAQ,GAAW,UAAW,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC3F,GAAI,EAEH,WACO,CAAA,CAKpB,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAAsC,CACrF,OACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACrC,WACA,CAAA,CCrBb,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}
+{"version":3,"file":"typography-B_xK5Q_j.cjs","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"0IAMA,SAAgB,EAAM,CAAC,QAAO,YAAW,WAAU,GAAG,GAAmB,CACrE,OACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,OAAQ,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAAE,GAAI,EAC5E,WACE,CAAA,CCHf,SAAgB,EAAM,CAAC,UAAU,GAAO,QAAO,YAAW,WAAU,GAAG,GAAmB,CAGtF,OACI,EAAA,EAAA,KAHc,EAAU,KAAO,KAG/B,CACI,UAAW,EAAA,EAAG,OAAQ,GAAW,UAAW,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC3F,GAAI,EAEH,WACO,CAAA,CAKpB,SAAgB,EAAU,CAAC,YAAW,WAAU,GAAG,GAAsC,CACrF,OACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACrC,WACA,CAAA,CCrBb,SAAgB,EAAK,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAkB,CACzE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}

package/dist/{typography-BrIbvz08.js → typography-C3BBQ_9r.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./cn-YER3QsV1.js";
-import { n as t } from "./MText-CexZuJgV.js";
+import { t as e } from "./cn-CUSXNnjF.js";
+import { n as t } from "./MText-C0VxNQCE.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/typography/MCode/MCode.tsx
 function r({ color: r, className: i, children: a, ...o }) {
@@ -37,4 +37,4 @@ function o({ size: t = "md", className: r, children: i, ...a }) {
 //#endregion
 export { r as i, i as n, a as r, o as t };
 
-//# sourceMappingURL=typography-BrIbvz08.js.map
+//# sourceMappingURL=typography-C3BBQ_9r.js.map

package/dist/{typography-BrIbvz08.js.map → typography-C3BBQ_9r.js.map}

@@ -1 +1 @@
-{"version":3,"file":"typography-BrIbvz08.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAM,EAAC,UAAO,cAAW,aAAU,GAAG,KAAmB;AACrE,QACI,kBAAC,QAAD;EAAM,WAAW,EAAG,QAAQ,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAAE,GAAI;EAC5E;EACE,CAAA;;;;ACHf,SAAgB,EAAM,EAAC,aAAU,IAAO,UAAO,cAAW,aAAU,GAAG,KAAmB;AAGtF,QACI,kBAHc,IAAU,OAAO,MAG/B;EACI,WAAW,EAAG,QAAQ,KAAW,WAAW,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC3F,GAAI;EAEH;EACO,CAAA;;AAKpB,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAAsC;AACrF,QACI,kBAAC,MAAD;EAAI,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACrC;EACA,CAAA;;;;ACrBb,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}
+{"version":3,"file":"typography-C3BBQ_9r.js","names":[],"sources":["../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import type {MCodeProps} from './MCode.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MCode.css'\n\n// Render inline code tokens with semantic color support.\nexport function MCode({color, className, children, ...rest}: MCodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {MListProps} from './MList.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MList.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function MList({ordered = false, color, className, children, ...rest}: MListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function MListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {MKbdProps} from './MKbd.types'\nimport {cn} from '../../../utils/cn'\nimport './MKbd.css'\n\nexport function MKbd({size = 'md', className, children, ...rest}: MKbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAM,EAAC,UAAO,cAAW,aAAU,GAAG,KAAmB;AACrE,QACI,kBAAC,QAAD;EAAM,WAAW,EAAG,QAAQ,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAAE,GAAI;EAC5E;EACE,CAAA;;;;ACHf,SAAgB,EAAM,EAAC,aAAU,IAAO,UAAO,cAAW,aAAU,GAAG,KAAmB;AAGtF,QACI,kBAHc,IAAU,OAAO,MAG/B;EACI,WAAW,EAAG,QAAQ,KAAW,WAAW,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC3F,GAAI;EAEH;EACO,CAAA;;AAKpB,SAAgB,EAAU,EAAC,cAAW,aAAU,GAAG,KAAsC;AACrF,QACI,kBAAC,MAAD;EAAI,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACrC;EACA,CAAA;;;;ACrBb,SAAgB,EAAK,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAkB;AACzE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}

package/dist/typography.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MText-YIBipYLh.cjs`),t=require(`./MHeading-CvAYmqMN.cjs`),n=require(`./MLink-DmB3rcWB.cjs`),r=require(`./typography-DHjL4YTH.cjs`),i=require(`./MSubText-D8VxE877.cjs`);exports.MCode=r.i,exports.MHeading=t.t,exports.MKbd=r.t,exports.MLink=n.t,exports.MList=r.n,exports.MListItem=r.r,exports.MSubText=i.t,exports.MText=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MText-rSgurLeq.cjs`),t=require(`./MHeading-4vfYPN_i.cjs`),n=require(`./MLink-B6Az9m2B.cjs`),r=require(`./typography-B_xK5Q_j.cjs`),i=require(`./MSubText-DjtJHCSy.cjs`);exports.MCode=r.i,exports.MHeading=t.t,exports.MKbd=r.t,exports.MLink=n.t,exports.MList=r.n,exports.MListItem=r.r,exports.MSubText=i.t,exports.MText=e.t;

package/dist/typography.js

@@ -1,8 +1,8 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { t as e } from "./MText-CexZuJgV.js";
-import { t } from "./MHeading-C5s-kb2D.js";
-import { t as n } from "./MLink-BgYBHhce.js";
-import { i as r, n as i, r as a, t as o } from "./typography-BrIbvz08.js";
-import { t as s } from "./MSubText-DwNeDGYg.js";
+import { t as e } from "./MText-C0VxNQCE.js";
+import { t } from "./MHeading-qOPIM4dL.js";
+import { t as n } from "./MLink-Cytb3UVc.js";
+import { i as r, n as i, r as a, t as o } from "./typography-C3BBQ_9r.js";
+import { t as s } from "./MSubText-D-wde4hz.js";
 export { r as MCode, t as MHeading, o as MKbd, n as MLink, i as MList, a as MListItem, s as MSubText, e as MText };

package/dist/{useGhostText-DG0bzcao.js → useGhostText-BJZKdZpw.js}

@@ -65,4 +65,4 @@ function l({ options: t, value: r, minChars: a = 2, getLabel: o = s, filter: l }
 //#endregion
 export { a as n, o as r, l as t };
 
-//# sourceMappingURL=useGhostText-DG0bzcao.js.map
+//# sourceMappingURL=useGhostText-BJZKdZpw.js.map

package/dist/{useGhostText-DG0bzcao.js.map → useGhostText-BJZKdZpw.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useGhostText-DG0bzcao.js","names":[],"sources":["../src/utils/useDebounce.ts","../src/utils/useGhostText.ts"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\n\n// Expose a value only after it stays stable for the given delay.\nexport function useDebounce<T>(value: T, delay: number): T {\n    const [debounced, setDebounced] = useState(value)\n\n    useEffect(() => {\n        const timer = setTimeout(() => setDebounced(value), delay)\n        return () => clearTimeout(timer)\n    }, [value, delay])\n\n    return debounced\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n// Wrap a callback so repeated calls collapse into the latest invocation.\nexport function useDebouncedCallback<T extends (...args: any[]) => void>(callback: T, delay: number): T {\n    const callbackRef = useRef(callback)\n    callbackRef.current = callback\n    const timerRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    return useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ((...args: any[]) => {\n            if (timerRef.current) clearTimeout(timerRef.current)\n            timerRef.current = setTimeout(() => callbackRef.current(...args), delay)\n        }) as T,\n        [delay]\n    )\n}\n","import {useState, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\n\nexport interface GhostTextOptions<T = string> {\n    options: T[]\n    value: string\n    minChars?: number\n    getLabel?: (option: T) => string\n    filter?: (options: T[], input: string) => T[]\n}\n\nexport interface GhostTextReturn<T = string> {\n    /** The ghost suffix to render after the typed text. */\n    hint: string\n    /** Accept the current hint and return the full value. */\n    accept: () => {value: string; option: T | null}\n    /** Cycle to the next matching option. */\n    next: () => void\n    /** Cycle to the previous matching option. */\n    prev: () => void\n    /** Reset the hint index (call on value change). */\n    reset: () => void\n    /** Number of matching options. */\n    matchCount: number\n    /** Handle keyboard events — Tab/Enter accept, arrows cycle, Escape resets. */\n    onKeyDown: (e: React.KeyboardEvent) => boolean\n}\n\nfunction defaultGetLabel<T>(option: T): string {\n    return typeof option === 'string' ? option : String(option)\n}\n\nfunction defaultFilter<T>(options: T[], input: string, getLabel: (o: T) => string): T[] {\n    if (!input) return []\n    const lower = input.toLowerCase()\n    return options.filter((o) => getLabel(o).toLowerCase().startsWith(lower))\n}\n\n// Manage inline ghost-text suggestions for any text input.\nexport function useGhostText<T = string>({\n    options,\n    value,\n    minChars = 2,\n    getLabel = defaultGetLabel,\n    filter,\n}: GhostTextOptions<T>): GhostTextReturn<T> {\n    const [hintIndex, setHintIndex] = useState(0)\n\n    const filtered = useMemo(() => {\n        if (value.length < minChars) return []\n        if (filter) return filter(options, value)\n        return defaultFilter(options, value, getLabel)\n    }, [options, value, minChars, filter, getLabel])\n\n    const current = filtered.length > 0 ? filtered[hintIndex % filtered.length] : null\n    const fullLabel = current ? getLabel(current) : ''\n    const hint =\n        fullLabel && fullLabel.toLowerCase().startsWith(value.toLowerCase()) ? fullLabel.slice(value.length) : ''\n\n    const accept = useCallback(() => {\n        if (!hint || !current) return {value, option: null}\n        return {value: value + hint, option: current}\n    }, [hint, current, value])\n\n    const next = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i + 1) % filtered.length)\n    }, [filtered.length])\n\n    const prev = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i - 1 + filtered.length) % filtered.length)\n    }, [filtered.length])\n\n    const reset = useCallback(() => setHintIndex(0), [])\n\n    const onKeyDown = useCallback(\n        (e: React.KeyboardEvent): boolean => {\n            if ((e.key === 'Tab' || e.key === 'Enter') && hint) {\n                e.preventDefault()\n                return true // signal: caller should accept\n            }\n            if (e.key === 'ArrowDown' && filtered.length > 1) {\n                e.preventDefault()\n                next()\n                return false\n            }\n            if (e.key === 'ArrowUp' && filtered.length > 1) {\n                e.preventDefault()\n                prev()\n                return false\n            }\n            return false\n        },\n        [hint, filtered.length, next, prev]\n    )\n\n    return {hint, accept, next, prev, reset, matchCount: filtered.length, onKeyDown}\n}\n"],"mappings":";;AAGA,SAAgB,EAAe,GAAU,GAAkB;CACvD,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAM;AAOjD,QALA,QAAgB;EACZ,IAAM,IAAQ,iBAAiB,EAAa,EAAM,EAAE,EAAM;AAC1D,eAAa,aAAa,EAAM;IACjC,CAAC,GAAO,EAAM,CAAC,EAEX;;AAKX,SAAgB,EAAyD,GAAa,GAAkB;CACpG,IAAM,IAAc,EAAO,EAAS;AACpC,GAAY,UAAU;CACtB,IAAM,IAAW,EAAsC,KAAK;AAE5D,QAAO,IAED,GAAG,MAAgB;AAEjB,EADI,EAAS,WAAS,aAAa,EAAS,QAAQ,EACpD,EAAS,UAAU,iBAAiB,EAAY,QAAQ,GAAG,EAAK,EAAE,EAAM;KAE5E,CAAC,EAAM,CACV;;;;ACAL,SAAS,EAAmB,GAAmB;AAC3C,QAAO,OAAO,KAAW,WAAW,IAAS,OAAO,EAAO;;AAG/D,SAAS,EAAiB,GAAc,GAAe,GAAiC;AACpF,KAAI,CAAC,EAAO,QAAO,EAAE;CACrB,IAAM,IAAQ,EAAM,aAAa;AACjC,QAAO,EAAQ,QAAQ,MAAM,EAAS,EAAE,CAAC,aAAa,CAAC,WAAW,EAAM,CAAC;;AAI7E,SAAgB,EAAyB,EACrC,YACA,UACA,cAAW,GACX,cAAW,GACX,aACwC;CACxC,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAE,EAEvC,IAAW,QACT,EAAM,SAAS,IAAiB,EAAE,GAClC,IAAe,EAAO,GAAS,EAAM,GAClC,EAAc,GAAS,GAAO,EAAS,EAC/C;EAAC;EAAS;EAAO;EAAU;EAAQ;EAAS,CAAC,EAE1C,IAAU,EAAS,SAAS,IAAI,EAAS,IAAY,EAAS,UAAU,MACxE,IAAY,IAAU,EAAS,EAAQ,GAAG,IAC1C,IACF,KAAa,EAAU,aAAa,CAAC,WAAW,EAAM,aAAa,CAAC,GAAG,EAAU,MAAM,EAAM,OAAO,GAAG,IAErG,IAAS,QACP,CAAC,KAAQ,CAAC,IAAgB;EAAC;EAAO,QAAQ;EAAK,GAC5C;EAAC,OAAO,IAAQ;EAAM,QAAQ;EAAQ,EAC9C;EAAC;EAAM;EAAS;EAAM,CAAC,EAEpB,IAAO,QAAkB;AAC3B,EAAI,EAAS,SAAS,KAAG,GAAc,OAAO,IAAI,KAAK,EAAS,OAAO;IACxE,CAAC,EAAS,OAAO,CAAC,EAEf,IAAO,QAAkB;AAC3B,EAAI,EAAS,SAAS,KAAG,GAAc,OAAO,IAAI,IAAI,EAAS,UAAU,EAAS,OAAO;IAC1F,CAAC,EAAS,OAAO,CAAC,EAEf,IAAQ,QAAkB,EAAa,EAAE,EAAE,EAAE,CAAC,EAE9C,IAAY,GACb,OACQ,EAAE,QAAQ,SAAS,EAAE,QAAQ,YAAY,KAC1C,EAAE,gBAAgB,EACX,MAEP,EAAE,QAAQ,eAAe,EAAS,SAAS,KAC3C,EAAE,gBAAgB,EAClB,GAAM,EACC,MAEP,EAAE,QAAQ,aAAa,EAAS,SAAS,KACzC,EAAE,gBAAgB,EAClB,GAAM,EACC,MAEJ,IAEX;EAAC;EAAM,EAAS;EAAQ;EAAM;EAAK,CACtC;AAED,QAAO;EAAC;EAAM;EAAQ;EAAM;EAAM;EAAO,YAAY,EAAS;EAAQ;EAAU"}
+{"version":3,"file":"useGhostText-BJZKdZpw.js","names":[],"sources":["../src/utils/useDebounce.ts","../src/utils/useGhostText.ts"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\n\n// Expose a value only after it stays stable for the given delay.\nexport function useDebounce<T>(value: T, delay: number): T {\n    const [debounced, setDebounced] = useState(value)\n\n    useEffect(() => {\n        const timer = setTimeout(() => setDebounced(value), delay)\n        return () => clearTimeout(timer)\n    }, [value, delay])\n\n    return debounced\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n// Wrap a callback so repeated calls collapse into the latest invocation.\nexport function useDebouncedCallback<T extends (...args: any[]) => void>(callback: T, delay: number): T {\n    const callbackRef = useRef(callback)\n    callbackRef.current = callback\n    const timerRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    return useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ((...args: any[]) => {\n            if (timerRef.current) clearTimeout(timerRef.current)\n            timerRef.current = setTimeout(() => callbackRef.current(...args), delay)\n        }) as T,\n        [delay]\n    )\n}\n","import {useState, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\n\nexport interface GhostTextOptions<T = string> {\n    options: T[]\n    value: string\n    minChars?: number\n    getLabel?: (option: T) => string\n    filter?: (options: T[], input: string) => T[]\n}\n\nexport interface GhostTextReturn<T = string> {\n    /** The ghost suffix to render after the typed text. */\n    hint: string\n    /** Accept the current hint and return the full value. */\n    accept: () => {value: string; option: T | null}\n    /** Cycle to the next matching option. */\n    next: () => void\n    /** Cycle to the previous matching option. */\n    prev: () => void\n    /** Reset the hint index (call on value change). */\n    reset: () => void\n    /** Number of matching options. */\n    matchCount: number\n    /** Handle keyboard events — Tab/Enter accept, arrows cycle, Escape resets. */\n    onKeyDown: (e: React.KeyboardEvent) => boolean\n}\n\nfunction defaultGetLabel<T>(option: T): string {\n    return typeof option === 'string' ? option : String(option)\n}\n\nfunction defaultFilter<T>(options: T[], input: string, getLabel: (o: T) => string): T[] {\n    if (!input) return []\n    const lower = input.toLowerCase()\n    return options.filter((o) => getLabel(o).toLowerCase().startsWith(lower))\n}\n\n// Manage inline ghost-text suggestions for any text input.\nexport function useGhostText<T = string>({\n    options,\n    value,\n    minChars = 2,\n    getLabel = defaultGetLabel,\n    filter,\n}: GhostTextOptions<T>): GhostTextReturn<T> {\n    const [hintIndex, setHintIndex] = useState(0)\n\n    const filtered = useMemo(() => {\n        if (value.length < minChars) return []\n        if (filter) return filter(options, value)\n        return defaultFilter(options, value, getLabel)\n    }, [options, value, minChars, filter, getLabel])\n\n    const current = filtered.length > 0 ? filtered[hintIndex % filtered.length] : null\n    const fullLabel = current ? getLabel(current) : ''\n    const hint =\n        fullLabel && fullLabel.toLowerCase().startsWith(value.toLowerCase()) ? fullLabel.slice(value.length) : ''\n\n    const accept = useCallback(() => {\n        if (!hint || !current) return {value, option: null}\n        return {value: value + hint, option: current}\n    }, [hint, current, value])\n\n    const next = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i + 1) % filtered.length)\n    }, [filtered.length])\n\n    const prev = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i - 1 + filtered.length) % filtered.length)\n    }, [filtered.length])\n\n    const reset = useCallback(() => setHintIndex(0), [])\n\n    const onKeyDown = useCallback(\n        (e: React.KeyboardEvent): boolean => {\n            if ((e.key === 'Tab' || e.key === 'Enter') && hint) {\n                e.preventDefault()\n                return true // signal: caller should accept\n            }\n            if (e.key === 'ArrowDown' && filtered.length > 1) {\n                e.preventDefault()\n                next()\n                return false\n            }\n            if (e.key === 'ArrowUp' && filtered.length > 1) {\n                e.preventDefault()\n                prev()\n                return false\n            }\n            return false\n        },\n        [hint, filtered.length, next, prev]\n    )\n\n    return {hint, accept, next, prev, reset, matchCount: filtered.length, onKeyDown}\n}\n"],"mappings":";;AAGA,SAAgB,EAAe,GAAU,GAAkB;CACvD,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAM;AAOjD,QALA,QAAgB;EACZ,IAAM,IAAQ,iBAAiB,EAAa,EAAM,EAAE,EAAM;AAC1D,eAAa,aAAa,EAAM;IACjC,CAAC,GAAO,EAAM,CAAC,EAEX;;AAKX,SAAgB,EAAyD,GAAa,GAAkB;CACpG,IAAM,IAAc,EAAO,EAAS;AACpC,GAAY,UAAU;CACtB,IAAM,IAAW,EAAsC,KAAK;AAE5D,QAAO,IAED,GAAG,MAAgB;AAEjB,EADI,EAAS,WAAS,aAAa,EAAS,QAAQ,EACpD,EAAS,UAAU,iBAAiB,EAAY,QAAQ,GAAG,EAAK,EAAE,EAAM;KAE5E,CAAC,EAAM,CACV;;;;ACAL,SAAS,EAAmB,GAAmB;AAC3C,QAAO,OAAO,KAAW,WAAW,IAAS,OAAO,EAAO;;AAG/D,SAAS,EAAiB,GAAc,GAAe,GAAiC;AACpF,KAAI,CAAC,EAAO,QAAO,EAAE;CACrB,IAAM,IAAQ,EAAM,aAAa;AACjC,QAAO,EAAQ,QAAQ,MAAM,EAAS,EAAE,CAAC,aAAa,CAAC,WAAW,EAAM,CAAC;;AAI7E,SAAgB,EAAyB,EACrC,YACA,UACA,cAAW,GACX,cAAW,GACX,aACwC;CACxC,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAE,EAEvC,IAAW,QACT,EAAM,SAAS,IAAiB,EAAE,GAClC,IAAe,EAAO,GAAS,EAAM,GAClC,EAAc,GAAS,GAAO,EAAS,EAC/C;EAAC;EAAS;EAAO;EAAU;EAAQ;EAAS,CAAC,EAE1C,IAAU,EAAS,SAAS,IAAI,EAAS,IAAY,EAAS,UAAU,MACxE,IAAY,IAAU,EAAS,EAAQ,GAAG,IAC1C,IACF,KAAa,EAAU,aAAa,CAAC,WAAW,EAAM,aAAa,CAAC,GAAG,EAAU,MAAM,EAAM,OAAO,GAAG,IAErG,IAAS,QACP,CAAC,KAAQ,CAAC,IAAgB;EAAC;EAAO,QAAQ;EAAK,GAC5C;EAAC,OAAO,IAAQ;EAAM,QAAQ;EAAQ,EAC9C;EAAC;EAAM;EAAS;EAAM,CAAC,EAEpB,IAAO,QAAkB;AAC3B,EAAI,EAAS,SAAS,KAAG,GAAc,OAAO,IAAI,KAAK,EAAS,OAAO;IACxE,CAAC,EAAS,OAAO,CAAC,EAEf,IAAO,QAAkB;AAC3B,EAAI,EAAS,SAAS,KAAG,GAAc,OAAO,IAAI,IAAI,EAAS,UAAU,EAAS,OAAO;IAC1F,CAAC,EAAS,OAAO,CAAC,EAEf,IAAQ,QAAkB,EAAa,EAAE,EAAE,EAAE,CAAC,EAE9C,IAAY,GACb,OACQ,EAAE,QAAQ,SAAS,EAAE,QAAQ,YAAY,KAC1C,EAAE,gBAAgB,EACX,MAEP,EAAE,QAAQ,eAAe,EAAS,SAAS,KAC3C,EAAE,gBAAgB,EAClB,GAAM,EACC,MAEP,EAAE,QAAQ,aAAa,EAAS,SAAS,KACzC,EAAE,gBAAgB,EAClB,GAAM,EACC,MAEJ,IAEX;EAAC;EAAM,EAAS;EAAQ;EAAM;EAAK,CACtC;AAED,QAAO;EAAC;EAAM;EAAQ;EAAM;EAAM;EAAO,YAAY,EAAS;EAAQ;EAAU"}

package/dist/useGhostText-D1DbIs-n.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);let e=require(`react`);function t(t,n){let[r,i]=(0,e.useState)(t);return(0,e.useEffect)(()=>{let e=setTimeout(()=>i(t),n);return()=>clearTimeout(e)},[t,n]),r}function n(t,n){let r=(0,e.useRef)(t);r.current=t;let i=(0,e.useRef)(null);return(0,e.useCallback)(((...e)=>{i.current&&clearTimeout(i.current),i.current=setTimeout(()=>r.current(...e),n)}),[n])}function r(e){return typeof e==`string`?e:String(e)}function i(e,t,n){if(!t)return[];let r=t.toLowerCase();return e.filter(e=>n(e).toLowerCase().startsWith(r))}function a({options:t,value:n,minChars:a=2,getLabel:o=r,filter:s}){let[c,l]=(0,e.useState)(0),u=(0,e.useMemo)(()=>n.length<a?[]:s?s(t,n):i(t,n,o),[t,n,a,s,o]),d=u.length>0?u[c%u.length]:null,f=d?o(d):``,p=f&&f.toLowerCase().startsWith(n.toLowerCase())?f.slice(n.length):``,m=(0,e.useCallback)(()=>!p||!d?{value:n,option:null}:{value:n+p,option:d},[p,d,n]),h=(0,e.useCallback)(()=>{u.length>1&&l(e=>(e+1)%u.length)},[u.length]),g=(0,e.useCallback)(()=>{u.length>1&&l(e=>(e-1+u.length)%u.length)},[u.length]),_=(0,e.useCallback)(()=>l(0),[]),v=(0,e.useCallback)(e=>(e.key===`Tab`||e.key===`Enter`)&&p?(e.preventDefault(),!0):e.key===`ArrowDown`&&u.length>1?(e.preventDefault(),h(),!1):e.key===`ArrowUp`&&u.length>1?(e.preventDefault(),g(),!1):!1,[p,u.length,h,g]);return{hint:p,accept:m,next:h,prev:g,reset:_,matchCount:u.length,onKeyDown:v}}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=useGhostText-D1DbIs-n.cjs.map

package/dist/{useGhostText-QMdO_HK6.cjs.map → useGhostText-D1DbIs-n.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useGhostText-QMdO_HK6.cjs","names":[],"sources":["../src/utils/useDebounce.ts","../src/utils/useGhostText.ts"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\n\n// Expose a value only after it stays stable for the given delay.\nexport function useDebounce<T>(value: T, delay: number): T {\n    const [debounced, setDebounced] = useState(value)\n\n    useEffect(() => {\n        const timer = setTimeout(() => setDebounced(value), delay)\n        return () => clearTimeout(timer)\n    }, [value, delay])\n\n    return debounced\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n// Wrap a callback so repeated calls collapse into the latest invocation.\nexport function useDebouncedCallback<T extends (...args: any[]) => void>(callback: T, delay: number): T {\n    const callbackRef = useRef(callback)\n    callbackRef.current = callback\n    const timerRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    return useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ((...args: any[]) => {\n            if (timerRef.current) clearTimeout(timerRef.current)\n            timerRef.current = setTimeout(() => callbackRef.current(...args), delay)\n        }) as T,\n        [delay]\n    )\n}\n","import {useState, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\n\nexport interface GhostTextOptions<T = string> {\n    options: T[]\n    value: string\n    minChars?: number\n    getLabel?: (option: T) => string\n    filter?: (options: T[], input: string) => T[]\n}\n\nexport interface GhostTextReturn<T = string> {\n    /** The ghost suffix to render after the typed text. */\n    hint: string\n    /** Accept the current hint and return the full value. */\n    accept: () => {value: string; option: T | null}\n    /** Cycle to the next matching option. */\n    next: () => void\n    /** Cycle to the previous matching option. */\n    prev: () => void\n    /** Reset the hint index (call on value change). */\n    reset: () => void\n    /** Number of matching options. */\n    matchCount: number\n    /** Handle keyboard events — Tab/Enter accept, arrows cycle, Escape resets. */\n    onKeyDown: (e: React.KeyboardEvent) => boolean\n}\n\nfunction defaultGetLabel<T>(option: T): string {\n    return typeof option === 'string' ? option : String(option)\n}\n\nfunction defaultFilter<T>(options: T[], input: string, getLabel: (o: T) => string): T[] {\n    if (!input) return []\n    const lower = input.toLowerCase()\n    return options.filter((o) => getLabel(o).toLowerCase().startsWith(lower))\n}\n\n// Manage inline ghost-text suggestions for any text input.\nexport function useGhostText<T = string>({\n    options,\n    value,\n    minChars = 2,\n    getLabel = defaultGetLabel,\n    filter,\n}: GhostTextOptions<T>): GhostTextReturn<T> {\n    const [hintIndex, setHintIndex] = useState(0)\n\n    const filtered = useMemo(() => {\n        if (value.length < minChars) return []\n        if (filter) return filter(options, value)\n        return defaultFilter(options, value, getLabel)\n    }, [options, value, minChars, filter, getLabel])\n\n    const current = filtered.length > 0 ? filtered[hintIndex % filtered.length] : null\n    const fullLabel = current ? getLabel(current) : ''\n    const hint =\n        fullLabel && fullLabel.toLowerCase().startsWith(value.toLowerCase()) ? fullLabel.slice(value.length) : ''\n\n    const accept = useCallback(() => {\n        if (!hint || !current) return {value, option: null}\n        return {value: value + hint, option: current}\n    }, [hint, current, value])\n\n    const next = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i + 1) % filtered.length)\n    }, [filtered.length])\n\n    const prev = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i - 1 + filtered.length) % filtered.length)\n    }, [filtered.length])\n\n    const reset = useCallback(() => setHintIndex(0), [])\n\n    const onKeyDown = useCallback(\n        (e: React.KeyboardEvent): boolean => {\n            if ((e.key === 'Tab' || e.key === 'Enter') && hint) {\n                e.preventDefault()\n                return true // signal: caller should accept\n            }\n            if (e.key === 'ArrowDown' && filtered.length > 1) {\n                e.preventDefault()\n                next()\n                return false\n            }\n            if (e.key === 'ArrowUp' && filtered.length > 1) {\n                e.preventDefault()\n                prev()\n                return false\n            }\n            return false\n        },\n        [hint, filtered.length, next, prev]\n    )\n\n    return {hint, accept, next, prev, reset, matchCount: filtered.length, onKeyDown}\n}\n"],"mappings":"uBAGA,SAAgB,EAAe,EAAU,EAAkB,CACvD,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,EAAM,CAOjD,OALA,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAQ,eAAiB,EAAa,EAAM,CAAE,EAAM,CAC1D,UAAa,aAAa,EAAM,EACjC,CAAC,EAAO,EAAM,CAAC,CAEX,EAKX,SAAgB,EAAyD,EAAa,EAAkB,CACpG,IAAM,GAAA,EAAA,EAAA,QAAqB,EAAS,CACpC,EAAY,QAAU,EACtB,IAAM,GAAA,EAAA,EAAA,QAAiD,KAAK,CAE5D,OAAA,EAAA,EAAA,eAEM,GAAG,IAAgB,CACb,EAAS,SAAS,aAAa,EAAS,QAAQ,CACpD,EAAS,QAAU,eAAiB,EAAY,QAAQ,GAAG,EAAK,CAAE,EAAM,GAE5E,CAAC,EAAM,CACV,CCAL,SAAS,EAAmB,EAAmB,CAC3C,OAAO,OAAO,GAAW,SAAW,EAAS,OAAO,EAAO,CAG/D,SAAS,EAAiB,EAAc,EAAe,EAAiC,CACpF,GAAI,CAAC,EAAO,MAAO,EAAE,CACrB,IAAM,EAAQ,EAAM,aAAa,CACjC,OAAO,EAAQ,OAAQ,GAAM,EAAS,EAAE,CAAC,aAAa,CAAC,WAAW,EAAM,CAAC,CAI7E,SAAgB,EAAyB,CACrC,UACA,QACA,WAAW,EACX,WAAW,EACX,UACwC,CACxC,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,EAAE,CAEvC,GAAA,EAAA,EAAA,aACE,EAAM,OAAS,EAAiB,EAAE,CAClC,EAAe,EAAO,EAAS,EAAM,CAClC,EAAc,EAAS,EAAO,EAAS,CAC/C,CAAC,EAAS,EAAO,EAAU,EAAQ,EAAS,CAAC,CAE1C,EAAU,EAAS,OAAS,EAAI,EAAS,EAAY,EAAS,QAAU,KACxE,EAAY,EAAU,EAAS,EAAQ,CAAG,GAC1C,EACF,GAAa,EAAU,aAAa,CAAC,WAAW,EAAM,aAAa,CAAC,CAAG,EAAU,MAAM,EAAM,OAAO,CAAG,GAErG,GAAA,EAAA,EAAA,iBACE,CAAC,GAAQ,CAAC,EAAgB,CAAC,QAAO,OAAQ,KAAK,CAC5C,CAAC,MAAO,EAAQ,EAAM,OAAQ,EAAQ,CAC9C,CAAC,EAAM,EAAS,EAAM,CAAC,CAEpB,GAAA,EAAA,EAAA,iBAAyB,CACvB,EAAS,OAAS,GAAG,EAAc,IAAO,EAAI,GAAK,EAAS,OAAO,EACxE,CAAC,EAAS,OAAO,CAAC,CAEf,GAAA,EAAA,EAAA,iBAAyB,CACvB,EAAS,OAAS,GAAG,EAAc,IAAO,EAAI,EAAI,EAAS,QAAU,EAAS,OAAO,EAC1F,CAAC,EAAS,OAAO,CAAC,CAEf,GAAA,EAAA,EAAA,iBAA0B,EAAa,EAAE,CAAE,EAAE,CAAC,CAE9C,GAAA,EAAA,EAAA,aACD,IACQ,EAAE,MAAQ,OAAS,EAAE,MAAQ,UAAY,GAC1C,EAAE,gBAAgB,CACX,IAEP,EAAE,MAAQ,aAAe,EAAS,OAAS,GAC3C,EAAE,gBAAgB,CAClB,GAAM,CACC,IAEP,EAAE,MAAQ,WAAa,EAAS,OAAS,GACzC,EAAE,gBAAgB,CAClB,GAAM,CACC,IAEJ,GAEX,CAAC,EAAM,EAAS,OAAQ,EAAM,EAAK,CACtC,CAED,MAAO,CAAC,OAAM,SAAQ,OAAM,OAAM,QAAO,WAAY,EAAS,OAAQ,YAAU"}
+{"version":3,"file":"useGhostText-D1DbIs-n.cjs","names":[],"sources":["../src/utils/useDebounce.ts","../src/utils/useGhostText.ts"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\n\n// Expose a value only after it stays stable for the given delay.\nexport function useDebounce<T>(value: T, delay: number): T {\n    const [debounced, setDebounced] = useState(value)\n\n    useEffect(() => {\n        const timer = setTimeout(() => setDebounced(value), delay)\n        return () => clearTimeout(timer)\n    }, [value, delay])\n\n    return debounced\n}\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\n// Wrap a callback so repeated calls collapse into the latest invocation.\nexport function useDebouncedCallback<T extends (...args: any[]) => void>(callback: T, delay: number): T {\n    const callbackRef = useRef(callback)\n    callbackRef.current = callback\n    const timerRef = useRef<ReturnType<typeof setTimeout>>(null)\n\n    return useCallback(\n        // eslint-disable-next-line @typescript-eslint/no-explicit-any\n        ((...args: any[]) => {\n            if (timerRef.current) clearTimeout(timerRef.current)\n            timerRef.current = setTimeout(() => callbackRef.current(...args), delay)\n        }) as T,\n        [delay]\n    )\n}\n","import {useState, useCallback, useMemo} from 'react'\nimport type * as React from 'react'\n\nexport interface GhostTextOptions<T = string> {\n    options: T[]\n    value: string\n    minChars?: number\n    getLabel?: (option: T) => string\n    filter?: (options: T[], input: string) => T[]\n}\n\nexport interface GhostTextReturn<T = string> {\n    /** The ghost suffix to render after the typed text. */\n    hint: string\n    /** Accept the current hint and return the full value. */\n    accept: () => {value: string; option: T | null}\n    /** Cycle to the next matching option. */\n    next: () => void\n    /** Cycle to the previous matching option. */\n    prev: () => void\n    /** Reset the hint index (call on value change). */\n    reset: () => void\n    /** Number of matching options. */\n    matchCount: number\n    /** Handle keyboard events — Tab/Enter accept, arrows cycle, Escape resets. */\n    onKeyDown: (e: React.KeyboardEvent) => boolean\n}\n\nfunction defaultGetLabel<T>(option: T): string {\n    return typeof option === 'string' ? option : String(option)\n}\n\nfunction defaultFilter<T>(options: T[], input: string, getLabel: (o: T) => string): T[] {\n    if (!input) return []\n    const lower = input.toLowerCase()\n    return options.filter((o) => getLabel(o).toLowerCase().startsWith(lower))\n}\n\n// Manage inline ghost-text suggestions for any text input.\nexport function useGhostText<T = string>({\n    options,\n    value,\n    minChars = 2,\n    getLabel = defaultGetLabel,\n    filter,\n}: GhostTextOptions<T>): GhostTextReturn<T> {\n    const [hintIndex, setHintIndex] = useState(0)\n\n    const filtered = useMemo(() => {\n        if (value.length < minChars) return []\n        if (filter) return filter(options, value)\n        return defaultFilter(options, value, getLabel)\n    }, [options, value, minChars, filter, getLabel])\n\n    const current = filtered.length > 0 ? filtered[hintIndex % filtered.length] : null\n    const fullLabel = current ? getLabel(current) : ''\n    const hint =\n        fullLabel && fullLabel.toLowerCase().startsWith(value.toLowerCase()) ? fullLabel.slice(value.length) : ''\n\n    const accept = useCallback(() => {\n        if (!hint || !current) return {value, option: null}\n        return {value: value + hint, option: current}\n    }, [hint, current, value])\n\n    const next = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i + 1) % filtered.length)\n    }, [filtered.length])\n\n    const prev = useCallback(() => {\n        if (filtered.length > 1) setHintIndex((i) => (i - 1 + filtered.length) % filtered.length)\n    }, [filtered.length])\n\n    const reset = useCallback(() => setHintIndex(0), [])\n\n    const onKeyDown = useCallback(\n        (e: React.KeyboardEvent): boolean => {\n            if ((e.key === 'Tab' || e.key === 'Enter') && hint) {\n                e.preventDefault()\n                return true // signal: caller should accept\n            }\n            if (e.key === 'ArrowDown' && filtered.length > 1) {\n                e.preventDefault()\n                next()\n                return false\n            }\n            if (e.key === 'ArrowUp' && filtered.length > 1) {\n                e.preventDefault()\n                prev()\n                return false\n            }\n            return false\n        },\n        [hint, filtered.length, next, prev]\n    )\n\n    return {hint, accept, next, prev, reset, matchCount: filtered.length, onKeyDown}\n}\n"],"mappings":"uDAGA,SAAgB,EAAe,EAAU,EAAkB,CACvD,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,EAAM,CAOjD,OALA,EAAA,EAAA,eAAgB,CACZ,IAAM,EAAQ,eAAiB,EAAa,EAAM,CAAE,EAAM,CAC1D,UAAa,aAAa,EAAM,EACjC,CAAC,EAAO,EAAM,CAAC,CAEX,EAKX,SAAgB,EAAyD,EAAa,EAAkB,CACpG,IAAM,GAAA,EAAA,EAAA,QAAqB,EAAS,CACpC,EAAY,QAAU,EACtB,IAAM,GAAA,EAAA,EAAA,QAAiD,KAAK,CAE5D,OAAA,EAAA,EAAA,eAEM,GAAG,IAAgB,CACb,EAAS,SAAS,aAAa,EAAS,QAAQ,CACpD,EAAS,QAAU,eAAiB,EAAY,QAAQ,GAAG,EAAK,CAAE,EAAM,GAE5E,CAAC,EAAM,CACV,CCAL,SAAS,EAAmB,EAAmB,CAC3C,OAAO,OAAO,GAAW,SAAW,EAAS,OAAO,EAAO,CAG/D,SAAS,EAAiB,EAAc,EAAe,EAAiC,CACpF,GAAI,CAAC,EAAO,MAAO,EAAE,CACrB,IAAM,EAAQ,EAAM,aAAa,CACjC,OAAO,EAAQ,OAAQ,GAAM,EAAS,EAAE,CAAC,aAAa,CAAC,WAAW,EAAM,CAAC,CAI7E,SAAgB,EAAyB,CACrC,UACA,QACA,WAAW,EACX,WAAW,EACX,UACwC,CACxC,GAAM,CAAC,EAAW,IAAA,EAAA,EAAA,UAAyB,EAAE,CAEvC,GAAA,EAAA,EAAA,aACE,EAAM,OAAS,EAAiB,EAAE,CAClC,EAAe,EAAO,EAAS,EAAM,CAClC,EAAc,EAAS,EAAO,EAAS,CAC/C,CAAC,EAAS,EAAO,EAAU,EAAQ,EAAS,CAAC,CAE1C,EAAU,EAAS,OAAS,EAAI,EAAS,EAAY,EAAS,QAAU,KACxE,EAAY,EAAU,EAAS,EAAQ,CAAG,GAC1C,EACF,GAAa,EAAU,aAAa,CAAC,WAAW,EAAM,aAAa,CAAC,CAAG,EAAU,MAAM,EAAM,OAAO,CAAG,GAErG,GAAA,EAAA,EAAA,iBACE,CAAC,GAAQ,CAAC,EAAgB,CAAC,QAAO,OAAQ,KAAK,CAC5C,CAAC,MAAO,EAAQ,EAAM,OAAQ,EAAQ,CAC9C,CAAC,EAAM,EAAS,EAAM,CAAC,CAEpB,GAAA,EAAA,EAAA,iBAAyB,CACvB,EAAS,OAAS,GAAG,EAAc,IAAO,EAAI,GAAK,EAAS,OAAO,EACxE,CAAC,EAAS,OAAO,CAAC,CAEf,GAAA,EAAA,EAAA,iBAAyB,CACvB,EAAS,OAAS,GAAG,EAAc,IAAO,EAAI,EAAI,EAAS,QAAU,EAAS,OAAO,EAC1F,CAAC,EAAS,OAAO,CAAC,CAEf,GAAA,EAAA,EAAA,iBAA0B,EAAa,EAAE,CAAE,EAAE,CAAC,CAE9C,GAAA,EAAA,EAAA,aACD,IACQ,EAAE,MAAQ,OAAS,EAAE,MAAQ,UAAY,GAC1C,EAAE,gBAAgB,CACX,IAEP,EAAE,MAAQ,aAAe,EAAS,OAAS,GAC3C,EAAE,gBAAgB,CAClB,GAAM,CACC,IAEP,EAAE,MAAQ,WAAa,EAAS,OAAS,GACzC,EAAE,gBAAgB,CAClB,GAAM,CACC,IAEJ,GAEX,CAAC,EAAM,EAAS,OAAQ,EAAM,EAAK,CACtC,CAED,MAAO,CAAC,OAAM,SAAQ,OAAM,OAAM,QAAO,WAAY,EAAS,OAAQ,YAAU"}

package/dist/useInteractionEffect-CYHGHV1e.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);let e=require(`react`),t=require(`react/jsx-runtime`);function n(e,t,n){let r=t.getBoundingClientRect(),i=Math.max(r.width,r.height)*1.75,a=i/2,o=document.createElement(`span`),s=n.centered||n.clientX===void 0?r.width/2-a:n.clientX-r.left-a,c=n.centered||n.clientY===void 0?r.height/2-a:n.clientY-r.top-a;o.className=`click-effect-wave`,o.style.width=`${i}px`,o.style.height=`${i}px`,o.style.left=`${s}px`,o.style.top=`${c}px`,n.color&&o.style.setProperty(`--click-effect-color`,n.color),e.appendChild(o),o.addEventListener(`animationend`,()=>o.remove(),{once:!0})}function r({effect:r=`ripple`,disabled:i=!1,centered:a=!1,color:o}={}){let s=(0,e.useRef)(null),c=r===`ripple`&&!i,l=(0,e.useCallback)(e=>{!c||!e||!s.current||n(s.current,e,{centered:!0,color:o})},[o,c]),u=(0,e.useCallback)(e=>{!c||!s.current||e.pointerType===`mouse`&&e.button!==0||n(s.current,e.currentTarget,{centered:a,color:o,clientX:e.clientX,clientY:e.clientY})},[a,o,c]);return{effectClassName:c?`click-effect-root`:void 0,effectLayer:c?(0,t.jsx)(`span`,{ref:s,className:`click-effect-layer`,"aria-hidden":`true`}):null,handlePointerDown:u,triggerEffect:l}}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=useInteractionEffect-CYHGHV1e.cjs.map

package/dist/{useInteractionEffect-DnEfbCrX.cjs.map → useInteractionEffect-CYHGHV1e.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useInteractionEffect-DnEfbCrX.cjs","names":[],"sources":["../src/utils/useInteractionEffect.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type {PointerEvent, ReactElement} from 'react'\n\nexport type MClickEffect = 'none' | 'ripple'\n\nexport interface UseInteractionEffectOptions {\n    effect?: MClickEffect\n    disabled?: boolean\n    centered?: boolean\n    color?: string\n}\n\nexport interface UseInteractionEffectResult<T extends HTMLElement> {\n    effectClassName?: string\n    effectLayer: ReactElement | null\n    handlePointerDown: (event: PointerEvent<T>) => void\n    triggerEffect: (target: T | null) => void\n}\n\ninterface RippleOptions {\n    centered: boolean\n    color?: string\n    clientX?: number\n    clientY?: number\n}\n\n// Render and position a ripple wave inside the dedicated effect layer.\nfunction appendRipple(layer: HTMLSpanElement, host: HTMLElement, options: RippleOptions) {\n    const rect = host.getBoundingClientRect()\n    const size = Math.max(rect.width, rect.height) * 1.75\n    const radius = size / 2\n    const wave = document.createElement('span')\n    const x =\n        options.centered || options.clientX === undefined\n            ? rect.width / 2 - radius\n            : options.clientX - rect.left - radius\n    const y =\n        options.centered || options.clientY === undefined\n            ? rect.height / 2 - radius\n            : options.clientY - rect.top - radius\n\n    wave.className = 'click-effect-wave'\n    wave.style.width = `${size}px`\n    wave.style.height = `${size}px`\n    wave.style.left = `${x}px`\n    wave.style.top = `${y}px`\n\n    if (options.color) {\n        wave.style.setProperty('--click-effect-color', options.color)\n    }\n\n    layer.appendChild(wave)\n    wave.addEventListener('animationend', () => wave.remove(), {once: true})\n}\n\n// Attach a lightweight click feedback effect without coupling it to a specific component.\nexport function useInteractionEffect<T extends HTMLElement = HTMLElement>({\n    effect = 'ripple',\n    disabled = false,\n    centered = false,\n    color,\n}: UseInteractionEffectOptions = {}): UseInteractionEffectResult<T> {\n    const layerRef = useRef<HTMLSpanElement>(null)\n    const enabled = effect === 'ripple' && !disabled\n\n    // Trigger a centered ripple for keyboard-driven or programmatic actions.\n    const triggerEffect = useCallback(\n        (target: T | null) => {\n            if (!enabled || !target || !layerRef.current) {\n                return\n            }\n\n            appendRipple(layerRef.current, target, {centered: true, color})\n        },\n        [color, enabled]\n    )\n\n    // Start the ripple from the actual pointer position when possible.\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<T>) => {\n            if (!enabled || !layerRef.current) {\n                return\n            }\n\n            if (event.pointerType === 'mouse' && event.button !== 0) {\n                return\n            }\n\n            appendRipple(layerRef.current, event.currentTarget, {\n                centered,\n                color,\n                clientX: event.clientX,\n                clientY: event.clientY,\n            })\n        },\n        [centered, color, enabled]\n    )\n\n    return {\n        effectClassName: enabled ? 'click-effect-root' : undefined,\n        effectLayer: enabled ? <span ref={layerRef} className=\"click-effect-layer\" aria-hidden=\"true\" /> : null,\n        handlePointerDown,\n        triggerEffect,\n    }\n}\n"],"mappings":"sDA2BA,SAAS,EAAa,EAAwB,EAAmB,EAAwB,CACrF,IAAM,EAAO,EAAK,uBAAuB,CACnC,EAAO,KAAK,IAAI,EAAK,MAAO,EAAK,OAAO,CAAG,KAC3C,EAAS,EAAO,EAChB,EAAO,SAAS,cAAc,OAAO,CACrC,EACF,EAAQ,UAAY,EAAQ,UAAY,IAAA,GAClC,EAAK,MAAQ,EAAI,EACjB,EAAQ,QAAU,EAAK,KAAO,EAClC,EACF,EAAQ,UAAY,EAAQ,UAAY,IAAA,GAClC,EAAK,OAAS,EAAI,EAClB,EAAQ,QAAU,EAAK,IAAM,EAEvC,EAAK,UAAY,oBACjB,EAAK,MAAM,MAAQ,GAAG,EAAK,IAC3B,EAAK,MAAM,OAAS,GAAG,EAAK,IAC5B,EAAK,MAAM,KAAO,GAAG,EAAE,IACvB,EAAK,MAAM,IAAM,GAAG,EAAE,IAElB,EAAQ,OACR,EAAK,MAAM,YAAY,uBAAwB,EAAQ,MAAM,CAGjE,EAAM,YAAY,EAAK,CACvB,EAAK,iBAAiB,mBAAsB,EAAK,QAAQ,CAAE,CAAC,KAAM,GAAK,CAAC,CAI5E,SAAgB,EAA0D,CACtE,SAAS,SACT,WAAW,GACX,WAAW,GACX,SAC6B,EAAE,CAAiC,CAChE,IAAM,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,EAAU,IAAW,UAAY,CAAC,EAGlC,GAAA,EAAA,EAAA,aACD,GAAqB,CACd,CAAC,GAAW,CAAC,GAAU,CAAC,EAAS,SAIrC,EAAa,EAAS,QAAS,EAAQ,CAAC,SAAU,GAAM,QAAM,CAAC,EAEnE,CAAC,EAAO,EAAQ,CACnB,CAGK,GAAA,EAAA,EAAA,aACD,GAA2B,CACpB,CAAC,GAAW,CAAC,EAAS,SAItB,EAAM,cAAgB,SAAW,EAAM,SAAW,GAItD,EAAa,EAAS,QAAS,EAAM,cAAe,CAChD,WACA,QACA,QAAS,EAAM,QACf,QAAS,EAAM,QAClB,CAAC,EAEN,CAAC,EAAU,EAAO,EAAQ,CAC7B,CAED,MAAO,CACH,gBAAiB,EAAU,oBAAsB,IAAA,GACjD,YAAa,GAAU,EAAA,EAAA,KAAC,OAAD,CAAM,IAAK,EAAU,UAAU,qBAAqB,cAAY,OAAS,CAAA,CAAG,KACnG,oBACA,gBACH"}
+{"version":3,"file":"useInteractionEffect-CYHGHV1e.cjs","names":[],"sources":["../src/utils/useInteractionEffect.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type {PointerEvent, ReactElement} from 'react'\n\nexport type MClickEffect = 'none' | 'ripple'\n\nexport interface UseInteractionEffectOptions {\n    effect?: MClickEffect\n    disabled?: boolean\n    centered?: boolean\n    color?: string\n}\n\nexport interface UseInteractionEffectResult<T extends HTMLElement> {\n    effectClassName?: string\n    effectLayer: ReactElement | null\n    handlePointerDown: (event: PointerEvent<T>) => void\n    triggerEffect: (target: T | null) => void\n}\n\ninterface RippleOptions {\n    centered: boolean\n    color?: string\n    clientX?: number\n    clientY?: number\n}\n\n// Render and position a ripple wave inside the dedicated effect layer.\nfunction appendRipple(layer: HTMLSpanElement, host: HTMLElement, options: RippleOptions) {\n    const rect = host.getBoundingClientRect()\n    const size = Math.max(rect.width, rect.height) * 1.75\n    const radius = size / 2\n    const wave = document.createElement('span')\n    const x =\n        options.centered || options.clientX === undefined\n            ? rect.width / 2 - radius\n            : options.clientX - rect.left - radius\n    const y =\n        options.centered || options.clientY === undefined\n            ? rect.height / 2 - radius\n            : options.clientY - rect.top - radius\n\n    wave.className = 'click-effect-wave'\n    wave.style.width = `${size}px`\n    wave.style.height = `${size}px`\n    wave.style.left = `${x}px`\n    wave.style.top = `${y}px`\n\n    if (options.color) {\n        wave.style.setProperty('--click-effect-color', options.color)\n    }\n\n    layer.appendChild(wave)\n    wave.addEventListener('animationend', () => wave.remove(), {once: true})\n}\n\n// Attach a lightweight click feedback effect without coupling it to a specific component.\nexport function useInteractionEffect<T extends HTMLElement = HTMLElement>({\n    effect = 'ripple',\n    disabled = false,\n    centered = false,\n    color,\n}: UseInteractionEffectOptions = {}): UseInteractionEffectResult<T> {\n    const layerRef = useRef<HTMLSpanElement>(null)\n    const enabled = effect === 'ripple' && !disabled\n\n    // Trigger a centered ripple for keyboard-driven or programmatic actions.\n    const triggerEffect = useCallback(\n        (target: T | null) => {\n            if (!enabled || !target || !layerRef.current) {\n                return\n            }\n\n            appendRipple(layerRef.current, target, {centered: true, color})\n        },\n        [color, enabled]\n    )\n\n    // Start the ripple from the actual pointer position when possible.\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<T>) => {\n            if (!enabled || !layerRef.current) {\n                return\n            }\n\n            if (event.pointerType === 'mouse' && event.button !== 0) {\n                return\n            }\n\n            appendRipple(layerRef.current, event.currentTarget, {\n                centered,\n                color,\n                clientX: event.clientX,\n                clientY: event.clientY,\n            })\n        },\n        [centered, color, enabled]\n    )\n\n    return {\n        effectClassName: enabled ? 'click-effect-root' : undefined,\n        effectLayer: enabled ? <span ref={layerRef} className=\"click-effect-layer\" aria-hidden=\"true\" /> : null,\n        handlePointerDown,\n        triggerEffect,\n    }\n}\n"],"mappings":"sFA2BA,SAAS,EAAa,EAAwB,EAAmB,EAAwB,CACrF,IAAM,EAAO,EAAK,uBAAuB,CACnC,EAAO,KAAK,IAAI,EAAK,MAAO,EAAK,OAAO,CAAG,KAC3C,EAAS,EAAO,EAChB,EAAO,SAAS,cAAc,OAAO,CACrC,EACF,EAAQ,UAAY,EAAQ,UAAY,IAAA,GAClC,EAAK,MAAQ,EAAI,EACjB,EAAQ,QAAU,EAAK,KAAO,EAClC,EACF,EAAQ,UAAY,EAAQ,UAAY,IAAA,GAClC,EAAK,OAAS,EAAI,EAClB,EAAQ,QAAU,EAAK,IAAM,EAEvC,EAAK,UAAY,oBACjB,EAAK,MAAM,MAAQ,GAAG,EAAK,IAC3B,EAAK,MAAM,OAAS,GAAG,EAAK,IAC5B,EAAK,MAAM,KAAO,GAAG,EAAE,IACvB,EAAK,MAAM,IAAM,GAAG,EAAE,IAElB,EAAQ,OACR,EAAK,MAAM,YAAY,uBAAwB,EAAQ,MAAM,CAGjE,EAAM,YAAY,EAAK,CACvB,EAAK,iBAAiB,mBAAsB,EAAK,QAAQ,CAAE,CAAC,KAAM,GAAK,CAAC,CAI5E,SAAgB,EAA0D,CACtE,SAAS,SACT,WAAW,GACX,WAAW,GACX,SAC6B,EAAE,CAAiC,CAChE,IAAM,GAAA,EAAA,EAAA,QAAmC,KAAK,CACxC,EAAU,IAAW,UAAY,CAAC,EAGlC,GAAA,EAAA,EAAA,aACD,GAAqB,CACd,CAAC,GAAW,CAAC,GAAU,CAAC,EAAS,SAIrC,EAAa,EAAS,QAAS,EAAQ,CAAC,SAAU,GAAM,QAAM,CAAC,EAEnE,CAAC,EAAO,EAAQ,CACnB,CAGK,GAAA,EAAA,EAAA,aACD,GAA2B,CACpB,CAAC,GAAW,CAAC,EAAS,SAItB,EAAM,cAAgB,SAAW,EAAM,SAAW,GAItD,EAAa,EAAS,QAAS,EAAM,cAAe,CAChD,WACA,QACA,QAAS,EAAM,QACf,QAAS,EAAM,QAClB,CAAC,EAEN,CAAC,EAAU,EAAO,EAAQ,CAC7B,CAED,MAAO,CACH,gBAAiB,EAAU,oBAAsB,IAAA,GACjD,YAAa,GAAU,EAAA,EAAA,KAAC,OAAD,CAAM,IAAK,EAAU,UAAU,qBAAqB,cAAY,OAAS,CAAA,CAAG,KACnG,oBACA,gBACH"}

package/dist/{useInteractionEffect-DtpbVd77.js → useInteractionEffect-ClkU3aH5.js}

@@ -37,4 +37,4 @@ function i({ effect: i = "ripple", disabled: a = !1, centered: o = !1, color: s
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=useInteractionEffect-DtpbVd77.js.map
+//# sourceMappingURL=useInteractionEffect-ClkU3aH5.js.map

package/dist/{useInteractionEffect-DtpbVd77.js.map → useInteractionEffect-ClkU3aH5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useInteractionEffect-DtpbVd77.js","names":[],"sources":["../src/utils/useInteractionEffect.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type {PointerEvent, ReactElement} from 'react'\n\nexport type MClickEffect = 'none' | 'ripple'\n\nexport interface UseInteractionEffectOptions {\n    effect?: MClickEffect\n    disabled?: boolean\n    centered?: boolean\n    color?: string\n}\n\nexport interface UseInteractionEffectResult<T extends HTMLElement> {\n    effectClassName?: string\n    effectLayer: ReactElement | null\n    handlePointerDown: (event: PointerEvent<T>) => void\n    triggerEffect: (target: T | null) => void\n}\n\ninterface RippleOptions {\n    centered: boolean\n    color?: string\n    clientX?: number\n    clientY?: number\n}\n\n// Render and position a ripple wave inside the dedicated effect layer.\nfunction appendRipple(layer: HTMLSpanElement, host: HTMLElement, options: RippleOptions) {\n    const rect = host.getBoundingClientRect()\n    const size = Math.max(rect.width, rect.height) * 1.75\n    const radius = size / 2\n    const wave = document.createElement('span')\n    const x =\n        options.centered || options.clientX === undefined\n            ? rect.width / 2 - radius\n            : options.clientX - rect.left - radius\n    const y =\n        options.centered || options.clientY === undefined\n            ? rect.height / 2 - radius\n            : options.clientY - rect.top - radius\n\n    wave.className = 'click-effect-wave'\n    wave.style.width = `${size}px`\n    wave.style.height = `${size}px`\n    wave.style.left = `${x}px`\n    wave.style.top = `${y}px`\n\n    if (options.color) {\n        wave.style.setProperty('--click-effect-color', options.color)\n    }\n\n    layer.appendChild(wave)\n    wave.addEventListener('animationend', () => wave.remove(), {once: true})\n}\n\n// Attach a lightweight click feedback effect without coupling it to a specific component.\nexport function useInteractionEffect<T extends HTMLElement = HTMLElement>({\n    effect = 'ripple',\n    disabled = false,\n    centered = false,\n    color,\n}: UseInteractionEffectOptions = {}): UseInteractionEffectResult<T> {\n    const layerRef = useRef<HTMLSpanElement>(null)\n    const enabled = effect === 'ripple' && !disabled\n\n    // Trigger a centered ripple for keyboard-driven or programmatic actions.\n    const triggerEffect = useCallback(\n        (target: T | null) => {\n            if (!enabled || !target || !layerRef.current) {\n                return\n            }\n\n            appendRipple(layerRef.current, target, {centered: true, color})\n        },\n        [color, enabled]\n    )\n\n    // Start the ripple from the actual pointer position when possible.\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<T>) => {\n            if (!enabled || !layerRef.current) {\n                return\n            }\n\n            if (event.pointerType === 'mouse' && event.button !== 0) {\n                return\n            }\n\n            appendRipple(layerRef.current, event.currentTarget, {\n                centered,\n                color,\n                clientX: event.clientX,\n                clientY: event.clientY,\n            })\n        },\n        [centered, color, enabled]\n    )\n\n    return {\n        effectClassName: enabled ? 'click-effect-root' : undefined,\n        effectLayer: enabled ? <span ref={layerRef} className=\"click-effect-layer\" aria-hidden=\"true\" /> : null,\n        handlePointerDown,\n        triggerEffect,\n    }\n}\n"],"mappings":";;;AA2BA,SAAS,EAAa,GAAwB,GAAmB,GAAwB;CACrF,IAAM,IAAO,EAAK,uBAAuB,EACnC,IAAO,KAAK,IAAI,EAAK,OAAO,EAAK,OAAO,GAAG,MAC3C,IAAS,IAAO,GAChB,IAAO,SAAS,cAAc,OAAO,EACrC,IACF,EAAQ,YAAY,EAAQ,YAAY,KAAA,IAClC,EAAK,QAAQ,IAAI,IACjB,EAAQ,UAAU,EAAK,OAAO,GAClC,IACF,EAAQ,YAAY,EAAQ,YAAY,KAAA,IAClC,EAAK,SAAS,IAAI,IAClB,EAAQ,UAAU,EAAK,MAAM;AAavC,CAXA,EAAK,YAAY,qBACjB,EAAK,MAAM,QAAQ,GAAG,EAAK,KAC3B,EAAK,MAAM,SAAS,GAAG,EAAK,KAC5B,EAAK,MAAM,OAAO,GAAG,EAAE,KACvB,EAAK,MAAM,MAAM,GAAG,EAAE,KAElB,EAAQ,SACR,EAAK,MAAM,YAAY,wBAAwB,EAAQ,MAAM,EAGjE,EAAM,YAAY,EAAK,EACvB,EAAK,iBAAiB,sBAAsB,EAAK,QAAQ,EAAE,EAAC,MAAM,IAAK,CAAC;;AAI5E,SAAgB,EAA0D,EACtE,YAAS,UACT,cAAW,IACX,cAAW,IACX,aAC6B,EAAE,EAAiC;CAChE,IAAM,IAAW,EAAwB,KAAK,EACxC,IAAU,MAAW,YAAY,CAAC,GAGlC,IAAgB,GACjB,MAAqB;AACd,GAAC,KAAW,CAAC,KAAU,CAAC,EAAS,WAIrC,EAAa,EAAS,SAAS,GAAQ;GAAC,UAAU;GAAM;GAAM,CAAC;IAEnE,CAAC,GAAO,EAAQ,CACnB,EAGK,IAAoB,GACrB,MAA2B;AACpB,GAAC,KAAW,CAAC,EAAS,WAItB,EAAM,gBAAgB,WAAW,EAAM,WAAW,KAItD,EAAa,EAAS,SAAS,EAAM,eAAe;GAChD;GACA;GACA,SAAS,EAAM;GACf,SAAS,EAAM;GAClB,CAAC;IAEN;EAAC;EAAU;EAAO;EAAQ,CAC7B;AAED,QAAO;EACH,iBAAiB,IAAU,sBAAsB,KAAA;EACjD,aAAa,IAAU,kBAAC,QAAD;GAAM,KAAK;GAAU,WAAU;GAAqB,eAAY;GAAS,CAAA,GAAG;EACnG;EACA;EACH"}
+{"version":3,"file":"useInteractionEffect-ClkU3aH5.js","names":[],"sources":["../src/utils/useInteractionEffect.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type {PointerEvent, ReactElement} from 'react'\n\nexport type MClickEffect = 'none' | 'ripple'\n\nexport interface UseInteractionEffectOptions {\n    effect?: MClickEffect\n    disabled?: boolean\n    centered?: boolean\n    color?: string\n}\n\nexport interface UseInteractionEffectResult<T extends HTMLElement> {\n    effectClassName?: string\n    effectLayer: ReactElement | null\n    handlePointerDown: (event: PointerEvent<T>) => void\n    triggerEffect: (target: T | null) => void\n}\n\ninterface RippleOptions {\n    centered: boolean\n    color?: string\n    clientX?: number\n    clientY?: number\n}\n\n// Render and position a ripple wave inside the dedicated effect layer.\nfunction appendRipple(layer: HTMLSpanElement, host: HTMLElement, options: RippleOptions) {\n    const rect = host.getBoundingClientRect()\n    const size = Math.max(rect.width, rect.height) * 1.75\n    const radius = size / 2\n    const wave = document.createElement('span')\n    const x =\n        options.centered || options.clientX === undefined\n            ? rect.width / 2 - radius\n            : options.clientX - rect.left - radius\n    const y =\n        options.centered || options.clientY === undefined\n            ? rect.height / 2 - radius\n            : options.clientY - rect.top - radius\n\n    wave.className = 'click-effect-wave'\n    wave.style.width = `${size}px`\n    wave.style.height = `${size}px`\n    wave.style.left = `${x}px`\n    wave.style.top = `${y}px`\n\n    if (options.color) {\n        wave.style.setProperty('--click-effect-color', options.color)\n    }\n\n    layer.appendChild(wave)\n    wave.addEventListener('animationend', () => wave.remove(), {once: true})\n}\n\n// Attach a lightweight click feedback effect without coupling it to a specific component.\nexport function useInteractionEffect<T extends HTMLElement = HTMLElement>({\n    effect = 'ripple',\n    disabled = false,\n    centered = false,\n    color,\n}: UseInteractionEffectOptions = {}): UseInteractionEffectResult<T> {\n    const layerRef = useRef<HTMLSpanElement>(null)\n    const enabled = effect === 'ripple' && !disabled\n\n    // Trigger a centered ripple for keyboard-driven or programmatic actions.\n    const triggerEffect = useCallback(\n        (target: T | null) => {\n            if (!enabled || !target || !layerRef.current) {\n                return\n            }\n\n            appendRipple(layerRef.current, target, {centered: true, color})\n        },\n        [color, enabled]\n    )\n\n    // Start the ripple from the actual pointer position when possible.\n    const handlePointerDown = useCallback(\n        (event: PointerEvent<T>) => {\n            if (!enabled || !layerRef.current) {\n                return\n            }\n\n            if (event.pointerType === 'mouse' && event.button !== 0) {\n                return\n            }\n\n            appendRipple(layerRef.current, event.currentTarget, {\n                centered,\n                color,\n                clientX: event.clientX,\n                clientY: event.clientY,\n            })\n        },\n        [centered, color, enabled]\n    )\n\n    return {\n        effectClassName: enabled ? 'click-effect-root' : undefined,\n        effectLayer: enabled ? <span ref={layerRef} className=\"click-effect-layer\" aria-hidden=\"true\" /> : null,\n        handlePointerDown,\n        triggerEffect,\n    }\n}\n"],"mappings":";;;AA2BA,SAAS,EAAa,GAAwB,GAAmB,GAAwB;CACrF,IAAM,IAAO,EAAK,uBAAuB,EACnC,IAAO,KAAK,IAAI,EAAK,OAAO,EAAK,OAAO,GAAG,MAC3C,IAAS,IAAO,GAChB,IAAO,SAAS,cAAc,OAAO,EACrC,IACF,EAAQ,YAAY,EAAQ,YAAY,KAAA,IAClC,EAAK,QAAQ,IAAI,IACjB,EAAQ,UAAU,EAAK,OAAO,GAClC,IACF,EAAQ,YAAY,EAAQ,YAAY,KAAA,IAClC,EAAK,SAAS,IAAI,IAClB,EAAQ,UAAU,EAAK,MAAM;AAavC,CAXA,EAAK,YAAY,qBACjB,EAAK,MAAM,QAAQ,GAAG,EAAK,KAC3B,EAAK,MAAM,SAAS,GAAG,EAAK,KAC5B,EAAK,MAAM,OAAO,GAAG,EAAE,KACvB,EAAK,MAAM,MAAM,GAAG,EAAE,KAElB,EAAQ,SACR,EAAK,MAAM,YAAY,wBAAwB,EAAQ,MAAM,EAGjE,EAAM,YAAY,EAAK,EACvB,EAAK,iBAAiB,sBAAsB,EAAK,QAAQ,EAAE,EAAC,MAAM,IAAK,CAAC;;AAI5E,SAAgB,EAA0D,EACtE,YAAS,UACT,cAAW,IACX,cAAW,IACX,aAC6B,EAAE,EAAiC;CAChE,IAAM,IAAW,EAAwB,KAAK,EACxC,IAAU,MAAW,YAAY,CAAC,GAGlC,IAAgB,GACjB,MAAqB;AACd,GAAC,KAAW,CAAC,KAAU,CAAC,EAAS,WAIrC,EAAa,EAAS,SAAS,GAAQ;GAAC,UAAU;GAAM;GAAM,CAAC;IAEnE,CAAC,GAAO,EAAQ,CACnB,EAGK,IAAoB,GACrB,MAA2B;AACpB,GAAC,KAAW,CAAC,EAAS,WAItB,EAAM,gBAAgB,WAAW,EAAM,WAAW,KAItD,EAAa,EAAS,SAAS,EAAM,eAAe;GAChD;GACA;GACA,SAAS,EAAM;GACf,SAAS,EAAM;GAClB,CAAC;IAEN;EAAC;EAAU;EAAO;EAAQ,CAC7B;AAED,QAAO;EACH,iBAAiB,IAAU,sBAAsB,KAAA;EACjD,aAAa,IAAU,kBAAC,QAAD;GAAM,KAAK;GAAU,WAAU;GAAqB,eAAY;GAAS,CAAA,GAAG;EACnG;EACA;EACH"}

package/dist/useKeyboardNav-BoibrRUF.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);let e=require(`react`);function t({itemCount:t,onSelect:n,onClose:r,isOpen:i,loop:a=!0}){let[o,s]=(0,e.useState)(-1);return{activeIndex:o,setActiveIndex:s,resetIndex:(0,e.useCallback)(()=>s(-1),[]),onKeyDown:(0,e.useCallback)(e=>{if(!(!i||t===0))switch(e.key){case`ArrowDown`:e.preventDefault(),s(e=>e>=t-1?a?0:e:e+1);break;case`ArrowUp`:e.preventDefault(),s(e=>e<=0?a?t-1:0:e-1);break;case`Enter`:e.preventDefault(),o>=0&&o<t&&n(o);break;case`Escape`:e.preventDefault(),r();break;case`Home`:e.preventDefault(),s(0);break;case`End`:e.preventDefault(),s(t-1);break}},[i,t,o,n,r,a])}}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=useKeyboardNav-BoibrRUF.cjs.map

package/dist/{useKeyboardNav-BrODLJaL.cjs.map → useKeyboardNav-BoibrRUF.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNav-BrODLJaL.cjs","names":[],"sources":["../src/utils/useKeyboardNav.ts"],"sourcesContent":["import {useState, useCallback, type KeyboardEvent} from 'react'\n\nexport interface UseKeyboardNavOptions {\n    itemCount: number\n    onSelect: (index: number) => void\n    onClose: () => void\n    isOpen: boolean\n    loop?: boolean\n}\n\n// Provide arrow-key navigation and selection state for list-like widgets.\nexport function useKeyboardNav({itemCount, onSelect, onClose, isOpen, loop = true}: UseKeyboardNavOptions) {\n    const [activeIndex, setActiveIndex] = useState(-1)\n\n    // Reset highlight state when the owning widget closes or clears results.\n    const resetIndex = useCallback(() => setActiveIndex(-1), [])\n\n    const onKeyDown = useCallback(\n        (e: KeyboardEvent) => {\n            if (!isOpen || itemCount === 0) return\n\n            switch (e.key) {\n                case 'ArrowDown': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev >= itemCount - 1) return loop ? 0 : prev\n                        return prev + 1\n                    })\n                    break\n                }\n                case 'ArrowUp': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev <= 0) return loop ? itemCount - 1 : 0\n                        return prev - 1\n                    })\n                    break\n                }\n                case 'Enter': {\n                    e.preventDefault()\n                    if (activeIndex >= 0 && activeIndex < itemCount) {\n                        onSelect(activeIndex)\n                    }\n                    break\n                }\n                case 'Escape': {\n                    e.preventDefault()\n                    onClose()\n                    break\n                }\n                case 'Home': {\n                    e.preventDefault()\n                    setActiveIndex(0)\n                    break\n                }\n                case 'End': {\n                    e.preventDefault()\n                    setActiveIndex(itemCount - 1)\n                    break\n                }\n            }\n        },\n        [isOpen, itemCount, activeIndex, onSelect, onClose, loop]\n    )\n\n    return {activeIndex, setActiveIndex, resetIndex, onKeyDown}\n}\n"],"mappings":"uBAWA,SAAgB,EAAe,CAAC,YAAW,WAAU,UAAS,SAAQ,OAAO,IAA8B,CACvG,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,GAAG,CAqDlD,MAAO,CAAC,cAAa,iBAAgB,YAAA,EAAA,EAAA,iBAlDA,EAAe,GAAG,CAAE,EAAE,CAAC,CAkDX,WAAA,EAAA,EAAA,aA/C5C,GAAqB,CACd,MAAC,GAAU,IAAc,GAE7B,OAAQ,EAAE,IAAV,CACI,IAAK,YACD,EAAE,gBAAgB,CAClB,EAAgB,GACR,GAAQ,EAAY,EAAU,EAAO,EAAI,EACtC,EAAO,EAChB,CACF,MAEJ,IAAK,UACD,EAAE,gBAAgB,CAClB,EAAgB,GACR,GAAQ,EAAU,EAAO,EAAY,EAAI,EACtC,EAAO,EAChB,CACF,MAEJ,IAAK,QACD,EAAE,gBAAgB,CACd,GAAe,GAAK,EAAc,GAClC,EAAS,EAAY,CAEzB,MAEJ,IAAK,SACD,EAAE,gBAAgB,CAClB,GAAS,CACT,MAEJ,IAAK,OACD,EAAE,gBAAgB,CAClB,EAAe,EAAE,CACjB,MAEJ,IAAK,MACD,EAAE,gBAAgB,CAClB,EAAe,EAAY,EAAE,CAC7B,QAIZ,CAAC,EAAQ,EAAW,EAAa,EAAU,EAAS,EAAK,CAC5D,CAE0D"}
+{"version":3,"file":"useKeyboardNav-BoibrRUF.cjs","names":[],"sources":["../src/utils/useKeyboardNav.ts"],"sourcesContent":["import {useState, useCallback, type KeyboardEvent} from 'react'\n\nexport interface UseKeyboardNavOptions {\n    itemCount: number\n    onSelect: (index: number) => void\n    onClose: () => void\n    isOpen: boolean\n    loop?: boolean\n}\n\n// Provide arrow-key navigation and selection state for list-like widgets.\nexport function useKeyboardNav({itemCount, onSelect, onClose, isOpen, loop = true}: UseKeyboardNavOptions) {\n    const [activeIndex, setActiveIndex] = useState(-1)\n\n    // Reset highlight state when the owning widget closes or clears results.\n    const resetIndex = useCallback(() => setActiveIndex(-1), [])\n\n    const onKeyDown = useCallback(\n        (e: KeyboardEvent) => {\n            if (!isOpen || itemCount === 0) return\n\n            switch (e.key) {\n                case 'ArrowDown': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev >= itemCount - 1) return loop ? 0 : prev\n                        return prev + 1\n                    })\n                    break\n                }\n                case 'ArrowUp': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev <= 0) return loop ? itemCount - 1 : 0\n                        return prev - 1\n                    })\n                    break\n                }\n                case 'Enter': {\n                    e.preventDefault()\n                    if (activeIndex >= 0 && activeIndex < itemCount) {\n                        onSelect(activeIndex)\n                    }\n                    break\n                }\n                case 'Escape': {\n                    e.preventDefault()\n                    onClose()\n                    break\n                }\n                case 'Home': {\n                    e.preventDefault()\n                    setActiveIndex(0)\n                    break\n                }\n                case 'End': {\n                    e.preventDefault()\n                    setActiveIndex(itemCount - 1)\n                    break\n                }\n            }\n        },\n        [isOpen, itemCount, activeIndex, onSelect, onClose, loop]\n    )\n\n    return {activeIndex, setActiveIndex, resetIndex, onKeyDown}\n}\n"],"mappings":"uDAWA,SAAgB,EAAe,CAAC,YAAW,WAAU,UAAS,SAAQ,OAAO,IAA8B,CACvG,GAAM,CAAC,EAAa,IAAA,EAAA,EAAA,UAA2B,GAAG,CAqDlD,MAAO,CAAC,cAAa,iBAAgB,YAAA,EAAA,EAAA,iBAlDA,EAAe,GAAG,CAAE,EAAE,CAAC,CAkDX,WAAA,EAAA,EAAA,aA/C5C,GAAqB,CACd,MAAC,GAAU,IAAc,GAE7B,OAAQ,EAAE,IAAV,CACI,IAAK,YACD,EAAE,gBAAgB,CAClB,EAAgB,GACR,GAAQ,EAAY,EAAU,EAAO,EAAI,EACtC,EAAO,EAChB,CACF,MAEJ,IAAK,UACD,EAAE,gBAAgB,CAClB,EAAgB,GACR,GAAQ,EAAU,EAAO,EAAY,EAAI,EACtC,EAAO,EAChB,CACF,MAEJ,IAAK,QACD,EAAE,gBAAgB,CACd,GAAe,GAAK,EAAc,GAClC,EAAS,EAAY,CAEzB,MAEJ,IAAK,SACD,EAAE,gBAAgB,CAClB,GAAS,CACT,MAEJ,IAAK,OACD,EAAE,gBAAgB,CAClB,EAAe,EAAE,CACjB,MAEJ,IAAK,MACD,EAAE,gBAAgB,CAClB,EAAe,EAAY,EAAE,CAC7B,QAIZ,CAAC,EAAQ,EAAW,EAAa,EAAU,EAAS,EAAK,CAC5D,CAE0D"}

package/dist/{useKeyboardNav-iEXOdEMB.js → useKeyboardNav-CBOdeTFM.js}

@@ -40,4 +40,4 @@ function n({ itemCount: n, onSelect: r, onClose: i, isOpen: a, loop: o = !0 }) {
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=useKeyboardNav-iEXOdEMB.js.map
+//# sourceMappingURL=useKeyboardNav-CBOdeTFM.js.map

package/dist/{useKeyboardNav-iEXOdEMB.js.map → useKeyboardNav-CBOdeTFM.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useKeyboardNav-iEXOdEMB.js","names":[],"sources":["../src/utils/useKeyboardNav.ts"],"sourcesContent":["import {useState, useCallback, type KeyboardEvent} from 'react'\n\nexport interface UseKeyboardNavOptions {\n    itemCount: number\n    onSelect: (index: number) => void\n    onClose: () => void\n    isOpen: boolean\n    loop?: boolean\n}\n\n// Provide arrow-key navigation and selection state for list-like widgets.\nexport function useKeyboardNav({itemCount, onSelect, onClose, isOpen, loop = true}: UseKeyboardNavOptions) {\n    const [activeIndex, setActiveIndex] = useState(-1)\n\n    // Reset highlight state when the owning widget closes or clears results.\n    const resetIndex = useCallback(() => setActiveIndex(-1), [])\n\n    const onKeyDown = useCallback(\n        (e: KeyboardEvent) => {\n            if (!isOpen || itemCount === 0) return\n\n            switch (e.key) {\n                case 'ArrowDown': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev >= itemCount - 1) return loop ? 0 : prev\n                        return prev + 1\n                    })\n                    break\n                }\n                case 'ArrowUp': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev <= 0) return loop ? itemCount - 1 : 0\n                        return prev - 1\n                    })\n                    break\n                }\n                case 'Enter': {\n                    e.preventDefault()\n                    if (activeIndex >= 0 && activeIndex < itemCount) {\n                        onSelect(activeIndex)\n                    }\n                    break\n                }\n                case 'Escape': {\n                    e.preventDefault()\n                    onClose()\n                    break\n                }\n                case 'Home': {\n                    e.preventDefault()\n                    setActiveIndex(0)\n                    break\n                }\n                case 'End': {\n                    e.preventDefault()\n                    setActiveIndex(itemCount - 1)\n                    break\n                }\n            }\n        },\n        [isOpen, itemCount, activeIndex, onSelect, onClose, loop]\n    )\n\n    return {activeIndex, setActiveIndex, resetIndex, onKeyDown}\n}\n"],"mappings":";;AAWA,SAAgB,EAAe,EAAC,cAAW,aAAU,YAAS,WAAQ,UAAO,MAA8B;CACvG,IAAM,CAAC,GAAa,KAAkB,EAAS,GAAG;AAqDlD,QAAO;EAAC;EAAa;EAAgB,YAlDlB,QAAkB,EAAe,GAAG,EAAE,EAAE,CAAC;EAkDX,WAhD/B,GACb,MAAqB;AACd,UAAC,KAAU,MAAc,GAE7B,SAAQ,EAAE,KAAV;IACI,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,GAAgB,MACR,KAAQ,IAAY,IAAU,IAAO,IAAI,IACtC,IAAO,EAChB;AACF;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,GAAgB,MACR,KAAQ,IAAU,IAAO,IAAY,IAAI,IACtC,IAAO,EAChB;AACF;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EACd,KAAe,KAAK,IAAc,KAClC,EAAS,EAAY;AAEzB;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,GAAS;AACT;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,EAAe,EAAE;AACjB;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,EAAe,IAAY,EAAE;AAC7B;;KAIZ;GAAC;GAAQ;GAAW;GAAa;GAAU;GAAS;GAAK,CAC5D;EAE0D"}
+{"version":3,"file":"useKeyboardNav-CBOdeTFM.js","names":[],"sources":["../src/utils/useKeyboardNav.ts"],"sourcesContent":["import {useState, useCallback, type KeyboardEvent} from 'react'\n\nexport interface UseKeyboardNavOptions {\n    itemCount: number\n    onSelect: (index: number) => void\n    onClose: () => void\n    isOpen: boolean\n    loop?: boolean\n}\n\n// Provide arrow-key navigation and selection state for list-like widgets.\nexport function useKeyboardNav({itemCount, onSelect, onClose, isOpen, loop = true}: UseKeyboardNavOptions) {\n    const [activeIndex, setActiveIndex] = useState(-1)\n\n    // Reset highlight state when the owning widget closes or clears results.\n    const resetIndex = useCallback(() => setActiveIndex(-1), [])\n\n    const onKeyDown = useCallback(\n        (e: KeyboardEvent) => {\n            if (!isOpen || itemCount === 0) return\n\n            switch (e.key) {\n                case 'ArrowDown': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev >= itemCount - 1) return loop ? 0 : prev\n                        return prev + 1\n                    })\n                    break\n                }\n                case 'ArrowUp': {\n                    e.preventDefault()\n                    setActiveIndex((prev) => {\n                        if (prev <= 0) return loop ? itemCount - 1 : 0\n                        return prev - 1\n                    })\n                    break\n                }\n                case 'Enter': {\n                    e.preventDefault()\n                    if (activeIndex >= 0 && activeIndex < itemCount) {\n                        onSelect(activeIndex)\n                    }\n                    break\n                }\n                case 'Escape': {\n                    e.preventDefault()\n                    onClose()\n                    break\n                }\n                case 'Home': {\n                    e.preventDefault()\n                    setActiveIndex(0)\n                    break\n                }\n                case 'End': {\n                    e.preventDefault()\n                    setActiveIndex(itemCount - 1)\n                    break\n                }\n            }\n        },\n        [isOpen, itemCount, activeIndex, onSelect, onClose, loop]\n    )\n\n    return {activeIndex, setActiveIndex, resetIndex, onKeyDown}\n}\n"],"mappings":";;AAWA,SAAgB,EAAe,EAAC,cAAW,aAAU,YAAS,WAAQ,UAAO,MAA8B;CACvG,IAAM,CAAC,GAAa,KAAkB,EAAS,GAAG;AAqDlD,QAAO;EAAC;EAAa;EAAgB,YAlDlB,QAAkB,EAAe,GAAG,EAAE,EAAE,CAAC;EAkDX,WAhD/B,GACb,MAAqB;AACd,UAAC,KAAU,MAAc,GAE7B,SAAQ,EAAE,KAAV;IACI,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,GAAgB,MACR,KAAQ,IAAY,IAAU,IAAO,IAAI,IACtC,IAAO,EAChB;AACF;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,GAAgB,MACR,KAAQ,IAAU,IAAO,IAAY,IAAI,IACtC,IAAO,EAChB;AACF;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EACd,KAAe,KAAK,IAAc,KAClC,EAAS,EAAY;AAEzB;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,GAAS;AACT;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,EAAe,EAAE;AACjB;IAEJ,KAAK;AAED,KADA,EAAE,gBAAgB,EAClB,EAAe,IAAY,EAAE;AAC7B;;KAIZ;GAAC;GAAQ;GAAW;GAAa;GAAU;GAAS;GAAK,CAC5D;EAE0D"}

package/dist/useReveal-DVwtH8Dl.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-350yNsax.cjs`);let e=require(`react`);function t(t){let n=(0,e.useRef)(null);return(0,e.useEffect)(()=>{if(t===!1||t===void 0)return;let e=n.current;if(!e)return;let r=typeof t==`number`?t:0;if(r>0&&e.style.setProperty(`--reveal-delay`,`${r}s`),window.matchMedia(`(prefers-reduced-motion: reduce)`).matches){e.classList.remove(`reveal`),e.classList.add(`revealed`);return}let i=new IntersectionObserver(t=>{for(let n of t)n.isIntersecting&&(e.classList.add(`revealed`),i.disconnect())},{threshold:.2});return i.observe(e),()=>i.disconnect()},[t]),n}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=useReveal-DVwtH8Dl.cjs.map

package/dist/{useReveal-B_17PI89.cjs.map → useReveal-DVwtH8Dl.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"useReveal-B_17PI89.cjs","names":[],"sources":["../src/utils/useReveal.ts"],"sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport type RevealProp = boolean | number\n\n// Observe an element and trigger a CSS reveal animation when it enters the viewport.\nexport function useReveal<T extends HTMLElement = HTMLElement>(reveal: RevealProp | undefined) {\n    const ref = useRef<T>(null)\n\n    useEffect(() => {\n        if (reveal === false || reveal === undefined) return\n\n        const node = ref.current\n        if (!node) return\n\n        const delay = typeof reveal === 'number' ? reveal : 0\n        if (delay > 0) {\n            node.style.setProperty('--reveal-delay', `${delay}s`)\n        }\n\n        const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        if (prefersReduced) {\n            node.classList.remove('reveal')\n            node.classList.add('revealed')\n            return\n        }\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                for (const entry of entries) {\n                    if (entry.isIntersecting) {\n                        node.classList.add('revealed')\n                        observer.disconnect()\n                    }\n                }\n            },\n            {threshold: 0.2}\n        )\n\n        observer.observe(node)\n        return () => observer.disconnect()\n    }, [reveal])\n\n    return ref\n}\n"],"mappings":"uBAKA,SAAgB,EAA+C,EAAgC,CAC3F,IAAM,GAAA,EAAA,EAAA,QAAgB,KAAK,CAoC3B,OAlCA,EAAA,EAAA,eAAgB,CACZ,GAAI,IAAW,IAAS,IAAW,IAAA,GAAW,OAE9C,IAAM,EAAO,EAAI,QACjB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAQ,OAAO,GAAW,SAAW,EAAS,EAMpD,GALI,EAAQ,GACR,EAAK,MAAM,YAAY,iBAAkB,GAAG,EAAM,GAAG,CAGlC,OAAO,WAAW,mCAAmC,CAAC,QACzD,CAChB,EAAK,UAAU,OAAO,SAAS,CAC/B,EAAK,UAAU,IAAI,WAAW,CAC9B,OAGJ,IAAM,EAAW,IAAI,qBAChB,GAAY,CACT,IAAK,IAAM,KAAS,EACZ,EAAM,iBACN,EAAK,UAAU,IAAI,WAAW,CAC9B,EAAS,YAAY,GAIjC,CAAC,UAAW,GAAI,CACnB,CAGD,OADA,EAAS,QAAQ,EAAK,KACT,EAAS,YAAY,EACnC,CAAC,EAAO,CAAC,CAEL"}
+{"version":3,"file":"useReveal-DVwtH8Dl.cjs","names":[],"sources":["../src/utils/useReveal.ts"],"sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport type RevealProp = boolean | number\n\n// Observe an element and trigger a CSS reveal animation when it enters the viewport.\nexport function useReveal<T extends HTMLElement = HTMLElement>(reveal: RevealProp | undefined) {\n    const ref = useRef<T>(null)\n\n    useEffect(() => {\n        if (reveal === false || reveal === undefined) return\n\n        const node = ref.current\n        if (!node) return\n\n        const delay = typeof reveal === 'number' ? reveal : 0\n        if (delay > 0) {\n            node.style.setProperty('--reveal-delay', `${delay}s`)\n        }\n\n        const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        if (prefersReduced) {\n            node.classList.remove('reveal')\n            node.classList.add('revealed')\n            return\n        }\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                for (const entry of entries) {\n                    if (entry.isIntersecting) {\n                        node.classList.add('revealed')\n                        observer.disconnect()\n                    }\n                }\n            },\n            {threshold: 0.2}\n        )\n\n        observer.observe(node)\n        return () => observer.disconnect()\n    }, [reveal])\n\n    return ref\n}\n"],"mappings":"uDAKA,SAAgB,EAA+C,EAAgC,CAC3F,IAAM,GAAA,EAAA,EAAA,QAAgB,KAAK,CAoC3B,OAlCA,EAAA,EAAA,eAAgB,CACZ,GAAI,IAAW,IAAS,IAAW,IAAA,GAAW,OAE9C,IAAM,EAAO,EAAI,QACjB,GAAI,CAAC,EAAM,OAEX,IAAM,EAAQ,OAAO,GAAW,SAAW,EAAS,EAMpD,GALI,EAAQ,GACR,EAAK,MAAM,YAAY,iBAAkB,GAAG,EAAM,GAAG,CAGlC,OAAO,WAAW,mCAAmC,CAAC,QACzD,CAChB,EAAK,UAAU,OAAO,SAAS,CAC/B,EAAK,UAAU,IAAI,WAAW,CAC9B,OAGJ,IAAM,EAAW,IAAI,qBAChB,GAAY,CACT,IAAK,IAAM,KAAS,EACZ,EAAM,iBACN,EAAK,UAAU,IAAI,WAAW,CAC9B,EAAS,YAAY,GAIjC,CAAC,UAAW,GAAI,CACnB,CAGD,OADA,EAAS,QAAQ,EAAK,KACT,EAAS,YAAY,EACnC,CAAC,EAAO,CAAC,CAEL"}

package/dist/{useReveal-BJ59usiL.js → useReveal-JAiIFTia.js}

@@ -20,4 +20,4 @@ function n(n) {
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=useReveal-BJ59usiL.js.map
+//# sourceMappingURL=useReveal-JAiIFTia.js.map

package/dist/{useReveal-BJ59usiL.js.map → useReveal-JAiIFTia.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useReveal-BJ59usiL.js","names":[],"sources":["../src/utils/useReveal.ts"],"sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport type RevealProp = boolean | number\n\n// Observe an element and trigger a CSS reveal animation when it enters the viewport.\nexport function useReveal<T extends HTMLElement = HTMLElement>(reveal: RevealProp | undefined) {\n    const ref = useRef<T>(null)\n\n    useEffect(() => {\n        if (reveal === false || reveal === undefined) return\n\n        const node = ref.current\n        if (!node) return\n\n        const delay = typeof reveal === 'number' ? reveal : 0\n        if (delay > 0) {\n            node.style.setProperty('--reveal-delay', `${delay}s`)\n        }\n\n        const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        if (prefersReduced) {\n            node.classList.remove('reveal')\n            node.classList.add('revealed')\n            return\n        }\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                for (const entry of entries) {\n                    if (entry.isIntersecting) {\n                        node.classList.add('revealed')\n                        observer.disconnect()\n                    }\n                }\n            },\n            {threshold: 0.2}\n        )\n\n        observer.observe(node)\n        return () => observer.disconnect()\n    }, [reveal])\n\n    return ref\n}\n"],"mappings":";;AAKA,SAAgB,EAA+C,GAAgC;CAC3F,IAAM,IAAM,EAAU,KAAK;AAoC3B,QAlCA,QAAgB;AACZ,MAAI,MAAW,MAAS,MAAW,KAAA,EAAW;EAE9C,IAAM,IAAO,EAAI;AACjB,MAAI,CAAC,EAAM;EAEX,IAAM,IAAQ,OAAO,KAAW,WAAW,IAAS;AAMpD,MALI,IAAQ,KACR,EAAK,MAAM,YAAY,kBAAkB,GAAG,EAAM,GAAG,EAGlC,OAAO,WAAW,mCAAmC,CAAC,SACzD;AAEhB,GADA,EAAK,UAAU,OAAO,SAAS,EAC/B,EAAK,UAAU,IAAI,WAAW;AAC9B;;EAGJ,IAAM,IAAW,IAAI,sBAChB,MAAY;AACT,QAAK,IAAM,KAAS,EAChB,CAAI,EAAM,mBACN,EAAK,UAAU,IAAI,WAAW,EAC9B,EAAS,YAAY;KAIjC,EAAC,WAAW,IAAI,CACnB;AAGD,SADA,EAAS,QAAQ,EAAK,QACT,EAAS,YAAY;IACnC,CAAC,EAAO,CAAC,EAEL"}
+{"version":3,"file":"useReveal-JAiIFTia.js","names":[],"sources":["../src/utils/useReveal.ts"],"sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport type RevealProp = boolean | number\n\n// Observe an element and trigger a CSS reveal animation when it enters the viewport.\nexport function useReveal<T extends HTMLElement = HTMLElement>(reveal: RevealProp | undefined) {\n    const ref = useRef<T>(null)\n\n    useEffect(() => {\n        if (reveal === false || reveal === undefined) return\n\n        const node = ref.current\n        if (!node) return\n\n        const delay = typeof reveal === 'number' ? reveal : 0\n        if (delay > 0) {\n            node.style.setProperty('--reveal-delay', `${delay}s`)\n        }\n\n        const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches\n        if (prefersReduced) {\n            node.classList.remove('reveal')\n            node.classList.add('revealed')\n            return\n        }\n\n        const observer = new IntersectionObserver(\n            (entries) => {\n                for (const entry of entries) {\n                    if (entry.isIntersecting) {\n                        node.classList.add('revealed')\n                        observer.disconnect()\n                    }\n                }\n            },\n            {threshold: 0.2}\n        )\n\n        observer.observe(node)\n        return () => observer.disconnect()\n    }, [reveal])\n\n    return ref\n}\n"],"mappings":";;AAKA,SAAgB,EAA+C,GAAgC;CAC3F,IAAM,IAAM,EAAU,KAAK;AAoC3B,QAlCA,QAAgB;AACZ,MAAI,MAAW,MAAS,MAAW,KAAA,EAAW;EAE9C,IAAM,IAAO,EAAI;AACjB,MAAI,CAAC,EAAM;EAEX,IAAM,IAAQ,OAAO,KAAW,WAAW,IAAS;AAMpD,MALI,IAAQ,KACR,EAAK,MAAM,YAAY,kBAAkB,GAAG,EAAM,GAAG,EAGlC,OAAO,WAAW,mCAAmC,CAAC,SACzD;AAEhB,GADA,EAAK,UAAU,OAAO,SAAS,EAC/B,EAAK,UAAU,IAAI,WAAW;AAC9B;;EAGJ,IAAM,IAAW,IAAI,sBAChB,MAAY;AACT,QAAK,IAAM,KAAS,EAChB,CAAI,EAAM,mBACN,EAAK,UAAU,IAAI,WAAW,EAC9B,EAAS,YAAY;KAIjC,EAAC,WAAW,IAAI,CACnB;AAGD,SADA,EAAS,QAAQ,EAAK,QACT,EAAS,YAAY;IACnC,CAAC,EAAO,CAAC,EAEL"}

package/dist/utils.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./cn-CU5TNITO.cjs`),t=require(`./validators-BeNTD8mf.cjs`),n=require(`./creditCards-ljs044xt.cjs`),r=require(`./formatters-CNjg_h7-.cjs`),i=require(`./dateUtils-Dq1vaA-D.cjs`),a=require(`./relativeTime-DgYBUaVm.cjs`),o=require(`./useGhostText-QMdO_HK6.cjs`),s=require(`./licensing-BXFauUj_.cjs`),c=require(`./useKeyboardNav-BrODLJaL.cjs`),l=require(`./useInteractionEffect-DnEfbCrX.cjs`),u=require(`./useReveal-B_17PI89.cjs`);exports.addMonths=i.t,exports.addYears=i.n,exports.adjustCursorAfterFormat=r.t,exports.capitalizeWords=r.n,exports.cn=e.t,exports.composeValidators=t.t,exports.creditCardBrands=n.t,exports.daysInMonth=i.i,exports.detectCardBrand=n.n,exports.firstDayOfMonth=i.a,exports.formatAbsoluteTime=a.t,exports.formatCardNumber=n.r,exports.formatCurrency=r.r,exports.formatDate=i.o,exports.formatIBAN=r.a,exports.formatNIP=r.o,exports.formatPhone=r.s,exports.formatPostCode=t.h,exports.formatRelativeTime=a.n,exports.formatTime=i.c,exports.getAutoUpdateInterval=a.r,exports.getDayNames=i.u,exports.getMineralComponentLicense=s.t,exports.getMineralComponentPlan=s.n,exports.getMonthNames=i.d,exports.getPostCodeRule=t.g,exports.getRelativeTimeValue=a.i,exports.isDateInRange=i.f,exports.isMineralProComponent=s.r,exports.isSameDay=i.p,exports.mineralComponentLicenses=s.i,exports.mineralProComponents=s.a,exports.parseCurrencyToNumber=r.c,exports.parseDate=i.m,exports.parseRelativeThreshold=a.a,exports.parseTime=i.h,exports.postCodeCountries=t._,exports.postCodeRules=t.v,exports.stripCardNumber=n.i,exports.stripNonAlphanumeric=r.l,exports.stripNonDigits=r.u,exports.stripTime=i._,exports.toDate=a.o,exports.unformatIBAN=r.d,exports.useClickOutside=s.o,exports.useDebounce=o.n,exports.useDebouncedCallback=o.r,exports.useGhostText=o.t,exports.useInteractionEffect=l.t,exports.useKeyboardNav=c.t,exports.useReveal=u.t,exports.validateCardNumber=n.a,exports.validateEmail=t.i,exports.validateIBAN=t.a,exports.validateMaxLength=t.o,exports.validateMinLength=t.s,exports.validateNIP=t.c,exports.validatePESEL=t.l,exports.validatePattern=t.u,exports.validatePhone=t.d,exports.validatePostCode=t.y,exports.validateREGON=t.f,exports.validateRange=t.p,exports.validateRequired=t.m;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./cn-DYFxgzi2.cjs`),t=require(`./validators-D4aTeaH0.cjs`),n=require(`./creditCards-198KJN0s.cjs`),r=require(`./formatters-CauWlsnM.cjs`),i=require(`./dateUtils-vT9rOf1J.cjs`),a=require(`./relativeTime-DUbW4O44.cjs`),o=require(`./useGhostText-D1DbIs-n.cjs`),s=require(`./licensing-JchPJhVY.cjs`),c=require(`./useKeyboardNav-BoibrRUF.cjs`),l=require(`./useInteractionEffect-CYHGHV1e.cjs`),u=require(`./useReveal-DVwtH8Dl.cjs`);exports.addMonths=i.t,exports.addYears=i.n,exports.adjustCursorAfterFormat=r.t,exports.capitalizeWords=r.n,exports.cn=e.t,exports.composeValidators=t.t,exports.creditCardBrands=n.t,exports.daysInMonth=i.i,exports.detectCardBrand=n.n,exports.firstDayOfMonth=i.a,exports.formatAbsoluteTime=a.t,exports.formatCardNumber=n.r,exports.formatCurrency=r.r,exports.formatDate=i.o,exports.formatIBAN=r.a,exports.formatNIP=r.o,exports.formatPhone=r.s,exports.formatPostCode=t.h,exports.formatRelativeTime=a.n,exports.formatTime=i.c,exports.getAutoUpdateInterval=a.r,exports.getDayNames=i.u,exports.getMineralComponentLicense=s.t,exports.getMineralComponentPlan=s.n,exports.getMonthNames=i.d,exports.getPostCodeRule=t.g,exports.getRelativeTimeValue=a.i,exports.isDateInRange=i.f,exports.isMineralProComponent=s.r,exports.isSameDay=i.p,exports.mineralComponentLicenses=s.i,exports.mineralProComponents=s.a,exports.parseCurrencyToNumber=r.c,exports.parseDate=i.m,exports.parseRelativeThreshold=a.a,exports.parseTime=i.h,exports.postCodeCountries=t._,exports.postCodeRules=t.v,exports.stripCardNumber=n.i,exports.stripNonAlphanumeric=r.l,exports.stripNonDigits=r.u,exports.stripTime=i._,exports.toDate=a.o,exports.unformatIBAN=r.d,exports.useClickOutside=s.o,exports.useDebounce=o.n,exports.useDebouncedCallback=o.r,exports.useGhostText=o.t,exports.useInteractionEffect=l.t,exports.useKeyboardNav=c.t,exports.useReveal=u.t,exports.validateCardNumber=n.a,exports.validateEmail=t.i,exports.validateIBAN=t.a,exports.validateMaxLength=t.o,exports.validateMinLength=t.s,exports.validateNIP=t.c,exports.validatePESEL=t.l,exports.validatePattern=t.u,exports.validatePhone=t.d,exports.validatePostCode=t.y,exports.validateREGON=t.f,exports.validateRange=t.p,exports.validateRequired=t.m;

package/dist/utils.js

@@ -1,14 +1,14 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { t as e } from "./cn-YER3QsV1.js";
-import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, o as d, p as f, s as p, t as m, u as h, v as g, y as _ } from "./validators-H8tNxb8O.js";
-import { a as v, i as y, n as b, r as x, t as S } from "./creditCards-CCysEwry.js";
-import { a as C, c as w, d as T, l as E, n as D, o as O, r as k, s as A, t as j, u as M } from "./formatters-T0vvjMtB.js";
-import { _ as N, a as P, c as F, d as I, f as L, h as R, i as z, m as B, n as V, o as H, p as U, t as W, u as G } from "./dateUtils-CUY6CRCf.js";
-import { a as K, i as q, n as J, o as Y, r as X, t as Z } from "./relativeTime-Cr-NVzij.js";
-import { n as Q, r as $, t as ee } from "./useGhostText-DG0bzcao.js";
-import { a as te, i as ne, n as re, o as ie, r as ae, t as oe } from "./licensing-CwzqhHH9.js";
-import { t as se } from "./useKeyboardNav-iEXOdEMB.js";
-import { t as ce } from "./useInteractionEffect-DtpbVd77.js";
-import { t as le } from "./useReveal-BJ59usiL.js";
+import { t as e } from "./cn-CUSXNnjF.js";
+import { _ as t, a as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, o as d, p as f, s as p, t as m, u as h, v as g, y as _ } from "./validators-YZyyyLvE.js";
+import { a as v, i as y, n as b, r as x, t as S } from "./creditCards-BB11bW7D.js";
+import { a as C, c as w, d as T, l as E, n as D, o as O, r as k, s as A, t as j, u as M } from "./formatters-Doqdu_w1.js";
+import { _ as N, a as P, c as F, d as I, f as L, h as R, i as z, m as B, n as V, o as H, p as U, t as W, u as G } from "./dateUtils-Ben8lfvV.js";
+import { a as K, i as q, n as J, o as Y, r as X, t as Z } from "./relativeTime-BqCuaBqb.js";
+import { n as Q, r as $, t as ee } from "./useGhostText-BJZKdZpw.js";
+import { a as te, i as ne, n as re, o as ie, r as ae, t as oe } from "./licensing-Cbpi1toF.js";
+import { t as se } from "./useKeyboardNav-CBOdeTFM.js";
+import { t as ce } from "./useInteractionEffect-ClkU3aH5.js";
+import { t as le } from "./useReveal-JAiIFTia.js";
 export { W as addMonths, V as addYears, j as adjustCursorAfterFormat, D as capitalizeWords, e as cn, m as composeValidators, S as creditCardBrands, z as daysInMonth, b as detectCardBrand, P as firstDayOfMonth, Z as formatAbsoluteTime, x as formatCardNumber, k as formatCurrency, H as formatDate, C as formatIBAN, O as formatNIP, A as formatPhone, s as formatPostCode, J as formatRelativeTime, F as formatTime, X as getAutoUpdateInterval, G as getDayNames, oe as getMineralComponentLicense, re as getMineralComponentPlan, I as getMonthNames, o as getPostCodeRule, q as getRelativeTimeValue, L as isDateInRange, ae as isMineralProComponent, U as isSameDay, ne as mineralComponentLicenses, te as mineralProComponents, w as parseCurrencyToNumber, B as parseDate, K as parseRelativeThreshold, R as parseTime, t as postCodeCountries, g as postCodeRules, y as stripCardNumber, E as stripNonAlphanumeric, M as stripNonDigits, N as stripTime, Y as toDate, T as unformatIBAN, ie as useClickOutside, Q as useDebounce, $ as useDebouncedCallback, ee as useGhostText, ce as useInteractionEffect, se as useKeyboardNav, le as useReveal, v as validateCardNumber, c as validateEmail, n as validateIBAN, d as validateMaxLength, p as validateMinLength, r as validateNIP, l as validatePESEL, h as validatePattern, i as validatePhone, _ as validatePostCode, a as validateREGON, f as validateRange, u as validateRequired };