@banzamel/mineralui 0.9.0 → 0.10.0

package/dist/InputSearch-Bk5YFz09.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputSearch-Bk5YFz09.cjs","names":[],"sources":["../src/utils/useControllableString.ts","../src/components/inputs/Input/Input.tsx","../src/components/inputs/InputSearch/InputSearch.tsx"],"sourcesContent":["import {useCallback, useState} from 'react'\n\ntype ControllableStringLike = string | number | readonly string[] | null | undefined\n\n// Normalize mixed input values so text-like controls always work with strings.\nfunction normalizeStringValue(value: ControllableStringLike) {\n    if (value === null || value === undefined) {\n        return ''\n    }\n\n    return value.toString()\n}\n\n// Share controlled and uncontrolled string state logic between text-like primitives.\nexport function useControllableString(value: ControllableStringLike, defaultValue?: ControllableStringLike) {\n    const [internalValue, setInternalValue] = useState(() => normalizeStringValue(defaultValue))\n    const isControlled = value !== undefined\n    const currentValue = isControlled ? normalizeStringValue(value) : internalValue\n\n    const setCurrentValue = useCallback(\n        (nextValue: string) => {\n            if (!isControlled) {\n                setInternalValue(nextValue)\n            }\n        },\n        [isControlled]\n    )\n\n    return {\n        isControlled,\n        currentValue,\n        setCurrentValue,\n    }\n}\n","import {forwardRef, useCallback, useRef, useState} from 'react'\nimport type * as React from 'react'\nimport type {InputProps} from './Input.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport {useControllableString} from '../../../utils/useControllableString'\nimport {useInteractionEffect} from '../../../utils/useInteractionEffect'\nimport {useGhostText} from '../../../utils/useGhostText'\nimport {CloseIcon} from '../../../icons'\nimport './Input.css'\n\n// Render the base text input used by all specialized input wrappers.\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n    {\n        type = 'text',\n        value,\n        defaultValue,\n        name,\n        id,\n        placeholder,\n        disabled = false,\n        readOnly = false,\n        required = false,\n        autoFocus = false,\n        autoComplete,\n        inputMode,\n        variant = 'outlined',\n        size = 'md',\n        color,\n        fcolor,\n        fullWidth = false,\n        rounded = false,\n        label,\n        helperText,\n        errorText,\n        startIcon,\n        endIcon,\n        clearable = false,\n        error = false,\n        success = false,\n        maxLength,\n        showCharCount = false,\n        onChange,\n        onFocus,\n        onBlur,\n        onKeyDown,\n        onClear,\n        ghostOptions,\n        ghostMinChars = 2,\n        onGhostAccept,\n        loading = false,\n        clickEffect = 'ripple',\n        rippleColor,\n        className,\n        style,\n        inputClassName,\n        labelClassName,\n    },\n    ref\n) {\n    const [focused, setFocused] = useState(false)\n    const inputRef = useRef<HTMLInputElement>(null)\n    const {effectClassName, effectLayer, handlePointerDown} = useInteractionEffect<HTMLDivElement>({\n        effect: clickEffect,\n        disabled: disabled || readOnly,\n        color: rippleColor,\n    })\n\n    const {isControlled, currentValue, setCurrentValue} = useControllableString(value, defaultValue)\n    const ghost = useGhostText({\n        options: ghostOptions ?? [],\n        value: currentValue,\n        minChars: ghostMinChars,\n    })\n    const hasError = error || !!errorText\n    const hasContent = currentValue.length > 0\n\n    // Mirror focus state so the wrapper can style the input consistently.\n    const handleFocus = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(true)\n            onFocus?.(event)\n        },\n        [onFocus]\n    )\n\n    // Clear focus styles before delegating to the caller.\n    const handleBlur = useCallback(\n        (event: React.FocusEvent<HTMLInputElement>) => {\n            setFocused(false)\n            onBlur?.(event)\n        },\n        [onBlur]\n    )\n\n    // Keep uncontrolled usage working without blocking controlled integrations.\n    const handleChange = useCallback(\n        (event: React.ChangeEvent<HTMLInputElement>) => {\n            setCurrentValue(event.target.value)\n            onChange?.(event)\n            ghost.reset()\n        },\n        [onChange, setCurrentValue, ghost.reset]\n    )\n\n    // Intercept keyboard events for ghost text acceptance before delegating.\n    const handleKeyDown = useCallback(\n        (event: React.KeyboardEvent<HTMLInputElement>) => {\n            if (ghostOptions && ghost.hint) {\n                const accepted = ghost.onKeyDown(event)\n                if (accepted) {\n                    const result = ghost.accept()\n                    setCurrentValue(result.value)\n                    onGhostAccept?.(result.value)\n                    // Fire synthetic change so controlled parents stay in sync.\n                    const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n                    if (input) {\n                        const nativeSet = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set\n                        nativeSet?.call(input, result.value)\n                        input.dispatchEvent(new Event('input', {bubbles: true}))\n                    }\n                    return\n                }\n            }\n            onKeyDown?.(event)\n        },\n        [ghostOptions, ghost, setCurrentValue, onGhostAccept, onKeyDown, ref]\n    )\n\n    // Reset the visible value while preserving focus for quick repeated input.\n    const handleClear = useCallback(() => {\n        setCurrentValue('')\n\n        const input = (ref as React.RefObject<HTMLInputElement>)?.current ?? inputRef.current\n        if (input && isControlled) {\n            input.value = ''\n        }\n\n        onClear?.()\n        input?.focus()\n    }, [isControlled, onClear, ref, setCurrentValue])\n\n    const containerClasses = cn(\n        'container',\n        variant,\n        size,\n        focused && 'focused',\n        hasError && 'input-error',\n        success && !hasError && 'input-success',\n        color === 'neutral' && 'color-neutral',\n        color === 'success' && 'color-success',\n        color === 'error' && 'color-error',\n        color === 'warning' && 'color-warning',\n        color === 'info' && 'color-info',\n        disabled && 'disabled',\n        rounded && 'rounded',\n        effectClassName\n    )\n\n    return (\n        <div\n            className={cn('input', ...getAppearanceClassNames({fcolor}), fullWidth && 'full-width', className)}\n            style={style}\n        >\n            {label && (\n                <label\n                    htmlFor={id}\n                    className={cn(\n                        'label',\n                        focused && 'focused',\n                        hasError && 'error',\n                        success && !hasError && 'success',\n                        required && 'required',\n                        labelClassName\n                    )}\n                >\n                    {label}\n                </label>\n            )}\n\n            <div className={containerClasses} onPointerDown={handlePointerDown}>\n                {effectLayer}\n                {startIcon && <span className=\"start-icon\">{startIcon}</span>}\n\n                {ghostOptions ? (\n                    <div className=\"ghost-text-field\">\n                        <input\n                            ref={ref ?? inputRef}\n                            type={type}\n                            value={currentValue}\n                            name={name}\n                            id={id}\n                            placeholder={placeholder}\n                            disabled={disabled}\n                            readOnly={readOnly}\n                            required={required}\n                            autoFocus={autoFocus}\n                            autoComplete={autoComplete ?? 'off'}\n                            inputMode={inputMode}\n                            maxLength={maxLength}\n                            className={cn('field', inputClassName)}\n                            onChange={handleChange}\n                            onFocus={handleFocus}\n                            onBlur={handleBlur}\n                            onKeyDown={handleKeyDown}\n                            aria-invalid={hasError || undefined}\n                            aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                        />\n                        {focused && ghost.hint && (\n                            <span className=\"ghost-text-overlay\" aria-hidden=\"true\">\n                                <span className=\"ghost-text-typed\">{currentValue}</span>\n                                <span className=\"ghost-text-hint\">{ghost.hint}</span>\n                            </span>\n                        )}\n                    </div>\n                ) : (\n                    <input\n                        ref={ref ?? inputRef}\n                        type={type}\n                        value={currentValue}\n                        name={name}\n                        id={id}\n                        placeholder={placeholder}\n                        disabled={disabled}\n                        readOnly={readOnly}\n                        required={required}\n                        autoFocus={autoFocus}\n                        autoComplete={autoComplete}\n                        inputMode={inputMode}\n                        maxLength={maxLength}\n                        className={cn('field', inputClassName)}\n                        onChange={handleChange}\n                        onFocus={handleFocus}\n                        onBlur={handleBlur}\n                        onKeyDown={onKeyDown}\n                        aria-invalid={hasError || undefined}\n                        aria-describedby={errorText ? `${id}-error` : helperText ? `${id}-helper` : undefined}\n                    />\n                )}\n\n                {loading && <span className=\"spinner\" />}\n\n                {clearable && hasContent && !loading && !disabled && (\n                    <button\n                        type=\"button\"\n                        className=\"clear-btn\"\n                        onClick={handleClear}\n                        tabIndex={-1}\n                        aria-label=\"Clear input\"\n                    >\n                        <CloseIcon />\n                    </button>\n                )}\n\n                {endIcon && !loading && <span className=\"end-icon\">{endIcon}</span>}\n            </div>\n\n            {(errorText || helperText || showCharCount) && (\n                <div className=\"bottom-row\">\n                    <span>\n                        {errorText && (\n                            <span id={id ? `${id}-error` : undefined} className=\"error-text\" role=\"alert\">\n                                {errorText}\n                            </span>\n                        )}\n                        {!errorText && helperText && (\n                            <span id={id ? `${id}-helper` : undefined} className=\"helper-text\">\n                                {helperText}\n                            </span>\n                        )}\n                    </span>\n                    {showCharCount && maxLength && (\n                        <span className={cn('char-count', currentValue.length > maxLength && 'over')}>\n                            {currentValue.length}/{maxLength}\n                        </span>\n                    )}\n                </div>\n            )}\n        </div>\n    )\n})\n","import {useState, useCallback, forwardRef} from 'react'\nimport type * as React from 'react'\nimport type {InputSearchProps} from './InputSearch.types'\nimport {Input} from '../Input'\nimport {useDebouncedCallback} from '../../../utils/useDebounce'\nimport {SearchIcon} from '../../../icons'\n\n// Extend the base input with debounced search callbacks and an inline clear action.\nexport const InputSearch = forwardRef<HTMLInputElement, InputSearchProps>(function InputSearch(\n    {\n        debounceMs = 300,\n        onSearch,\n        value,\n        defaultValue,\n        onChange,\n        onKeyDown,\n        onClear,\n        clearable = true,\n        placeholder = 'Search...',\n        ...rest\n    },\n    ref\n) {\n    const [internalValue, setInternalValue] = useState(defaultValue?.toString() ?? '')\n    const currentValue = value !== undefined ? value.toString() : internalValue\n\n    const debouncedSearch = useDebouncedCallback((val: string) => onSearch?.(val), debounceMs)\n\n    // Update local state and debounce search notifications while typing.\n    const handleChange = useCallback(\n        (e: React.ChangeEvent<HTMLInputElement>) => {\n            if (value === undefined) {\n                setInternalValue(e.target.value)\n            }\n            debouncedSearch(e.target.value)\n            onChange?.(e)\n        },\n        [onChange, value, debouncedSearch]\n    )\n\n    // Run search immediately when the user confirms with Enter.\n    const handleKeyDown = useCallback(\n        (e: React.KeyboardEvent<HTMLInputElement>) => {\n            if (e.key === 'Enter') {\n                onSearch?.(currentValue)\n            }\n            onKeyDown?.(e)\n        },\n        [currentValue, onSearch, onKeyDown]\n    )\n\n    // Clear both the visible field and the emitted search query.\n    const handleClear = useCallback(() => {\n        if (value === undefined) {\n            setInternalValue('')\n        }\n        onSearch?.('')\n        onClear?.()\n    }, [value, onSearch, onClear])\n\n    return (\n        <Input\n            {...rest}\n            ref={ref}\n            type=\"text\"\n            value={currentValue}\n            onChange={handleChange}\n            onKeyDown={handleKeyDown}\n            onClear={handleClear}\n            clearable={clearable}\n            placeholder={placeholder}\n            startIcon={<SearchIcon />}\n        />\n    )\n})\n"],"mappings":"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"}

