@banzamel/mineralui 0.10.3 → 1.0.0

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

@@ -0,0 +1,49 @@
+export type MMode = 'dark' | 'light';
+export type MModePreference = MMode | 'system';
+export interface MTheme {
+    primaryRgb?: string;
+    primary?: string;
+    primaryDark?: string;
+    primaryLight?: string;
+    neutralRgb?: string;
+    neutral?: string;
+    dark?: string;
+    darkLight?: string;
+    surface?: string;
+    surfaceContrast?: string;
+    pageBg?: string;
+    pageText?: string;
+    text?: string;
+    textSecondary?: string;
+    textHeading?: string;
+    border?: string;
+    borderHover?: string;
+    borderFocus?: string;
+    successRgb?: string;
+    success?: string;
+    errorRgb?: string;
+    error?: string;
+    warningRgb?: string;
+    warning?: string;
+    infoRgb?: string;
+    info?: string;
+    fontFamily?: string;
+    fontFamilySans?: string;
+    fontFamilyMono?: string;
+    fontFamilyHeading?: string;
+    fontColorDefault?: string;
+    fontColorMuted?: string;
+    fontColorHeading?: string;
+    fontColorInverted?: string;
+    fontColorPrimary?: string;
+    fontColorNeutral?: string;
+    fontColorSuccess?: string;
+    fontColorError?: string;
+    fontColorWarning?: string;
+    fontColorInfo?: string;
+    radiusSm?: string;
+    radiusMd?: string;
+    radiusLg?: string;
+}
+export type MColor = 'primary' | 'neutral' | 'success' | 'error' | 'warning' | 'info' | 'light' | 'dark' | 'news';
+export type MSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';