package/dist/Kbd-qcCkiDkW.js

@@ -0,0 +1,55 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./appearanceProps-8tN47e1u.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/typography/Code/Code.tsx
+function r({ color: r, fcolor: i, className: a, children: o, ...s }) {
+	return /* @__PURE__ */ n("code", {
+		className: e("code", ...t({
+			color: r,
+			fcolor: i
+		}), a),
+		...s,
+		children: o
+	});
+}
+//#endregion
+//#region src/components/typography/List/List.tsx
+function i({ ordered: r = !1, color: i, fcolor: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(r ? "ol" : "ul", {
+		className: e("list", r && "ordered", ...t({
+			color: i,
+			fcolor: a
+		}), o),
+		...c,
+		children: s
+	});
+}
+function a({ className: t, children: r, ...i }) {
+	return /* @__PURE__ */ n("li", {
+		className: e("item", t),
+		...i,
+		children: r
+	});
+}
+//#endregion
+//#region src/components/typography/SubText/SubText.tsx
+function o({ as: r = "span", size: i = "sm", fcolor: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ n(r, {
+		className: e("subtext", i, ...t({ fcolor: a }), o),
+		...c,
+		children: s
+	});
+}
+//#endregion
+//#region src/components/typography/Kbd/Kbd.tsx
+function s({ size: t = "md", className: r, children: i, ...a }) {
+	return /* @__PURE__ */ n("kbd", {
+		className: e("kbd", t, r),
+		...a,
+		children: i
+	});
+}
+//#endregion
+export { r as a, a as i, o as n, i as r, s as t };
+
+//# sourceMappingURL=Kbd-qcCkiDkW.js.map

package/dist/Kbd-qcCkiDkW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd-qcCkiDkW.js","names":[],"sources":["../src/components/typography/Code/Code.tsx","../src/components/typography/List/List.tsx","../src/components/typography/SubText/SubText.tsx","../src/components/typography/Kbd/Kbd.tsx"],"sourcesContent":["import type {CodeProps} from './Code.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Code.css'\n\n// Render inline code tokens with semantic color support.\nexport function Code({color, fcolor, className, children, ...rest}: CodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color, fcolor}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {ListProps} from './List.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './List.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function List({ordered = false, color, fcolor, className, children, ...rest}: ListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color, fcolor}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function ListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {SubTextProps} from './SubText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './SubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function SubText({as = 'span', size = 'sm', fcolor, className, children, ...rest}: SubTextProps) {\n    const Component = as\n    return (\n        <Component className={cn('subtext', size, ...getAppearanceClassNames({fcolor}), className)} {...rest}>\n            {children}\n        </Component>\n    )\n}\n","import type {KbdProps} from './Kbd.types'\nimport {cn} from '../../../utils/cn'\nimport './Kbd.css'\n\nexport function Kbd({size = 'md', className, children, ...rest}: KbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAK,EAAC,UAAO,WAAQ,cAAW,aAAU,GAAG,KAAkB;AAC3E,QACI,kBAAC,QAAD;EAAM,WAAW,EAAG,QAAQ,GAAG,EAAwB;GAAC;GAAO;GAAO,CAAC,EAAE,EAAU;EAAE,GAAI;EACpF;EACE,CAAA;;;;ACHf,SAAgB,EAAK,EAAC,aAAU,IAAO,UAAO,WAAQ,cAAW,aAAU,GAAG,KAAkB;AAG5F,QACI,kBAHc,IAAU,OAAO,MAG/B;EACI,WAAW,EAAG,QAAQ,KAAW,WAAW,GAAG,EAAwB;GAAC;GAAO;GAAO,CAAC,EAAE,EAAU;EACnG,GAAI;EAEH;EACO,CAAA;;AAKpB,SAAgB,EAAS,EAAC,cAAW,aAAU,GAAG,KAAsC;AACpF,QACI,kBAAC,MAAD;EAAI,WAAW,EAAG,QAAQ,EAAU;EAAE,GAAI;EACrC;EACA,CAAA;;;;ACnBb,SAAgB,EAAQ,EAAC,QAAK,QAAQ,UAAO,MAAM,WAAQ,cAAW,aAAU,GAAG,KAAqB;AAEpG,QACI,kBAFc,GAEd;EAAW,WAAW,EAAG,WAAW,GAAM,GAAG,EAAwB,EAAC,WAAO,CAAC,EAAE,EAAU;EAAE,GAAI;EAC3F;EACO,CAAA;;;;ACPpB,SAAgB,EAAI,EAAC,UAAO,MAAM,cAAW,aAAU,GAAG,KAAiB;AACvE,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,OAAO,GAAM,EAAU;EAAE,GAAI;EAC3C;EACC,CAAA"}

package/dist/Kbd-wmU-rhWO.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./appearanceProps-65LbXIeI.cjs`);let n=require(`react/jsx-runtime`);function r({color:r,fcolor:i,className:a,children:o,...s}){return(0,n.jsx)(`code`,{className:e.t(`code`,...t.t({color:r,fcolor:i}),a),...s,children:o})}function i({ordered:r=!1,color:i,fcolor:a,className:o,children:s,...c}){return(0,n.jsx)(r?`ol`:`ul`,{className:e.t(`list`,r&&`ordered`,...t.t({color:i,fcolor:a}),o),...c,children:s})}function a({className:t,children:r,...i}){return(0,n.jsx)(`li`,{className:e.t(`item`,t),...i,children:r})}function o({as:r=`span`,size:i=`sm`,fcolor:a,className:o,children:s,...c}){return(0,n.jsx)(r,{className:e.t(`subtext`,i,...t.t({fcolor:a}),o),...c,children:s})}function s({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,`a`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=Kbd-wmU-rhWO.cjs.map

package/dist/Kbd-wmU-rhWO.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Kbd-wmU-rhWO.cjs","names":[],"sources":["../src/components/typography/Code/Code.tsx","../src/components/typography/List/List.tsx","../src/components/typography/SubText/SubText.tsx","../src/components/typography/Kbd/Kbd.tsx"],"sourcesContent":["import type {CodeProps} from './Code.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Code.css'\n\n// Render inline code tokens with semantic color support.\nexport function Code({color, fcolor, className, children, ...rest}: CodeProps) {\n    return (\n        <code className={cn('code', ...getAppearanceClassNames({color, fcolor}), className)} {...rest}>\n            {children}\n        </code>\n    )\n}\n","import type {HTMLAttributes} from 'react'\nimport type {ListProps} from './List.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './List.css'\n\n// Render ordered or unordered lists with shared typography tokens.\nexport function List({ordered = false, color, fcolor, className, children, ...rest}: ListProps) {\n    const Component = ordered ? 'ol' : 'ul'\n\n    return (\n        <Component\n            className={cn('list', ordered && 'ordered', ...getAppearanceClassNames({color, fcolor}), className)}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n}\n\n// Render a list item that inherits the parent list styling.\nexport function ListItem({className, children, ...rest}: HTMLAttributes<HTMLLIElement>) {\n    return (\n        <li className={cn('item', className)} {...rest}>\n            {children}\n        </li>\n    )\n}\n","import type {SubTextProps} from './SubText.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './SubText.css'\n\n// Render small, muted secondary text for captions, hints and metadata.\nexport function SubText({as = 'span', size = 'sm', fcolor, className, children, ...rest}: SubTextProps) {\n    const Component = as\n    return (\n        <Component className={cn('subtext', size, ...getAppearanceClassNames({fcolor}), className)} {...rest}>\n            {children}\n        </Component>\n    )\n}\n","import type {KbdProps} from './Kbd.types'\nimport {cn} from '../../../utils/cn'\nimport './Kbd.css'\n\nexport function Kbd({size = 'md', className, children, ...rest}: KbdProps) {\n    return (\n        <kbd className={cn('kbd', size, className)} {...rest}>\n            {children}\n        </kbd>\n    )\n}\n"],"mappings":"oHAMA,SAAgB,EAAK,CAAC,QAAO,SAAQ,YAAW,WAAU,GAAG,GAAkB,CAC3E,OACI,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,EAAG,OAAQ,GAAG,EAAA,EAAwB,CAAC,QAAO,SAAO,CAAC,CAAE,EAAU,CAAE,GAAI,EACpF,WACE,CAAA,CCHf,SAAgB,EAAK,CAAC,UAAU,GAAO,QAAO,SAAQ,YAAW,WAAU,GAAG,GAAkB,CAG5F,OACI,EAAA,EAAA,KAHc,EAAU,KAAO,KAG/B,CACI,UAAW,EAAA,EAAG,OAAQ,GAAW,UAAW,GAAG,EAAA,EAAwB,CAAC,QAAO,SAAO,CAAC,CAAE,EAAU,CACnG,GAAI,EAEH,WACO,CAAA,CAKpB,SAAgB,EAAS,CAAC,YAAW,WAAU,GAAG,GAAsC,CACpF,OACI,EAAA,EAAA,KAAC,KAAD,CAAI,UAAW,EAAA,EAAG,OAAQ,EAAU,CAAE,GAAI,EACrC,WACA,CAAA,CCnBb,SAAgB,EAAQ,CAAC,KAAK,OAAQ,OAAO,KAAM,SAAQ,YAAW,WAAU,GAAG,GAAqB,CAEpG,OACI,EAAA,EAAA,KAFc,EAEd,CAAW,UAAW,EAAA,EAAG,UAAW,EAAM,GAAG,EAAA,EAAwB,CAAC,SAAO,CAAC,CAAE,EAAU,CAAE,GAAI,EAC3F,WACO,CAAA,CCPpB,SAAgB,EAAI,CAAC,OAAO,KAAM,YAAW,WAAU,GAAG,GAAiB,CACvE,OACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,EAAG,MAAO,EAAM,EAAU,CAAE,GAAI,EAC3C,WACC,CAAA"}

package/dist/Link-D3lmTu3R.js

@@ -0,0 +1,30 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { t } from "./appearanceProps-8tN47e1u.js";
+import { forwardRef as n } from "react";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/typography/Link/Link.tsx
+var i = n(function({ component: n, to: i, tone: a = "default", underline: o = "hover", fcolor: s, current: c = !1, block: l = !1, disabled: u = !1, className: d, children: f, href: p, onClick: m, ...h }, g) {
+	let _ = n ?? "a";
+	function v(e) {
+		if (u) {
+			e.preventDefault();
+			return;
+		}
+		m?.(e);
+	}
+	return /* @__PURE__ */ r(_, {
+		ref: g,
+		href: n || u ? void 0 : p,
+		to: n ? i : void 0,
+		className: e("link", a, o, ...t({ fcolor: s }), c && "current", l && "block", u && "disabled", d),
+		"aria-current": c ? "page" : void 0,
+		"aria-disabled": u || void 0,
+		onClick: v,
+		...h,
+		children: f
+	});
+});
+//#endregion
+export { i as t };
+
+//# sourceMappingURL=Link-D3lmTu3R.js.map

package/dist/Link-D3lmTu3R.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-D3lmTu3R.js","names":[],"sources":["../src/components/typography/Link/Link.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './Link.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Link.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        fcolor,\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                ...getAppearanceClassNames({fcolor}),\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":";;;;;AAQA,IAAa,IAAQ,EAAoC,SACrD,EACI,cACA,OACA,UAAO,WACP,eAAY,SACZ,WACA,aAAU,IACV,WAAQ,IACR,cAAW,IACX,cACA,aACA,SACA,YACA,GAAG,KAEP,GACF;CACE,IAAM,IAAY,KAAa;CAG/B,SAAS,EAAY,GAAsC;AACvD,MAAI,GAAU;AACV,KAAM,gBAAgB;AACtB;;AAGJ,MAAU,EAAM;;AAGpB,QACI,kBAAC,GAAD;EACS;EACL,MAAM,KAAwB,IAAZ,KAAA,IAAmC;EACrD,IAAI,IAAY,IAAK,KAAA;EACrB,WAAW,EACP,QACA,GACA,GACA,GAAG,EAAwB,EAAC,WAAO,CAAC,EACpC,KAAW,WACX,KAAS,SACT,KAAY,YACZ,EACH;EACD,gBAAc,IAAU,SAAS,KAAA;EACjC,iBAAe,KAAY,KAAA;EAC3B,SAAS;EACT,GAAI;EAEH;EACO,CAAA;EAElB"}

package/dist/Link-DSIStgFG.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`),t=require(`./appearanceProps-65LbXIeI.cjs`);let n=require(`react`),r=require(`react/jsx-runtime`);var i=(0,n.forwardRef)(function({component:n,to:i,tone:a=`default`,underline:o=`hover`,fcolor:s,current:c=!1,block:l=!1,disabled:u=!1,className:d,children:f,href:p,onClick:m,...h},g){let _=n??`a`;function v(e){if(u){e.preventDefault();return}m?.(e)}return(0,r.jsx)(_,{ref:g,href:n||u?void 0:p,to:n?i:void 0,className:e.t(`link`,a,o,...t.t({fcolor:s}),c&&`current`,l&&`block`,u&&`disabled`,d),"aria-current":c?`page`:void 0,"aria-disabled":u||void 0,onClick:v,...h,children:f})});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=Link-DSIStgFG.cjs.map

package/dist/Link-DSIStgFG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-DSIStgFG.cjs","names":[],"sources":["../src/components/typography/Link/Link.tsx"],"sourcesContent":["import {forwardRef} from 'react'\nimport type {MouseEvent} from 'react'\nimport type {MLinkProps} from './Link.types'\nimport {cn} from '../../../utils/cn'\nimport {getAppearanceClassNames} from '../../../utils/appearanceProps'\nimport './Link.css'\n\n// Render a semantic link that can target anchors or router link components.\nexport const MLink = forwardRef<HTMLElement, MLinkProps>(function MLink(\n    {\n        component,\n        to,\n        tone = 'default',\n        underline = 'hover',\n        fcolor,\n        current = false,\n        block = false,\n        disabled = false,\n        className,\n        children,\n        href,\n        onClick,\n        ...rest\n    },\n    ref\n) {\n    const Component = component ?? 'a'\n\n    // Prevent disabled links from navigating while still exposing their content.\n    function handleClick(event: MouseEvent<HTMLAnchorElement>) {\n        if (disabled) {\n            event.preventDefault()\n            return\n        }\n\n        onClick?.(event)\n    }\n\n    return (\n        <Component\n            ref={ref}\n            href={component ? undefined : disabled ? undefined : href}\n            to={component ? to : undefined}\n            className={cn(\n                'link',\n                tone,\n                underline,\n                ...getAppearanceClassNames({fcolor}),\n                current && 'current',\n                block && 'block',\n                disabled && 'disabled',\n                className\n            )}\n            aria-current={current ? 'page' : undefined}\n            aria-disabled={disabled || undefined}\n            onClick={handleClick}\n            {...rest}\n        >\n            {children}\n        </Component>\n    )\n})\n"],"mappings":"uIAQA,IAAa,GAAA,EAAA,EAAA,YAA4C,SACrD,CACI,YACA,KACA,OAAO,UACP,YAAY,QACZ,SACA,UAAU,GACV,QAAQ,GACR,WAAW,GACX,YACA,WACA,OACA,UACA,GAAG,GAEP,EACF,CACE,IAAM,EAAY,GAAa,IAG/B,SAAS,EAAY,EAAsC,CACvD,GAAI,EAAU,CACV,EAAM,gBAAgB,CACtB,OAGJ,IAAU,EAAM,CAGpB,OACI,EAAA,EAAA,KAAC,EAAD,CACS,MACL,KAAM,GAAwB,EAAZ,IAAA,GAAmC,EACrD,GAAI,EAAY,EAAK,IAAA,GACrB,UAAW,EAAA,EACP,OACA,EACA,EACA,GAAG,EAAA,EAAwB,CAAC,SAAO,CAAC,CACpC,GAAW,UACX,GAAS,QACT,GAAY,WACZ,EACH,CACD,eAAc,EAAU,OAAS,IAAA,GACjC,gBAAe,GAAY,IAAA,GAC3B,QAAS,EACT,GAAI,EAEH,WACO,CAAA,EAElB"}

package/dist/MPagination-C-Ff4orL.js

@@ -0,0 +1,103 @@
+import { t as e } from "./cn-BIeeqGZv.js";
+import { useMemo as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/layout/MPagination/MPagination.tsx
+function i(e, t) {
+	let n = [];
+	for (let r = e; r <= t; r++) n.push(r);
+	return n;
+}
+function a(e, t, n, r) {
+	if (e <= r * 2 + n * 2 + 3) return i(1, e);
+	let a = Math.max(t - n, r + 2), o = Math.min(t + n, e - r - 1), s = a > r + 2, c = o < e - r - 1, l = i(1, r), u = i(e - r + 1, e);
+	if (!s && c) return [
+		...i(1, n * 2 + r + 2),
+		"dots",
+		...u
+	];
+	if (s && !c) {
+		let t = n * 2 + r + 2;
+		return [
+			...l,
+			"dots",
+			...i(e - t + 1, e)
+		];
+	}
+	return [
+		...l,
+		"dots",
+		...i(a, o),
+		"dots",
+		...u
+	];
+}
+function o({ total: i, page: o, pageSize: s = 10, onChange: c, siblings: l = 1, boundaries: u = 1, variant: d = "numbered", className: f, ...p }) {
+	let m = Math.max(1, Math.ceil(i / s)), h = Math.min(Math.max(1, o), m), g = t(() => a(m, h, l, u), [
+		m,
+		h,
+		l,
+		u
+	]);
+	return d === "simple" ? /* @__PURE__ */ r("nav", {
+		"aria-label": "pagination",
+		className: e("pagination", f),
+		...p,
+		children: [
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "btn",
+				disabled: h <= 1,
+				onClick: () => c(h - 1),
+				children: "‹"
+			}),
+			/* @__PURE__ */ r("span", {
+				className: "info",
+				children: [
+					h,
+					" / ",
+					m
+				]
+			}),
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "btn",
+				disabled: h >= m,
+				onClick: () => c(h + 1),
+				children: "›"
+			})
+		]
+	}) : /* @__PURE__ */ r("nav", {
+		"aria-label": "pagination",
+		className: e("pagination", f),
+		...p,
+		children: [
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "btn",
+				disabled: h <= 1,
+				onClick: () => c(h - 1),
+				children: "‹"
+			}),
+			g.map((t, r) => t === "dots" ? /* @__PURE__ */ n("span", {
+				className: "dots",
+				children: "…"
+			}, `dots-${r}`) : /* @__PURE__ */ n("button", {
+				type: "button",
+				className: e("btn", t === h && "active"),
+				onClick: () => c(t),
+				children: t
+			}, t)),
+			/* @__PURE__ */ n("button", {
+				type: "button",
+				className: "btn",
+				disabled: h >= m,
+				onClick: () => c(h + 1),
+				children: "›"
+			})
+		]
+	});
+}
+//#endregion
+export { o as t };
+
+//# sourceMappingURL=MPagination-C-Ff4orL.js.map