package/dist/theme/MThemeProvider.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { MTheme, MMode, MModePreference } from './MTheme.types';
+export interface MThemeContextValue {
+    theme: MTheme;
+    mode: MModePreference;
+    resolvedMode: MMode;
+    setMode: (next: MModePreference) => void;
+    toggleMode: () => void;
+}
+export type MThemeScope = 'body' | 'wrapper';
+export interface MThemeProviderProps {
+    theme?: MTheme;
+    mode?: MModePreference;
+    persist?: boolean;
+    scope?: MThemeScope;
+    children: ReactNode;
+}
+export declare function MThemeProvider({ theme, mode: modeProp, persist, scope, children, }: MThemeProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function useMTheme(): MThemeContextValue;

package/dist/theme/index.d.ts

@@ -1,3 +1,3 @@
-export { MineralThemeProvider as MThemeProvider, useTheme as useMTheme, MineralThemeProvider, useTheme, } from './ThemeProvider';
-export type { MineralThemeScope } from './ThemeProvider';
-export type { MineralTheme, MineralMode, MineralModePreference, MineralColor, MineralSize, MineralFontColor, } from './types';
+export { MThemeProvider, useMTheme } from './MThemeProvider';
+export type { MThemeScope, MThemeProviderProps, MThemeContextValue } from './MThemeProvider';
+export type { MTheme, MMode, MModePreference, MColor, MSize } from './MTheme.types';

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(`./ThemeProvider-CCWDIXiA.cjs`);exports.MThemeProvider=e.t,exports.MineralThemeProvider=e.t,exports.useMTheme=e.n,exports.useTheme=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MThemeProvider-9JHArSd7.cjs`);exports.MThemeProvider=e.t,exports.useMTheme=e.n;

package/dist/theme.js

@@ -1,4 +1,4 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { n as e, t } from "./ThemeProvider-COEImCNH.js";
-export { t as MThemeProvider, t as MineralThemeProvider, e as useMTheme, e as useTheme };
+import { n as e, t } from "./MThemeProvider-DUuTvWdm.js";
+export { t as MThemeProvider, e as useMTheme };

package/dist/typography-Bcn3mZPw.js

@@ -0,0 +1,63 @@
+import { t as e } from "./cn-B_veu23e.js";
+import { n as t } from "./MText-CzceD0k5.js";
+import { createElement as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/typography/MHeading/MHeading.tsx
+function i({ level: r = 2, tone: i = "default", color: a, truncate: o, className: s, style: c, children: l, ...u }) {
+	let d = typeof o == "number" ? o : void 0;
+	return n(`h${r}`, {
+		className: e("heading", `h${r}`, !a && i, o === !0 && "truncate", d != null && "line-clamp", ...t({ color: a }), s),
+		style: d ? {
+			"--line-clamp": d,
+			...c
+		} : c,
+		...u
+	}, l);
+}
+//#endregion
+//#region src/components/typography/MCode/MCode.tsx
+function a({ color: n, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ r("code", {
+		className: e("code", ...t({ color: n }), i),
+		...o,
+		children: a
+	});
+}
+//#endregion
+//#region src/components/typography/MList/MList.tsx
+function o({ ordered: n = !1, color: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ r(n ? "ol" : "ul", {
+		className: e("list", n && "ordered", ...t({ color: i }), a),
+		...s,
+		children: o
+	});
+}
+function s({ className: t, children: n, ...i }) {
+	return /* @__PURE__ */ r("li", {
+		className: e("item", t),
+		...i,
+		children: n
+	});
+}
+//#endregion
+//#region src/components/typography/MSubText/MSubText.tsx
+function c({ as: n = "span", size: i = "sm", tone: a = "muted", color: o, className: s, children: c, ...l }) {
+	return /* @__PURE__ */ r(n, {
+		className: e("subtext", !o && a, i, ...t({ color: o }), s),
+		...l,
+		children: c
+	});
+}
+//#endregion
+//#region src/components/typography/MKbd/MKbd.tsx
+function l({ size: t = "md", className: n, children: i, ...a }) {
+	return /* @__PURE__ */ r("kbd", {
+		className: e("kbd", t, n),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { a, s as i, c as n, i as o, o as r, l as t };
+
+//# sourceMappingURL=typography-Bcn3mZPw.js.map

package/dist/typography-Bcn3mZPw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-Bcn3mZPw.js","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx","../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MSubText/MSubText.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...rest,\n        },\n        children\n    )\n}\n","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 {MSubTextProps} from './MSubText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\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":";;;;;AAQA,SAAgB,EAAS,EACrB,WAAQ,GACR,UAAO,WACP,UACA,aACA,cACA,UACA,aACA,GAAG,KACW;CACd,IAAM,IAAQ,OAAO,KAAa,WAAW,IAAW,KAAA;AAExD,QAAO,EACH,IAAI,KACJ;EACI,WAAW,EACP,WACA,IAAI,KACJ,CAAC,KAAS,GACV,MAAa,MAAQ,YACrB,KAAS,QAAQ,cACjB,GAAG,EAAwB,EAAC,UAAM,CAAC,EACnC,EACH;EACD,OAAO,IAAS;GAAC,gBAAgB;GAAO,GAAG;GAAM,GAAqB;EACtE,GAAG;EACN,EACD,EACH;;;;AC9BL,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;;;;ACnBb,SAAgB,EAAS,EACrB,QAAK,QACL,UAAO,MACP,UAAO,SACP,UACA,cACA,aACA,GAAG,KACW;AAEd,QACI,kBAFc,GAEd;EACI,WAAW,EAAG,WAAW,CAAC,KAAS,GAAM,GAAM,GAAG,EAAwB,EAAC,UAAM,CAAC,EAAE,EAAU;EAC9F,GAAI;EAEH;EACO,CAAA;;;;AClBpB,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-Cy_-zrZI.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CpRt8Xjj.cjs`),t=require(`./MText-BxAcAs-j.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);function i({level:r=2,tone:i=`default`,color:a,truncate:o,className:s,style:c,children:l,...u}){let d=typeof o==`number`?o:void 0;return(0,n.createElement)(`h${r}`,{className:e.t(`heading`,`h${r}`,!a&&i,o===!0&&`truncate`,d!=null&&`line-clamp`,...t.n({color:a}),s),style:d?{"--line-clamp":d,...c}:c,...u},l)}function a({color:n,className:i,children:a,...o}){return(0,r.jsx)(`code`,{className:e.t(`code`,...t.n({color:n}),i),...o,children:a})}function o({ordered:n=!1,color:i,className:a,children:o,...s}){return(0,r.jsx)(n?`ol`:`ul`,{className:e.t(`list`,n&&`ordered`,...t.n({color:i}),a),...s,children:o})}function s({className:t,children:n,...i}){return(0,r.jsx)(`li`,{className:e.t(`item`,t),...i,children:n})}function c({as:n=`span`,size:i=`sm`,tone:a=`muted`,color:o,className:s,children:c,...l}){return(0,r.jsx)(n,{className:e.t(`subtext`,!o&&a,i,...t.n({color:o}),s),...l,children:c})}function l({size:t=`md`,className:n,children:i,...a}){return(0,r.jsx)(`kbd`,{className:e.t(`kbd`,t,n),...a,children:i})}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return l}});
+//# sourceMappingURL=typography-Cy_-zrZI.cjs.map

package/dist/typography-Cy_-zrZI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography-Cy_-zrZI.cjs","names":[],"sources":["../src/components/typography/MHeading/MHeading.tsx","../src/components/typography/MCode/MCode.tsx","../src/components/typography/MList/MList.tsx","../src/components/typography/MSubText/MSubText.tsx","../src/components/typography/MKbd/MKbd.tsx"],"sourcesContent":["import {createElement} from 'react'\nimport type {CSSProperties} from 'react'\nimport type {MHeadingProps} from './MHeading.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MHeading.css'\n\n// Render semantic heading levels with shared MineralUI typography tokens.\nexport function MHeading({\n    level = 2,\n    tone = 'default',\n    color,\n    truncate,\n    className,\n    style,\n    children,\n    ...rest\n}: MHeadingProps) {\n    const lines = typeof truncate === 'number' ? truncate : undefined\n\n    return createElement(\n        `h${level}`,\n        {\n            className: cn(\n                'heading',\n                `h${level}`,\n                !color && tone,\n                truncate === true && 'truncate',\n                lines != null && 'line-clamp',\n                ...getAppearanceClassNames({color}),\n                className\n            ),\n            style: lines ? ({'--line-clamp': lines, ...style} as CSSProperties) : style,\n            ...rest,\n        },\n        children\n    )\n}\n","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 {MSubTextProps} from './MSubText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './MSubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function MSubText({\n    as = 'span',\n    size = 'sm',\n    tone = 'muted',\n    color,\n    className,\n    children,\n    ...rest\n}: MSubTextProps) {\n    const Component = as\n    return (\n        <Component\n            className={cn('subtext', !color && tone, size, ...getAppearanceClassNames({color}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\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":"6HAQA,SAAgB,EAAS,CACrB,QAAQ,EACR,OAAO,UACP,QACA,WACA,YACA,QACA,WACA,GAAG,GACW,CACd,IAAM,EAAQ,OAAO,GAAa,SAAW,EAAW,IAAA,GAExD,OAAA,EAAA,EAAA,eACI,IAAI,IACJ,CACI,UAAW,EAAA,EACP,UACA,IAAI,IACJ,CAAC,GAAS,EACV,IAAa,IAAQ,WACrB,GAAS,MAAQ,aACjB,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CACnC,EACH,CACD,MAAO,EAAS,CAAC,eAAgB,EAAO,GAAG,EAAM,CAAqB,EACtE,GAAG,EACN,CACD,EACH,CC9BL,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,CCnBb,SAAgB,EAAS,CACrB,KAAK,OACL,OAAO,KACP,OAAO,QACP,QACA,YACA,WACA,GAAG,GACW,CAEd,OACI,EAAA,EAAA,KAFc,EAEd,CACI,UAAW,EAAA,EAAG,UAAW,CAAC,GAAS,EAAM,EAAM,GAAG,EAAA,EAAwB,CAAC,QAAM,CAAC,CAAE,EAAU,CAC9F,GAAI,EAEH,WACO,CAAA,CClBpB,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.cjs

@@ -1,3 +1,3 @@
 const {ensureStyles}=require('./style-runtime.cjs')
 ensureStyles()
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Heading-CALsycVL.cjs`),t=require(`./Text-DUuY1RDL.cjs`),n=require(`./Link-DSIStgFG.cjs`),r=require(`./Kbd-wmU-rhWO.cjs`);exports.Code=r.a,exports.MCode=r.a,exports.Heading=e.t,exports.MHeading=e.t,exports.Kbd=r.t,exports.MKbd=r.t,exports.List=r.r,exports.MList=r.r,exports.ListItem=r.i,exports.MListItem=r.i,exports.MLink=n.t,exports.MSubText=r.n,exports.SubText=r.n,exports.MText=t.t,exports.Text=t.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./MText-BxAcAs-j.cjs`),t=require(`./typography-Cy_-zrZI.cjs`),n=require(`./MLink-CAaK6SOG.cjs`);exports.MCode=t.a,exports.MHeading=t.o,exports.MKbd=t.t,exports.MLink=n.t,exports.MList=t.r,exports.MListItem=t.i,exports.MSubText=t.n,exports.MText=e.t;

package/dist/typography.d.ts

@@ -1,3 +1 @@
 export * from './components/typography';
-export { Heading as MHeading, Text as MText, SubText as MSubText, MLink, Code as MCode, List as MList, ListItem as MListItem, Kbd as MKbd, } from './components/typography';
-export type { HeadingProps as MHeadingProps, TextProps as MTextProps, TextAlign as MTextAlign, SubTextProps as MSubTextProps, SubTextSize as MSubTextSize, CodeProps as MCodeProps, ListProps as MListProps, KbdProps as MKbdProps, } from './components/typography';

package/dist/typography.js

@@ -1,7 +1,6 @@
 import {ensureStyles} from './style-runtime.js'
 ensureStyles()
-import { t as e } from "./Heading-DtcgehrI.js";
-import { t } from "./Text-DOVuH0uw.js";
-import { t as n } from "./Link-D3lmTu3R.js";
-import { a as r, i, n as a, r as o, t as s } from "./Kbd-qcCkiDkW.js";
-export { r as Code, r as MCode, e as Heading, e as MHeading, s as Kbd, s as MKbd, o as List, o as MList, i as ListItem, i as MListItem, n as MLink, a as MSubText, a as SubText, t as MText, t as Text };
+import { t as e } from "./MText-CzceD0k5.js";
+import { a as t, i as n, n as r, o as i, r as a, t as o } from "./typography-Bcn3mZPw.js";
+import { t as s } from "./MLink-BfRaT8NU.js";
+export { t as MCode, i as MHeading, o as MKbd, s as MLink, a as MList, n as MListItem, r as MSubText, e as MText };

package/dist/useGhostText-BpSSyl8G.js

@@ -0,0 +1,68 @@
+import { useCallback as e, useEffect as t, useMemo as n, useRef as r, useState as i } from "react";
+//#region src/utils/useDebounce.ts
+function a(e, n) {
+	let [r, a] = i(e);
+	return t(() => {
+		let t = setTimeout(() => a(e), n);
+		return () => clearTimeout(t);
+	}, [e, n]), r;
+}
+function o(t, n) {
+	let i = r(t);
+	i.current = t;
+	let a = r(null);
+	return e(((...e) => {
+		a.current && clearTimeout(a.current), a.current = setTimeout(() => i.current(...e), n);
+	}), [n]);
+}
+//#endregion
+//#region src/utils/useGhostText.ts
+function s(e) {
+	return typeof e == "string" ? e : String(e);
+}
+function c(e, t, n) {
+	if (!t) return [];
+	let r = t.toLowerCase();
+	return e.filter((e) => n(e).toLowerCase().startsWith(r));
+}
+function l({ options: t, value: r, minChars: a = 2, getLabel: o = s, filter: l }) {
+	let [u, d] = i(0), f = n(() => r.length < a ? [] : l ? l(t, r) : c(t, r, o), [
+		t,
+		r,
+		a,
+		l,
+		o
+	]), p = f.length > 0 ? f[u % f.length] : null, m = p ? o(p) : "", h = m && m.toLowerCase().startsWith(r.toLowerCase()) ? m.slice(r.length) : "", g = e(() => !h || !p ? {
+		value: r,
+		option: null
+	} : {
+		value: r + h,
+		option: p
+	}, [
+		h,
+		p,
+		r
+	]), _ = e(() => {
+		f.length > 1 && d((e) => (e + 1) % f.length);
+	}, [f.length]), v = e(() => {
+		f.length > 1 && d((e) => (e - 1 + f.length) % f.length);
+	}, [f.length]), y = e(() => d(0), []), b = e((e) => (e.key === "Tab" || e.key === "Enter") && h ? (e.preventDefault(), !0) : e.key === "ArrowDown" && f.length > 1 ? (e.preventDefault(), _(), !1) : e.key === "ArrowUp" && f.length > 1 ? (e.preventDefault(), v(), !1) : !1, [
+		h,
+		f.length,
+		_,
+		v
+	]);
+	return {
+		hint: h,
+		accept: g,
+		next: _,
+		prev: v,
+		reset: y,
+		matchCount: f.length,
+		onKeyDown: b
+	};
+}
+//#endregion
+export { a as n, o as r, l as t };
+
+//# sourceMappingURL=useGhostText-BpSSyl8G.js.map

package/dist/useGhostText-BpSSyl8G.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGhostText-BpSSyl8G.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-BrRYBrV_.cjs

@@ -0,0 +1,2 @@
+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-BrRYBrV_.cjs.map

package/dist/useGhostText-BrRYBrV_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGhostText-BrRYBrV_.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"}

package/dist/useInteractionEffect-B5_UpgTt.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInteractionEffect-B5_UpgTt.js","names":[],"sources":["../src/utils/useInteractionEffect.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type {PointerEvent, ReactElement} from 'react'\n\nexport type MineralClickEffect = 'none' | 'ripple'\n\nexport interface UseInteractionEffectOptions {\n    effect?: MineralClickEffect\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-B5_UpgTt.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/useInteractionEffect-BaJeiUns.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useInteractionEffect-BaJeiUns.cjs","names":[],"sources":["../src/utils/useInteractionEffect.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type {PointerEvent, ReactElement} from 'react'\n\nexport type MineralClickEffect = 'none' | 'ripple'\n\nexport interface UseInteractionEffectOptions {\n    effect?: MineralClickEffect\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-BaJeiUns.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"}

package/dist/useReveal-BB9OaMDU.js

@@ -0,0 +1,23 @@
+import { useEffect as e, useRef as t } from "react";
+//#region src/utils/useReveal.ts
+function n(n) {
+	let r = t(null);
+	return e(() => {
+		if (n === !1 || n === void 0) return;
+		let e = r.current;
+		if (!e) return;
+		let t = typeof n == "number" ? n : 0;
+		if (t > 0 && e.style.setProperty("--reveal-delay", `${t}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();
+	}, [n]), r;
+}
+//#endregion
+export { n as t };
+
+//# sourceMappingURL=useReveal-BB9OaMDU.js.map