package/dist/MPagination-C-Ff4orL.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPagination-C-Ff4orL.js","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <button\n                    type=\"button\"\n                    className=\"btn\"\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                >\n                    &#8249;\n                </button>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <button\n                    type=\"button\"\n                    className=\"btn\"\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                >\n                    &#8250;\n                </button>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <button type=\"button\" className=\"btn\" disabled={currentPage <= 1} onClick={() => onChange(currentPage - 1)}>\n                &#8249;\n            </button>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <button\n                type=\"button\"\n                className=\"btn\"\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n            >\n                &#8250;\n            </button>\n        </nav>\n    )\n}\n"],"mappings":";;;;AAKA,SAAS,EAAM,GAAe,GAAuB;CACjD,IAAM,IAAmB,EAAE;AAC3B,MAAK,IAAI,IAAI,GAAO,KAAK,GAAK,IAAK,GAAO,KAAK,EAAE;AACjD,QAAO;;AAGX,SAAS,EAAW,GAAoB,GAAc,GAAkB,GAAyC;AAC7G,KAAI,KAAc,IAAa,IAAI,IAAW,IAAI,EAC9C,QAAO,EAAM,GAAG,EAAW;CAG/B,IAAM,IAAY,KAAK,IAAI,IAAO,GAAU,IAAa,EAAE,EACrD,IAAa,KAAK,IAAI,IAAO,GAAU,IAAa,IAAa,EAAE,EAEnE,IAAe,IAAY,IAAa,GACxC,IAAgB,IAAa,IAAa,IAAa,GAEvD,IAAW,EAAM,GAAG,EAAW,EAC/B,IAAY,EAAM,IAAa,IAAa,GAAG,EAAW;AAEhE,KAAI,CAAC,KAAgB,EAEjB,QAAO;EAAC,GAAG,EAAM,GADC,IAAW,IAAI,IAAa,EAChB;EAAE;EAAQ,GAAG;EAAU;AAGzD,KAAI,KAAgB,CAAC,GAAe;EAChC,IAAM,IAAa,IAAW,IAAI,IAAa;AAC/C,SAAO;GAAC,GAAG;GAAU;GAAQ,GAAG,EAAM,IAAa,IAAa,GAAG,EAAW;GAAC;;AAGnF,QAAO;EAAC,GAAG;EAAU;EAAQ,GAAG,EAAM,GAAW,EAAW;EAAE;EAAQ,GAAG;EAAU;;AAGvF,SAAgB,EAAY,EACxB,UACA,SACA,cAAW,IACX,aACA,cAAW,GACX,gBAAa,GACb,aAAU,YACV,cACA,GAAG,KACc;CACjB,IAAM,IAAa,KAAK,IAAI,GAAG,KAAK,KAAK,IAAQ,EAAS,CAAC,EACrD,IAAc,KAAK,IAAI,KAAK,IAAI,GAAG,EAAK,EAAE,EAAW,EAErD,IAAQ,QACJ,EAAW,GAAY,GAAa,GAAU,EAAW,EAC/D;EAAC;EAAY;EAAa;EAAU;EAAW,CAClD;AA4BD,QA1BI,MAAY,WAER,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,UAAD;IACI,MAAK;IACL,WAAU;IACV,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;cAC3C;IAEQ,CAAA;GACT,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACK;KAAY;KAAI;KACd;;GACP,kBAAC,UAAD;IACI,MAAK;IACL,WAAU;IACV,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;cAC3C;IAEQ,CAAA;GACP;MAKV,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,UAAD;IAAQ,MAAK;IAAS,WAAU;IAAM,UAAU,KAAe;IAAG,eAAe,EAAS,IAAc,EAAE;cAAE;IAEnG,CAAA;GACR,EAAM,KAAK,GAAG,MACX,MAAM,SACF,kBAAC,QAAD;IAAwB,WAAU;cAAO;IAElC,EAFI,QAAQ,IAEZ,GAEP,kBAAC,UAAD;IAEI,MAAK;IACL,WAAW,EAAG,OAAO,MAAM,KAAe,SAAS;IACnD,eAAe,EAAS,EAAE;cAEzB;IACI,EANA,EAMA,CAEhB;GACD,kBAAC,UAAD;IACI,MAAK;IACL,WAAU;IACV,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;cAC3C;IAEQ,CAAA;GACP"}