package/dist/useReveal-BB9OaMDU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReveal-BB9OaMDU.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/useReveal-D1YuWN9z.cjs

@@ -0,0 +1,2 @@
+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-D1YuWN9z.cjs.map

package/dist/useReveal-D1YuWN9z.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReveal-D1YuWN9z.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"}

package/dist/utils/appearanceProps.d.ts

@@ -1,6 +1,5 @@
-import { MineralColor, MineralFontColor } from '../theme';
+import { MColor } from '../theme';
 export interface AppearanceProps {
-    color?: MineralColor;
-    fcolor?: MineralFontColor;
+    color?: MColor;
 }
-export declare function getAppearanceClassNames({ color, fcolor }: AppearanceProps): Array<string | false | undefined>;
+export declare function getAppearanceClassNames({ color }: AppearanceProps): Array<string | false | undefined>;

package/dist/utils/colorRgbVar.d.ts

@@ -0,0 +1 @@
+export declare function colorRgbVar(color: string | undefined): string;

package/dist/utils/dateUtils.d.ts

@@ -15,3 +15,14 @@ export declare function parseTime(value: string): {
     seconds: number;
 } | null;
 export declare function formatTime(hours: number, minutes: number, seconds?: number, showSeconds?: boolean): string;
+export declare function parseTimeWithFormat(value: string, format?: '24h' | '12h'): {
+    hours: number;
+    minutes: number;
+    seconds: number;
+} | null;
+export declare function formatTimeWithFormat(hours: number, minutes: number, seconds?: number, showSeconds?: boolean, format?: '24h' | '12h'): string;
+export declare function combineDateAndTime(date: Date, timeValue?: string | null, options?: {
+    format?: '24h' | '12h';
+    showSeconds?: boolean;
+}): Date;
+export declare function formatHiddenDateValue(date: Date, withTime?: boolean, showSeconds?: boolean): string;

package/dist/utils/formatters.d.ts

@@ -17,5 +17,6 @@ export interface CurrencyFormatOptions {
 export declare function formatCurrency(value: string, options?: CurrencyFormatOptions): string;
 export declare function parseCurrencyToNumber(formatted: string, thousandSeparator?: string, decimalSeparator?: string): number | null;
 export declare function adjustCursorAfterFormat(oldValue: string, newValue: string, oldCursor: number): number;
+export declare function formatDateInput(digits: string, format?: 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD', separator?: string): string;
 export { formatPostCode } from './postalCodes';
 export { formatCardNumber } from './creditCards';

package/dist/utils/layoutProps.d.ts

@@ -1,25 +1,23 @@
 import { CSSProperties } from 'react';
-import { MineralFontColor } from '../theme';
 export declare const mineralUtilityScaleValues: readonly ["none", "xs", "sm", "md", "lg", "xl", "2xl"];
-export type MineralUtilityScale = (typeof mineralUtilityScaleValues)[number];
+export type MUtilityScale = (typeof mineralUtilityScaleValues)[number];
 export interface LayoutUtilityProps {
-    spacing?: MineralUtilityScale;
-    padding?: MineralUtilityScale;
+    spacing?: MUtilityScale;
+    padding?: MUtilityScale;
     fsize?: string | number;
-    fcolor?: MineralFontColor;
-    mt?: MineralUtilityScale;
-    mb?: MineralUtilityScale;
-    ml?: MineralUtilityScale;
-    mr?: MineralUtilityScale;
-    mx?: MineralUtilityScale;
-    my?: MineralUtilityScale;
-    pt?: MineralUtilityScale;
-    pb?: MineralUtilityScale;
-    pl?: MineralUtilityScale;
-    pr?: MineralUtilityScale;
-    px?: MineralUtilityScale;
-    py?: MineralUtilityScale;
+    mt?: MUtilityScale;
+    mb?: MUtilityScale;
+    ml?: MUtilityScale;
+    mr?: MUtilityScale;
+    mx?: MUtilityScale;
+    my?: MUtilityScale;
+    pt?: MUtilityScale;
+    pb?: MUtilityScale;
+    pl?: MUtilityScale;
+    pr?: MUtilityScale;
+    px?: MUtilityScale;
+    py?: MUtilityScale;
     fullWidth?: boolean;
 }
-export declare function getLayoutUtilityClassNames({ spacing, padding, fsize, fcolor, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, }: LayoutUtilityProps): Array<string | false | undefined>;
+export declare function getLayoutUtilityClassNames({ spacing, padding, fsize, mt, mb, ml, mr, mx, my, pt, pb, pl, pr, px, py, fullWidth, }: LayoutUtilityProps): Array<string | false | undefined>;
 export declare function getLayoutUtilityStyles({ fsize }: Pick<LayoutUtilityProps, 'fsize'>): CSSProperties | undefined;

package/dist/utils/licensing.d.ts

@@ -0,0 +1,11 @@
+export type MineralPlan = 'free' | 'pro';
+export interface MineralComponentLicense {
+    group: 'cards' | 'charts' | 'data' | 'display' | 'media' | 'icons' | 'layout' | 'feedback';
+    plan: MineralPlan;
+}
+export declare const mineralComponentLicenses: {};
+export type MineralProComponentName = keyof typeof mineralComponentLicenses;
+export declare const mineralProComponents: MineralProComponentName[];
+export declare function isMineralProComponent(componentName: string): componentName is MineralProComponentName;
+export declare function getMineralComponentLicense(componentName: string): MineralComponentLicense | undefined;
+export declare function getMineralComponentPlan(componentName: string): MineralPlan;

package/dist/utils/locale.d.ts

@@ -1,13 +1,2 @@
 export declare function resolveRuntimeLocale(): string;
 export declare function useDocumentLocale(explicitLocale?: string): string;
-export declare function getLocaleLanguage(locale: string): string;
-export interface CalendarLocaleText {
-    today: string;
-    clear: string;
-    previousMonth: string;
-    nextMonth: string;
-    selectDateRange: string;
-    rangeSubtitle: string;
-    defaultRangePlaceholder: string;
-}
-export declare function getCalendarLocaleText(locale: string): CalendarLocaleText;

package/dist/utils/overlayBadge.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { MColor } from '../theme';
+export interface MOverlayBadgeProps {
+    badge?: ReactNode | number | boolean;
+    badgeColor?: MColor;
+    badgePulsing?: boolean;
+    className?: string;
+}
+export declare function shouldRenderOverlayBadge({ badge, badgeColor, badgePulsing }: MOverlayBadgeProps): boolean;
+export declare function renderOverlayBadge({ badge, badgeColor, badgePulsing, className, }: MOverlayBadgeProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/utils/socialPlatforms.d.ts

@@ -0,0 +1,7 @@
+import { ComponentType } from 'react';
+import { MIconProps } from '../icons';
+export type MSocialPlatform = 'apple' | 'discord' | 'facebook' | 'figma' | 'github' | 'google' | 'instagram' | 'linkedin' | 'pinterest' | 'slack' | 'spotify' | 'tumblr' | 'vimeo' | 'vk' | 'twitter' | 'x' | 'youtube' | (string & {});
+export declare function normalizeSocialPlatform(platform: string): string;
+export declare function getSocialLabel(platform: MSocialPlatform): string;
+export declare function getSocialIconComponent(platform: MSocialPlatform, brand?: boolean): ComponentType<MIconProps> | null;
+export declare function getSocialBrandRgb(platform: MSocialPlatform): string;

package/dist/utils/useInteractionEffect.d.ts

@@ -1,7 +1,7 @@
 import { PointerEvent, ReactElement } from 'react';
-export type MineralClickEffect = 'none' | 'ripple';
+export type MClickEffect = 'none' | 'ripple';
 export interface UseInteractionEffectOptions {
-    effect?: MineralClickEffect;
+    effect?: MClickEffect;
     disabled?: boolean;
     centered?: boolean;
     color?: string;

package/dist/utils/validators.d.ts

@@ -15,5 +15,13 @@ export declare function validateNIP(value: string): ValidationResult;
 export declare function validatePESEL(value: string): ValidationResult;
 export declare function validateREGON(value: string): ValidationResult;
 export declare function composeValidators(...validators: ValidatorFn[]): ValidatorFn;
+export type DateFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY/MM/DD';
+interface DateValidationOptions {
+    format?: DateFormat;
+    minDate?: Date;
+    maxDate?: Date;
+}
+export declare function parseDateString(value: string, format?: DateFormat): Date | null;
+export declare function validateDate(value: string, options?: DateValidationOptions): ValidationResult;
 export { validatePostCode } from './postalCodes';
 export { validateCardNumber } from './creditCards';

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-BOmEz3Rt.cjs`),t=require(`./validators-B7cSTrU_.cjs`),n=require(`./creditCards-CUM63Oia.cjs`),r=require(`./formatters-C3tjM3rj.cjs`),i=require(`./dateUtils-a8oMntCI.cjs`),a=require(`./useDebounce-C3jbJOKC.cjs`),o=require(`./useClickOutside-CS-Mc6ne.cjs`),s=require(`./useKeyboardNav-DJtFz7Fx.cjs`),c=require(`./useInteractionEffect-BaJeiUns.cjs`),l=require(`./useReveal-p1cSTlUT.cjs`),u=require(`./useGhostText-CoYhBGCg.cjs`);exports.addMonths=i.t,exports.addYears=i.n,exports.adjustCursorAfterFormat=r.t,exports.capitalizeWords=r.n,exports.cn=e.t,exports.mergeClasses=e.t,exports.composeValidators=t.t,exports.creditCardBrands=n.t,exports.daysInMonth=i.r,exports.detectCardBrand=n.n,exports.firstDayOfMonth=i.i,exports.formatCardNumber=n.r,exports.formatCurrency=r.r,exports.formatDate=i.a,exports.formatIBAN=r.i,exports.formatNIP=r.a,exports.formatPhone=r.o,exports.formatPostCode=t.p,exports.formatTime=i.o,exports.getDayNames=i.s,exports.getMonthNames=i.c,exports.getPostCodeRule=t.m,exports.isDateInRange=i.l,exports.isSameDay=i.u,exports.parseCurrencyToNumber=r.s,exports.parseDate=i.d,exports.parseTime=i.f,exports.postCodeCountries=t.h,exports.postCodeRules=t.g,exports.stripCardNumber=n.i,exports.stripNonAlphanumeric=r.c,exports.stripNonDigits=r.l,exports.stripTime=i.p,exports.unformatIBAN=r.u,exports.useClickEffect=c.t,exports.useInteractionEffect=c.t,exports.useClickOutside=o.t,exports.useOutsideClick=o.t,exports.useDebounce=a.t,exports.useDebouncedCallback=a.n,exports.useGhostText=u.t,exports.useKeyNavigation=s.t,exports.useKeyboardNav=s.t,exports.useReveal=l.t,exports.validateCardNumber=n.a,exports.validateEmail=t.n,exports.validateIBAN=t.r,exports.validateMaxLength=t.i,exports.validateMinLength=t.a,exports.validateNIP=t.o,exports.validatePESEL=t.s,exports.validatePattern=t.c,exports.validatePhone=t.l,exports.validatePostCode=t._,exports.validateREGON=t.u,exports.validateRange=t.d,exports.validateRequired=t.f;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./cn-CpRt8Xjj.cjs`),t=require(`./validators-CA-TznrL.cjs`),n=require(`./creditCards-BVKi47yn.cjs`),r=require(`./formatters-bW67hwbX.cjs`),i=require(`./dateUtils-5jacfR5Q.cjs`),a=require(`./relativeTime-oubkDkrk.cjs`),o=require(`./useGhostText-BrRYBrV_.cjs`),s=require(`./licensing-C80xLz-j.cjs`),c=require(`./useKeyboardNav-DJtFz7Fx.cjs`),l=require(`./useInteractionEffect-BaJeiUns.cjs`),u=require(`./useReveal-D1YuWN9z.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;