package/dist/MPagination-CVy14D9v.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-BOmEz3Rt.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function i(e,t,n,i){if(e<=i*2+n*2+3)return r(1,e);let a=Math.max(t-n,i+2),o=Math.min(t+n,e-i-1),s=a>i+2,c=o<e-i-1,l=r(1,i),u=r(e-i+1,e);if(!s&&c)return[...r(1,n*2+i+2),`dots`,...u];if(s&&!c){let t=n*2+i+2;return[...l,`dots`,...r(e-t+1,e)]}return[...l,`dots`,...r(a,o),`dots`,...u]}function a({total:r,page:a,pageSize:o=10,onChange:s,siblings:c=1,boundaries:l=1,variant:u=`numbered`,className:d,...f}){let p=Math.max(1,Math.ceil(r/o)),m=Math.min(Math.max(1,a),p),h=(0,t.useMemo)(()=>i(p,m,c,l),[p,m,c,l]);return u===`simple`?(0,n.jsxs)(`nav`,{"aria-label":`pagination`,className:e.t(`pagination`,d),...f,children:[(0,n.jsx)(`button`,{type:`button`,className:`btn`,disabled:m<=1,onClick:()=>s(m-1),children:`‹`}),(0,n.jsxs)(`span`,{className:`info`,children:[m,` / `,p]}),(0,n.jsx)(`button`,{type:`button`,className:`btn`,disabled:m>=p,onClick:()=>s(m+1),children:`›`})]}):(0,n.jsxs)(`nav`,{"aria-label":`pagination`,className:e.t(`pagination`,d),...f,children:[(0,n.jsx)(`button`,{type:`button`,className:`btn`,disabled:m<=1,onClick:()=>s(m-1),children:`‹`}),h.map((t,r)=>t===`dots`?(0,n.jsx)(`span`,{className:`dots`,children:`…`},`dots-${r}`):(0,n.jsx)(`button`,{type:`button`,className:e.t(`btn`,t===m&&`active`),onClick:()=>s(t),children:t},t)),(0,n.jsx)(`button`,{type:`button`,className:`btn`,disabled:m>=p,onClick:()=>s(m+1),children:`›`})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MPagination-CVy14D9v.cjs.map

package/dist/MPagination-CVy14D9v.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPagination-CVy14D9v.cjs","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport type {MPaginationProps} from './MPagination.types'\nimport './MPagination.css'\n\nfunction range(start: number, end: number): number[] {\n    const result: number[] = []\n    for (let i = start; i <= end; i++) result.push(i)\n    return result\n}\n\nfunction buildPages(totalPages: number, page: number, siblings: number, boundaries: number): (number | 'dots')[] {\n    if (totalPages <= boundaries * 2 + siblings * 2 + 3) {\n        return range(1, totalPages)\n    }\n\n    const leftBound = Math.max(page - siblings, boundaries + 2)\n    const rightBound = Math.min(page + siblings, totalPages - boundaries - 1)\n\n    const showLeftDots = leftBound > boundaries + 2\n    const showRightDots = rightBound < totalPages - boundaries - 1\n\n    const leftEdge = range(1, boundaries)\n    const rightEdge = range(totalPages - boundaries + 1, totalPages)\n\n    if (!showLeftDots && showRightDots) {\n        const leftCount = siblings * 2 + boundaries + 2\n        return [...range(1, leftCount), 'dots', ...rightEdge]\n    }\n\n    if (showLeftDots && !showRightDots) {\n        const rightCount = siblings * 2 + boundaries + 2\n        return [...leftEdge, 'dots', ...range(totalPages - rightCount + 1, totalPages)]\n    }\n\n    return [...leftEdge, 'dots', ...range(leftBound, rightBound), 'dots', ...rightEdge]\n}\n\nexport function MPagination({\n    total,\n    page,\n    pageSize = 10,\n    onChange,\n    siblings = 1,\n    boundaries = 1,\n    variant = 'numbered',\n    className,\n    ...rest\n}: MPaginationProps) {\n    const totalPages = Math.max(1, Math.ceil(total / pageSize))\n    const currentPage = Math.min(Math.max(1, page), totalPages)\n\n    const pages = useMemo(\n        () => buildPages(totalPages, currentPage, siblings, boundaries),\n        [totalPages, currentPage, siblings, boundaries]\n    )\n\n    if (variant === 'simple') {\n        return (\n            <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n                <button\n                    type=\"button\"\n                    className=\"btn\"\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                >\n                    &#8249;\n                </button>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <button\n                    type=\"button\"\n                    className=\"btn\"\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                >\n                    &#8250;\n                </button>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <button type=\"button\" className=\"btn\" disabled={currentPage <= 1} onClick={() => onChange(currentPage - 1)}>\n                &#8249;\n            </button>\n            {pages.map((p, i) =>\n                p === 'dots' ? (\n                    <span key={`dots-${i}`} className=\"dots\">\n                        &#8230;\n                    </span>\n                ) : (\n                    <button\n                        key={p}\n                        type=\"button\"\n                        className={cn('btn', p === currentPage && 'active')}\n                        onClick={() => onChange(p)}\n                    >\n                        {p}\n                    </button>\n                )\n            )}\n            <button\n                type=\"button\"\n                className=\"btn\"\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n            >\n                &#8250;\n            </button>\n        </nav>\n    )\n}\n"],"mappings":"2FAKA,SAAS,EAAM,EAAe,EAAuB,CACjD,IAAM,EAAmB,EAAE,CAC3B,IAAK,IAAI,EAAI,EAAO,GAAK,EAAK,IAAK,EAAO,KAAK,EAAE,CACjD,OAAO,EAGX,SAAS,EAAW,EAAoB,EAAc,EAAkB,EAAyC,CAC7G,GAAI,GAAc,EAAa,EAAI,EAAW,EAAI,EAC9C,OAAO,EAAM,EAAG,EAAW,CAG/B,IAAM,EAAY,KAAK,IAAI,EAAO,EAAU,EAAa,EAAE,CACrD,EAAa,KAAK,IAAI,EAAO,EAAU,EAAa,EAAa,EAAE,CAEnE,EAAe,EAAY,EAAa,EACxC,EAAgB,EAAa,EAAa,EAAa,EAEvD,EAAW,EAAM,EAAG,EAAW,CAC/B,EAAY,EAAM,EAAa,EAAa,EAAG,EAAW,CAEhE,GAAI,CAAC,GAAgB,EAEjB,MAAO,CAAC,GAAG,EAAM,EADC,EAAW,EAAI,EAAa,EAChB,CAAE,OAAQ,GAAG,EAAU,CAGzD,GAAI,GAAgB,CAAC,EAAe,CAChC,IAAM,EAAa,EAAW,EAAI,EAAa,EAC/C,MAAO,CAAC,GAAG,EAAU,OAAQ,GAAG,EAAM,EAAa,EAAa,EAAG,EAAW,CAAC,CAGnF,MAAO,CAAC,GAAG,EAAU,OAAQ,GAAG,EAAM,EAAW,EAAW,CAAE,OAAQ,GAAG,EAAU,CAGvF,SAAgB,EAAY,CACxB,QACA,OACA,WAAW,GACX,WACA,WAAW,EACX,aAAa,EACb,UAAU,WACV,YACA,GAAG,GACc,CACjB,IAAM,EAAa,KAAK,IAAI,EAAG,KAAK,KAAK,EAAQ,EAAS,CAAC,CACrD,EAAc,KAAK,IAAI,KAAK,IAAI,EAAG,EAAK,CAAE,EAAW,CAErD,GAAA,EAAA,EAAA,aACI,EAAW,EAAY,EAAa,EAAU,EAAW,CAC/D,CAAC,EAAY,EAAa,EAAU,EAAW,CAClD,CA4BD,OA1BI,IAAY,UAER,EAAA,EAAA,MAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,EAAG,aAAc,EAAU,CAAE,GAAI,WAAzE,EACI,EAAA,EAAA,KAAC,SAAD,CACI,KAAK,SACL,UAAU,MACV,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,UAC3C,IAEQ,CAAA,EACT,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,gBAAhB,CACK,EAAY,MAAI,EACd,IACP,EAAA,EAAA,KAAC,SAAD,CACI,KAAK,SACL,UAAU,MACV,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,UAC3C,IAEQ,CAAA,CACP,IAKV,EAAA,EAAA,MAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,EAAG,aAAc,EAAU,CAAE,GAAI,WAAzE,EACI,EAAA,EAAA,KAAC,SAAD,CAAQ,KAAK,SAAS,UAAU,MAAM,SAAU,GAAe,EAAG,YAAe,EAAS,EAAc,EAAE,UAAE,IAEnG,CAAA,CACR,EAAM,KAAK,EAAG,IACX,IAAM,QACF,EAAA,EAAA,KAAC,OAAD,CAAwB,UAAU,gBAAO,IAElC,CAFI,QAAQ,IAEZ,EAEP,EAAA,EAAA,KAAC,SAAD,CAEI,KAAK,SACL,UAAW,EAAA,EAAG,MAAO,IAAM,GAAe,SAAS,CACnD,YAAe,EAAS,EAAE,UAEzB,EACI,CANA,EAMA,CAEhB,EACD,EAAA,EAAA,KAAC,SAAD,CACI,KAAK,SACL,UAAU,MACV,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,UAC3C,IAEQ,CAAA,CACP"}