@banzamel/mineralui 2.4.2 → 2.4.3

package/dist/{MPagination-BkvOEZpp.js.map → MPagination-E7IixIeo.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MPagination-BkvOEZpp.js","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\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                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\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            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":";;;;;;AAOA,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;AAgCD,QA9BI,MAAY,WAER,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACV,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACK;KAAY;KAAI;KACd;;GACP,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR;MAKV,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACT,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,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR"}
+{"version":3,"file":"MPagination-E7IixIeo.js","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\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                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\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            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":";;;;;;AAOA,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;AAgCD,QA9BI,MAAY,WAER,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACV,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACK;KAAY;KAAI;KACd;;GACP,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR;MAKV,kBAAC,OAAD;EAAK,cAAW;EAAa,WAAW,EAAG,cAAc,EAAU;EAAE,GAAI;YAAzE;GACI,kBAAC,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAoB,CAAA;IACd,CAAA;GACT,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,GAAD;IACI,SAAQ;IACR,MAAK;IACL,UAAA;IACA,UAAU,KAAe;IACzB,eAAe,EAAS,IAAc,EAAE;IACxC,WAAU;cAEV,kBAAC,GAAD,EAAqB,CAAA;IACf,CAAA;GACR"}

package/dist/{MPagination-DgQta29Q.cjs → MPagination-reDU9xTW.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./icons-D_NB67he.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MButton-sTKnano6.cjs`);require(`./core-D66c1_Wo.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function o(e,t,n,r){if(e<=r*2+n*2+3)return a(1,e);let i=Math.max(t-n,r+2),o=Math.min(t+n,e-r-1),s=i>r+2,c=o<e-r-1,l=a(1,r),u=a(e-r+1,e);if(!s&&c)return[...a(1,n*2+r+2),`dots`,...u];if(s&&!c){let t=n*2+r+2;return[...l,`dots`,...a(e-t+1,e)]}return[...l,`dots`,...a(i,o),`dots`,...u]}function s({total:a,page:s,pageSize:c=10,onChange:l,siblings:u=1,boundaries:d=1,variant:f=`numbered`,className:p,...m}){let h=Math.max(1,Math.ceil(a/c)),g=Math.min(Math.max(1,s),h),_=(0,r.useMemo)(()=>o(h,g,u,d),[h,g,u,d]);return f===`simple`?(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Ji,{})}),(0,i.jsxs)(`span`,{className:`info`,children:[g,` / `,h]}),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.qi,{})})]}):(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Ji,{})}),_.map((e,n)=>e===`dots`?(0,i.jsx)(`span`,{className:`dots`,children:`…`},`dots-${n}`):(0,i.jsx)(`button`,{type:`button`,className:t.t(`btn`,e===g&&`active`),onClick:()=>l(e),children:e},e)),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.qi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
-//# sourceMappingURL=MPagination-DgQta29Q.cjs.map
+const e=require(`./icons-D3n9-919.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./MButton-CnAr77Za.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a(e,t){let n=[];for(let r=e;r<=t;r++)n.push(r);return n}function o(e,t,n,r){if(e<=r*2+n*2+3)return a(1,e);let i=Math.max(t-n,r+2),o=Math.min(t+n,e-r-1),s=i>r+2,c=o<e-r-1,l=a(1,r),u=a(e-r+1,e);if(!s&&c)return[...a(1,n*2+r+2),`dots`,...u];if(s&&!c){let t=n*2+r+2;return[...l,`dots`,...a(e-t+1,e)]}return[...l,`dots`,...a(i,o),`dots`,...u]}function s({total:a,page:s,pageSize:c=10,onChange:l,siblings:u=1,boundaries:d=1,variant:f=`numbered`,className:p,...m}){let h=Math.max(1,Math.ceil(a/c)),g=Math.min(Math.max(1,s),h),_=(0,r.useMemo)(()=>o(h,g,u,d),[h,g,u,d]);return f===`simple`?(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Ji,{})}),(0,i.jsxs)(`span`,{className:`info`,children:[g,` / `,h]}),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.qi,{})})]}):(0,i.jsxs)(`nav`,{"aria-label":`pagination`,className:t.t(`pagination`,p),...m,children:[(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g<=1,onClick:()=>l(g-1),className:`nav`,children:(0,i.jsx)(e.Ji,{})}),_.map((e,n)=>e===`dots`?(0,i.jsx)(`span`,{className:`dots`,children:`…`},`dots-${n}`):(0,i.jsx)(`button`,{type:`button`,className:t.t(`btn`,e===g&&`active`),onClick:()=>l(e),children:e},e)),(0,i.jsx)(n.t,{variant:`outlined`,size:`sm`,iconOnly:!0,disabled:g>=h,onClick:()=>l(g+1),className:`nav`,children:(0,i.jsx)(e.qi,{})})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});
+//# sourceMappingURL=MPagination-reDU9xTW.cjs.map

package/dist/{MPagination-DgQta29Q.cjs.map → MPagination-reDU9xTW.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MPagination-DgQta29Q.cjs","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\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                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\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            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":"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"}
+{"version":3,"file":"MPagination-reDU9xTW.cjs","names":[],"sources":["../src/components/layout/MPagination/MPagination.tsx"],"sourcesContent":["import {useMemo} from 'react'\nimport {cn} from '../../../utils/cn'\nimport {MButton} from '../../controls'\nimport {MChevronLeftIcon, MChevronRightIcon} from '../../../icons'\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                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage <= 1}\n                    onClick={() => onChange(currentPage - 1)}\n                    className=\"nav\"\n                >\n                    <MChevronLeftIcon />\n                </MButton>\n                <span className=\"info\">\n                    {currentPage} / {totalPages}\n                </span>\n                <MButton\n                    variant=\"outlined\"\n                    size=\"sm\"\n                    iconOnly\n                    disabled={currentPage >= totalPages}\n                    onClick={() => onChange(currentPage + 1)}\n                    className=\"nav\"\n                >\n                    <MChevronRightIcon />\n                </MButton>\n            </nav>\n        )\n    }\n\n    return (\n        <nav aria-label=\"pagination\" className={cn('pagination', className)} {...rest}>\n            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage <= 1}\n                onClick={() => onChange(currentPage - 1)}\n                className=\"nav\"\n            >\n                <MChevronLeftIcon />\n            </MButton>\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            <MButton\n                variant=\"outlined\"\n                size=\"sm\"\n                iconOnly\n                disabled={currentPage >= totalPages}\n                onClick={() => onChange(currentPage + 1)}\n                className=\"nav\"\n            >\n                <MChevronRightIcon />\n            </MButton>\n        </nav>\n    )\n}\n"],"mappings":"gMAOA,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,CAgCD,OA9BI,IAAY,UAER,EAAA,EAAA,MAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,EAAG,aAAc,EAAU,CAAE,GAAI,WAAzE,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAoB,CAAA,CACd,CAAA,EACV,EAAA,EAAA,MAAC,OAAD,CAAM,UAAU,gBAAhB,CACK,EAAY,MAAI,EACd,IACP,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAqB,CAAA,CACf,CAAA,CACR,IAKV,EAAA,EAAA,MAAC,MAAD,CAAK,aAAW,aAAa,UAAW,EAAA,EAAG,aAAc,EAAU,CAAE,GAAI,WAAzE,EACI,EAAA,EAAA,KAAC,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAoB,CAAA,CACd,CAAA,CACT,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,EAAA,EAAD,CACI,QAAQ,WACR,KAAK,KACL,SAAA,GACA,SAAU,GAAe,EACzB,YAAe,EAAS,EAAc,EAAE,CACxC,UAAU,gBAEV,EAAA,EAAA,KAAC,EAAA,GAAD,EAAqB,CAAA,CACf,CAAA,CACR"}

package/dist/{MPopover-Dd-GIBU6.js → MPopover-8gYD3Ogq.js}

@@ -1,55 +1,18 @@
 import { t as e } from "./cn-YER3QsV1.js";
 import { t } from "./MPortal-Ba2Sxset.js";
-import { useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o } from "react/jsx-runtime";
-//#region src/components/primitives/MPopover/popoverStack.ts
-var s = [], c = 1;
-function l() {
-	return c++;
-}
-function u(e) {
-	return s.push(e), () => {
-		let t = s.indexOf(e);
-		t !== -1 && s.splice(t, 1);
-	};
-}
-function d(e) {
-	let t = e.getAnchorEl();
-	if (!t) return null;
-	for (let n of s) {
-		if (n.id === e.id) continue;
-		let r = n.getPopoverEl();
-		if (r && r.contains(t)) return n.id;
-	}
-	return null;
-}
-function f(e, t) {
-	if (!t) return !1;
-	for (let n of s) {
-		if (n.id === e) continue;
-		let r = n.getPopoverEl();
-		if (!r || !r.contains(t)) continue;
-		let i = /* @__PURE__ */ new Set(), a = d(n);
-		for (; a !== null && !i.has(a);) {
-			if (a === e) return !0;
-			i.add(a);
-			let t = s.find((e) => e.id === a);
-			a = t ? d(t) : null;
-		}
-	}
-	return !1;
-}
-//#endregion
+import { i as n, n as r, r as i } from "./popoverStack--0r2oJCD.js";
+import { useCallback as a, useEffect as o, useRef as s, useState as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
 //#region src/components/primitives/MPopover/MPopover.tsx
-function p({ open: s, anchorRef: c, onClose: d, placement: p = "bottom-start", matchWidth: m = !1, offset: h = 4, zIndex: g, children: _, className: v, style: y }) {
-	let b = i(null), x = i(null);
-	x.current === null && (x.current = l());
-	let S = x.current, [C, w] = a(null), [T, E] = a(!1), [D, O] = a(null), k = n(() => {
+function u({ open: u, anchorRef: d, onClose: f, placement: p = "bottom-start", matchWidth: m = !1, offset: h = 4, zIndex: g, children: _, className: v, style: y }) {
+	let b = s(null), x = s(null);
+	x.current === null && (x.current = i());
+	let S = x.current, [C, w] = c(null), [T, E] = c(!1), [D, O] = c(null), k = a(() => {
 		if (g !== void 0) {
 			O(g);
 			return;
 		}
-		let e = c.current;
+		let e = d.current;
 		if (!e || typeof window > "u") {
 			O(null);
 			return;
@@ -61,35 +24,35 @@ function p({ open: s, anchorRef: c, onClose: d, placement: p = "bottom-start", m
 		}
 		let n = window.getComputedStyle(t).zIndex, r = Number.parseInt(n, 10);
 		O(Number.isFinite(r) ? r + 1 : null);
-	}, [c, g]), A = n(() => {
-		if (!c.current || !b.current) return;
-		let e = c.current.getBoundingClientRect(), t = {
+	}, [d, g]), A = a(() => {
+		if (!d.current || !b.current) return;
+		let e = d.current.getBoundingClientRect(), t = {
 			width: b.current.offsetWidth,
 			height: b.current.offsetHeight
 		}, n = {
 			width: window.innerWidth,
 			height: window.innerHeight
-		}, r = p.startsWith("top"), i = p.startsWith("right"), a = p.startsWith("left"), o = i || a, s = p.endsWith("end"), l, u;
+		}, r = p.startsWith("top"), i = p.startsWith("right"), a = p.startsWith("left"), o = i || a, s = p.endsWith("end"), c, l;
 		if (o) {
 			let r = n.width - e.right - h, a = e.left - h, o = i ? r < t.width && a > r : a < t.width && r > a;
-			E(o), u = (i ? !o : o) ? e.right + h + window.scrollX : e.left - t.width - h + window.scrollX, l = s ? e.bottom - t.height + window.scrollY : e.top + window.scrollY, l = Math.min(l, window.scrollY + n.height - t.height - 8);
+			E(o), l = (i ? !o : o) ? e.right + h + window.scrollX : e.left - t.width - h + window.scrollX, c = s ? e.bottom - t.height + window.scrollY : e.top + window.scrollY, c = Math.min(c, window.scrollY + n.height - t.height - 8);
 		} else {
 			let i = n.height - e.bottom - h, a = e.top - h, o = r ? a < t.height && i > a : i < t.height && a > i;
-			E(o), l = (r ? !o : o) ? e.top - t.height - h + window.scrollY : e.bottom + h + window.scrollY, u = s ? e.right - t.width + window.scrollX : e.left + window.scrollX;
+			E(o), c = (r ? !o : o) ? e.top - t.height - h + window.scrollY : e.bottom + h + window.scrollY, l = s ? e.right - t.width + window.scrollX : e.left + window.scrollX;
 		}
-		u = Math.max(8, Math.min(u, n.width - t.width - 8)), l = Math.max(8 + window.scrollY, l), w({
-			top: l,
-			left: u,
+		l = Math.max(8, Math.min(l, n.width - t.width - 8)), c = Math.max(8 + window.scrollY, c), w({
+			top: c,
+			left: l,
 			width: m ? e.width : void 0
 		});
 	}, [
-		c,
+		d,
 		p,
 		h,
 		m
 	]);
-	return r(() => {
-		if (!s) {
+	return o(() => {
+		if (!u) {
 			w(null), O(null);
 			return;
 		}
@@ -102,38 +65,38 @@ function p({ open: s, anchorRef: c, onClose: d, placement: p = "bottom-start", m
 			e?.disconnect(), document.removeEventListener("scroll", A, { capture: !0 }), window.removeEventListener("resize", A);
 		};
 	}, [
-		s,
+		u,
 		k,
 		A
-	]), r(() => {
-		if (!s) return;
+	]), o(() => {
+		if (!u) return;
 		let e = (e) => {
-			e.key === "Escape" && d();
+			e.key === "Escape" && f();
 		};
 		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
-	}, [s, d]), r(() => {
-		if (s) return u({
+	}, [u, f]), o(() => {
+		if (u) return n({
 			id: S,
 			getPopoverEl: () => b.current,
-			getAnchorEl: () => c.current
+			getAnchorEl: () => d.current
 		});
 	}, [
-		s,
+		u,
 		S,
-		c
-	]), r(() => {
-		if (!s) return;
+		d
+	]), o(() => {
+		if (!u) return;
 		let e = (e) => {
 			let t = e.target;
-			b.current?.contains(t) || c.current?.contains(t) || f(S, t) || d();
+			b.current?.contains(t) || d.current?.contains(t) || r(S, t) || f();
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [
-		s,
+		u,
+		f,
 		d,
-		c,
 		S
-	]), s ? /* @__PURE__ */ o(t, { children: /* @__PURE__ */ o("div", {
+	]), u ? /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l("div", {
 		ref: b,
 		className: e("popover", T ? "flipped" : "normal", v),
 		style: {
@@ -150,6 +113,6 @@ function p({ open: s, anchorRef: c, onClose: d, placement: p = "bottom-start", m
 	}) }) : null;
 }
 //#endregion
-export { p as t };
+export { u as t };
 
-//# sourceMappingURL=MPopover-Dd-GIBU6.js.map
+//# sourceMappingURL=MPopover-8gYD3Ogq.js.map

package/dist/MPopover-8gYD3Ogq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPopover-8gYD3Ogq.js","names":[],"sources":["../src/components/primitives/MPopover/MPopover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport {MPortal} from '../MPortal'\nimport {cn} from '../../../utils/cn'\nimport {isInsideDescendantPopover, nextPopoverId, registerPopover} from './popoverStack'\nimport type {MPopoverProps} from './MPopover.types'\nimport './MPopover.css'\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function MPopover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n}: MPopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const popoverIdRef = useRef<number>(null)\n    if (popoverIdRef.current === null) popoverIdRef.current = nextPopoverId()\n    const popoverId = popoverIdRef.current\n    const [position, setPosition] = useState<{top: number; left: number; width?: number} | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest(\n            '.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover'\n        )\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        // Layout size, not getBoundingClientRect: the open animation scales the popover, and\n        // measuring mid-animation under-reports its height by ~5 % (enough to overflow the\n        // viewport after a flip / shift).\n        const popover = {width: popoverRef.current.offsetWidth, height: popoverRef.current.offsetHeight}\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n\n            // Shift along the anchor edge so a side popover near the bottom of the viewport\n            // slides up instead of running off-screen (the top clamp below wins when it is\n            // taller than the viewport).\n            top = Math.min(top, window.scrollY + viewport.height - popover.height - 8)\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            if (showOnTop) {\n                top = anchor.top - popover.height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        // Content that grows after opening (images, expanded lists) must re-run the\n        // flip / shift, or the popover drifts past the viewport edge.\n        const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => updatePosition())\n        if (resizeObserver && popoverRef.current) {\n            resizeObserver.observe(popoverRef.current)\n        }\n\n        // `scroll` does not bubble, so a window listener only ever sees the\n        // document scrolling. Anchors living inside a scrollable ancestor — an\n        // app shell with a scrolling main region, MStickyPanel, an overflowing\n        // card — would leave the popover stranded at its opening coordinates\n        // while the anchor moved away underneath it. Scroll events do capture,\n        // so a capture-phase listener on the document catches scrolling from\n        // ANY container, including the document itself.\n        document.addEventListener('scroll', updatePosition, {capture: true, passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            resizeObserver?.disconnect()\n            document.removeEventListener('scroll', updatePosition, {capture: true})\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Close the popover with the standard Escape key interaction.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose])\n\n    // Publish this instance while it is open so nested popovers can be related\n    // back to it — see popoverStack.ts for why the DOM alone cannot answer this.\n    useEffect(() => {\n        if (!open) return\n        return registerPopover({\n            id: popoverId,\n            getPopoverEl: () => popoverRef.current,\n            getAnchorEl: () => anchorRef.current,\n        })\n    }, [open, popoverId, anchorRef])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            const target = e.target as Node\n\n            if (popoverRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n                return\n            }\n\n            // A popover nested inside this one is portaled to `document.body`,\n            // so it fails the `contains` checks above even though the click\n            // belongs to this popover's own subtree. Closing here would unmount\n            // that child between mousedown and mouseup and swallow its click.\n            if (isInsideDescendantPopover(popoverId, target)) {\n                return\n            }\n\n            onClose()\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef, popoverId])\n\n    if (!open) return null\n\n    return (\n        <MPortal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                role=\"listbox\"\n            >\n                {children}\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}

package/dist/MPopover-B3npyAkL.cjs

@@ -0,0 +1,2 @@
+const e=require(`./cn-CU5TNITO.cjs`),t=require(`./MPortal-CuBXhhl_.cjs`),n=require(`./popoverStack-BmMk-VZJ.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react`),i=require(`react/jsx-runtime`);function a({open:a,anchorRef:o,onClose:s,placement:c=`bottom-start`,matchWidth:l=!1,offset:u=4,zIndex:d,children:f,className:p,style:m}){let h=(0,r.useRef)(null),g=(0,r.useRef)(null);g.current===null&&(g.current=n.r());let _=g.current,[v,y]=(0,r.useState)(null),[b,x]=(0,r.useState)(!1),[S,C]=(0,r.useState)(null),w=(0,r.useCallback)(()=>{if(d!==void 0){C(d);return}let e=o.current;if(!e||typeof window>`u`){C(null);return}let t=e.closest(`.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover`);if(!t){C(null);return}let n=window.getComputedStyle(t).zIndex,r=Number.parseInt(n,10);C(Number.isFinite(r)?r+1:null)},[o,d]),T=(0,r.useCallback)(()=>{if(!o.current||!h.current)return;let e=o.current.getBoundingClientRect(),t={width:h.current.offsetWidth,height:h.current.offsetHeight},n={width:window.innerWidth,height:window.innerHeight},r=c.startsWith(`top`),i=c.startsWith(`right`),a=c.startsWith(`left`),s=i||a,d=c.endsWith(`end`),f,p;if(s){let r=n.width-e.right-u,a=e.left-u,o=i?r<t.width&&a>r:a<t.width&&r>a;x(o),p=(i?!o:o)?e.right+u+window.scrollX:e.left-t.width-u+window.scrollX,f=d?e.bottom-t.height+window.scrollY:e.top+window.scrollY,f=Math.min(f,window.scrollY+n.height-t.height-8)}else{let i=n.height-e.bottom-u,a=e.top-u,o=r?a<t.height&&i>a:i<t.height&&a>i;x(o),f=(r?!o:o)?e.top-t.height-u+window.scrollY:e.bottom+u+window.scrollY,p=d?e.right-t.width+window.scrollX:e.left+window.scrollX}p=Math.max(8,Math.min(p,n.width-t.width-8)),f=Math.max(8+window.scrollY,f),y({top:f,left:p,width:l?e.width:void 0})},[o,c,u,l]);return(0,r.useEffect)(()=>{if(!a){y(null),C(null);return}w(),requestAnimationFrame(T);let e=typeof ResizeObserver>`u`?null:new ResizeObserver(()=>T());return e&&h.current&&e.observe(h.current),document.addEventListener(`scroll`,T,{capture:!0,passive:!0}),window.addEventListener(`resize`,T,{passive:!0}),()=>{e?.disconnect(),document.removeEventListener(`scroll`,T,{capture:!0}),window.removeEventListener(`resize`,T)}},[a,w,T]),(0,r.useEffect)(()=>{if(!a)return;let e=e=>{e.key===`Escape`&&s()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[a,s]),(0,r.useEffect)(()=>{if(a)return n.i({id:_,getPopoverEl:()=>h.current,getAnchorEl:()=>o.current})},[a,_,o]),(0,r.useEffect)(()=>{if(!a)return;let e=e=>{let t=e.target;h.current?.contains(t)||o.current?.contains(t)||n.n(_,t)||s()};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[a,s,o,_]),a?(0,i.jsx)(t.t,{children:(0,i.jsx)(`div`,{ref:h,className:e.t(`popover`,b?`flipped`:`normal`,p),style:{position:`absolute`,top:v?.top??0,left:v?.left??0,width:v?.width,zIndex:S??void 0,visibility:v?`visible`:`hidden`,...m},role:`listbox`,children:f})}):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MPopover-B3npyAkL.cjs.map

package/dist/MPopover-B3npyAkL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MPopover-B3npyAkL.cjs","names":[],"sources":["../src/components/primitives/MPopover/MPopover.tsx"],"sourcesContent":["import {useState, useEffect, useRef, useCallback} from 'react'\nimport {MPortal} from '../MPortal'\nimport {cn} from '../../../utils/cn'\nimport {isInsideDescendantPopover, nextPopoverId, registerPopover} from './popoverStack'\nimport type {MPopoverProps} from './MPopover.types'\nimport './MPopover.css'\n\n// Position floating content relative to an anchor with viewport-aware flipping.\nexport function MPopover({\n    open,\n    anchorRef,\n    onClose,\n    placement = 'bottom-start',\n    matchWidth = false,\n    offset = 4,\n    zIndex,\n    children,\n    className,\n    style,\n}: MPopoverProps) {\n    const popoverRef = useRef<HTMLDivElement>(null)\n    const popoverIdRef = useRef<number>(null)\n    if (popoverIdRef.current === null) popoverIdRef.current = nextPopoverId()\n    const popoverId = popoverIdRef.current\n    const [position, setPosition] = useState<{top: number; left: number; width?: number} | null>(null)\n    const [flipped, setFlipped] = useState(false)\n    const [layerZ, setLayerZ] = useState<number | string | null>(null)\n\n    // Lift popovers above drawers, modals and mobile sidebars when the anchor sits inside them.\n    const updateLayer = useCallback(() => {\n        if (zIndex !== undefined) {\n            setLayerZ(zIndex)\n            return\n        }\n\n        const anchor = anchorRef.current\n        if (!anchor || typeof window === 'undefined') {\n            setLayerZ(null)\n            return\n        }\n\n        const layerHost = anchor.closest(\n            '.drawer-backdrop, .modal-backdrop, .sheet-backdrop, .sidebar.mobile-open, .popover'\n        )\n        if (!layerHost) {\n            setLayerZ(null)\n            return\n        }\n\n        const computedZ = window.getComputedStyle(layerHost).zIndex\n        const parsedZ = Number.parseInt(computedZ, 10)\n        setLayerZ(Number.isFinite(parsedZ) ? parsedZ + 1 : null)\n    }, [anchorRef, zIndex])\n\n    // Recalculate popover position whenever layout or viewport constraints change.\n    const updatePosition = useCallback(() => {\n        if (!anchorRef.current || !popoverRef.current) return\n\n        const anchor = anchorRef.current.getBoundingClientRect()\n        // Layout size, not getBoundingClientRect: the open animation scales the popover, and\n        // measuring mid-animation under-reports its height by ~5 % (enough to overflow the\n        // viewport after a flip / shift).\n        const popover = {width: popoverRef.current.offsetWidth, height: popoverRef.current.offsetHeight}\n        const viewport = {\n            width: window.innerWidth,\n            height: window.innerHeight,\n        }\n\n        const isTop = placement.startsWith('top')\n        const isRight = placement.startsWith('right')\n        const isLeft = placement.startsWith('left')\n        const isHorizontal = isRight || isLeft\n        const isEnd = placement.endsWith('end')\n\n        let top: number\n        let left: number\n\n        if (isHorizontal) {\n            // Horizontal placement: position to the right or left of the anchor\n            const spaceRight = viewport.width - anchor.right - offset\n            const spaceLeft = anchor.left - offset\n            const shouldFlip = isRight\n                ? spaceRight < popover.width && spaceLeft > spaceRight\n                : spaceLeft < popover.width && spaceRight > spaceLeft\n\n            setFlipped(shouldFlip)\n\n            const showOnRight = isRight ? !shouldFlip : shouldFlip\n\n            if (showOnRight) {\n                left = anchor.right + offset + window.scrollX\n            } else {\n                left = anchor.left - popover.width - offset + window.scrollX\n            }\n\n            if (isEnd) {\n                top = anchor.bottom - popover.height + window.scrollY\n            } else {\n                top = anchor.top + window.scrollY\n            }\n\n            // Shift along the anchor edge so a side popover near the bottom of the viewport\n            // slides up instead of running off-screen (the top clamp below wins when it is\n            // taller than the viewport).\n            top = Math.min(top, window.scrollY + viewport.height - popover.height - 8)\n        } else {\n            // Vertical placement: position above or below the anchor\n            const spaceBelow = viewport.height - anchor.bottom - offset\n            const spaceAbove = anchor.top - offset\n            const shouldFlip = isTop\n                ? spaceAbove < popover.height && spaceBelow > spaceAbove\n                : spaceBelow < popover.height && spaceAbove > spaceBelow\n\n            setFlipped(shouldFlip)\n\n            const showOnTop = isTop ? !shouldFlip : shouldFlip\n\n            if (showOnTop) {\n                top = anchor.top - popover.height - offset + window.scrollY\n            } else {\n                top = anchor.bottom + offset + window.scrollY\n            }\n\n            if (isEnd) {\n                left = anchor.right - popover.width + window.scrollX\n            } else {\n                left = anchor.left + window.scrollX\n            }\n        }\n\n        // Clamp to viewport\n        left = Math.max(8, Math.min(left, viewport.width - popover.width - 8))\n        top = Math.max(8 + window.scrollY, top)\n\n        setPosition({\n            top,\n            left,\n            width: matchWidth ? anchor.width : undefined,\n        })\n    }, [anchorRef, placement, offset, matchWidth])\n\n    useEffect(() => {\n        if (!open) {\n            setPosition(null)\n            setLayerZ(null)\n            return\n        }\n\n        updateLayer()\n        // Wait one frame so the rendered popover can be measured accurately.\n        requestAnimationFrame(updatePosition)\n\n        // Content that grows after opening (images, expanded lists) must re-run the\n        // flip / shift, or the popover drifts past the viewport edge.\n        const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => updatePosition())\n        if (resizeObserver && popoverRef.current) {\n            resizeObserver.observe(popoverRef.current)\n        }\n\n        // `scroll` does not bubble, so a window listener only ever sees the\n        // document scrolling. Anchors living inside a scrollable ancestor — an\n        // app shell with a scrolling main region, MStickyPanel, an overflowing\n        // card — would leave the popover stranded at its opening coordinates\n        // while the anchor moved away underneath it. Scroll events do capture,\n        // so a capture-phase listener on the document catches scrolling from\n        // ANY container, including the document itself.\n        document.addEventListener('scroll', updatePosition, {capture: true, passive: true})\n        window.addEventListener('resize', updatePosition, {passive: true})\n        return () => {\n            resizeObserver?.disconnect()\n            document.removeEventListener('scroll', updatePosition, {capture: true})\n            window.removeEventListener('resize', updatePosition)\n        }\n    }, [open, updateLayer, updatePosition])\n\n    // Close the popover with the standard Escape key interaction.\n    useEffect(() => {\n        if (!open) return\n        const handleKey = (e: KeyboardEvent) => {\n            if (e.key === 'Escape') onClose()\n        }\n        document.addEventListener('keydown', handleKey)\n        return () => document.removeEventListener('keydown', handleKey)\n    }, [open, onClose])\n\n    // Publish this instance while it is open so nested popovers can be related\n    // back to it — see popoverStack.ts for why the DOM alone cannot answer this.\n    useEffect(() => {\n        if (!open) return\n        return registerPopover({\n            id: popoverId,\n            getPopoverEl: () => popoverRef.current,\n            getAnchorEl: () => anchorRef.current,\n        })\n    }, [open, popoverId, anchorRef])\n\n    // Close when the user interacts outside both the popover and its anchor.\n    useEffect(() => {\n        if (!open) return\n        const handleClick = (e: MouseEvent) => {\n            const target = e.target as Node\n\n            if (popoverRef.current?.contains(target) || anchorRef.current?.contains(target)) {\n                return\n            }\n\n            // A popover nested inside this one is portaled to `document.body`,\n            // so it fails the `contains` checks above even though the click\n            // belongs to this popover's own subtree. Closing here would unmount\n            // that child between mousedown and mouseup and swallow its click.\n            if (isInsideDescendantPopover(popoverId, target)) {\n                return\n            }\n\n            onClose()\n        }\n        document.addEventListener('mousedown', handleClick)\n        return () => document.removeEventListener('mousedown', handleClick)\n    }, [open, onClose, anchorRef, popoverId])\n\n    if (!open) return null\n\n    return (\n        <MPortal>\n            <div\n                ref={popoverRef}\n                className={cn('popover', flipped ? 'flipped' : 'normal', className)}\n                style={{\n                    position: 'absolute',\n                    top: position?.top ?? 0,\n                    left: position?.left ?? 0,\n                    width: position?.width,\n                    zIndex: layerZ ?? undefined,\n                    visibility: position ? 'visible' : 'hidden',\n                    ...style,\n                }}\n                role=\"listbox\"\n            >\n                {children}\n            </div>\n        </MPortal>\n    )\n}\n"],"mappings":"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"}

package/dist/{MPortal-DUSIuINN.cjs → MPortal-CuBXhhl_.cjs}

@@ -1,2 +1,2 @@
-require(`./core-D66c1_Wo.cjs`);let e=require(`react-dom`);function t({children:t,container:n}){let r=n??(typeof document<`u`?document.body:null);return r?(0,e.createPortal)(t,r):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
-//# sourceMappingURL=MPortal-DUSIuINN.cjs.map
+require(`./core-w629c4ND.cjs`);let e=require(`react-dom`);function t({children:t,container:n}){let r=n??(typeof document<`u`?document.body:null);return r?(0,e.createPortal)(t,r):null}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return t}});
+//# sourceMappingURL=MPortal-CuBXhhl_.cjs.map

package/dist/{MPortal-DUSIuINN.cjs.map → MPortal-CuBXhhl_.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MPortal-DUSIuINN.cjs","names":[],"sources":["../src/components/primitives/MPortal/MPortal.tsx"],"sourcesContent":["import {createPortal} from 'react-dom'\nimport type {MPortalProps} from './MPortal.types'\n\n// Mount children into a detached DOM target while defaulting to document.body.\nexport function MPortal({children, container}: MPortalProps) {\n    const target = container ?? (typeof document !== 'undefined' ? document.body : null)\n    if (!target) return null\n    return createPortal(children, target)\n}\n"],"mappings":"0DAIA,SAAgB,EAAQ,CAAC,WAAU,aAA0B,CACzD,IAAM,EAAS,IAAc,OAAO,SAAa,IAAc,SAAS,KAAO,MAE/E,OADK,GACL,EAAA,EAAA,cAAoB,EAAU,EAAO,CADjB"}
+{"version":3,"file":"MPortal-CuBXhhl_.cjs","names":[],"sources":["../src/components/primitives/MPortal/MPortal.tsx"],"sourcesContent":["import {createPortal} from 'react-dom'\nimport type {MPortalProps} from './MPortal.types'\n\n// Mount children into a detached DOM target while defaulting to document.body.\nexport function MPortal({children, container}: MPortalProps) {\n    const target = container ?? (typeof document !== 'undefined' ? document.body : null)\n    if (!target) return null\n    return createPortal(children, target)\n}\n"],"mappings":"0DAIA,SAAgB,EAAQ,CAAC,WAAU,aAA0B,CACzD,IAAM,EAAS,IAAc,OAAO,SAAa,IAAc,SAAS,KAAO,MAE/E,OADK,GACL,EAAA,EAAA,cAAoB,EAAU,EAAO,CADjB"}

package/dist/{MSimpleGrid-BzlIitcJ.cjs → MSimpleGrid-BchGYPMi.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`);require(`./core-D66c1_Wo.cjs`);let t=require(`react/jsx-runtime`);function n({columns:n=2,minItemWidth:r,className:i,style:a,children:o,...s}){return(0,t.jsx)(`div`,{className:e.t(`grid`,`columns-${n}`,i),style:{...r?{"--grid-min-item-width":r}:{},...a},...s,children:o})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
-//# sourceMappingURL=MSimpleGrid-BzlIitcJ.cjs.map
+const e=require(`./cn-CU5TNITO.cjs`);require(`./core-w629c4ND.cjs`);let t=require(`react/jsx-runtime`);function n({columns:n=2,minItemWidth:r,className:i,style:a,children:o,...s}){return(0,t.jsx)(`div`,{className:e.t(`grid`,`columns-${n}`,i),style:{...r?{"--grid-min-item-width":r}:{},...a},...s,children:o})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return n}});
+//# sourceMappingURL=MSimpleGrid-BchGYPMi.cjs.map

package/dist/{MSimpleGrid-BzlIitcJ.cjs.map → MSimpleGrid-BchGYPMi.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSimpleGrid-BzlIitcJ.cjs","names":[],"sources":["../src/components/layout/MSimpleGrid/MSimpleGrid.tsx"],"sourcesContent":["import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"uGAKA,SAAgB,EAAY,CAAC,UAAU,EAAG,eAAc,YAAW,QAAO,WAAU,GAAG,GAAyB,CAC5G,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,OAAQ,WAAW,IAAW,EAAU,CACtD,MAAO,CACH,GAAI,EAAe,CAAC,wBAAyB,EAAa,CAAG,EAAE,CAC/D,GAAG,EACN,CACD,GAAI,EAEH,WACC,CAAA"}
+{"version":3,"file":"MSimpleGrid-BchGYPMi.cjs","names":[],"sources":["../src/components/layout/MSimpleGrid/MSimpleGrid.tsx"],"sourcesContent":["import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"uGAKA,SAAgB,EAAY,CAAC,UAAU,EAAG,eAAc,YAAW,QAAO,WAAU,GAAG,GAAyB,CAC5G,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,OAAQ,WAAW,IAAW,EAAU,CACtD,MAAO,CACH,GAAI,EAAe,CAAC,wBAAyB,EAAa,CAAG,EAAE,CAC/D,GAAG,EACN,CACD,GAAI,EAEH,WACC,CAAA"}

package/dist/{MSimpleGrid-BWKurW6H.js → MSimpleGrid-Ui8cI0ho.js}

@@ -15,4 +15,4 @@ function n({ columns: n = 2, minItemWidth: r, className: i, style: a, children:
 //#endregion
 export { n as t };
 
-//# sourceMappingURL=MSimpleGrid-BWKurW6H.js.map
+//# sourceMappingURL=MSimpleGrid-Ui8cI0ho.js.map

package/dist/{MSimpleGrid-BWKurW6H.js.map → MSimpleGrid-Ui8cI0ho.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSimpleGrid-BWKurW6H.js","names":[],"sources":["../src/components/layout/MSimpleGrid/MSimpleGrid.tsx"],"sourcesContent":["import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAY,EAAC,aAAU,GAAG,iBAAc,cAAW,UAAO,aAAU,GAAG,KAAyB;AAC5G,QACI,kBAAC,OAAD;EACI,WAAW,EAAG,QAAQ,WAAW,KAAW,EAAU;EACtD,OAAO;GACH,GAAI,IAAe,EAAC,yBAAyB,GAAa,GAAG,EAAE;GAC/D,GAAG;GACN;EACD,GAAI;EAEH;EACC,CAAA"}
+{"version":3,"file":"MSimpleGrid-Ui8cI0ho.js","names":[],"sources":["../src/components/layout/MSimpleGrid/MSimpleGrid.tsx"],"sourcesContent":["import type {MSimpleGridProps} from './MSimpleGrid.types'\nimport {cn} from '../../../utils/cn'\nimport './MSimpleGrid.css'\n\n// Render a simple equal-column grid with a shared default spacing.\nexport function MSimpleGrid({columns = 2, minItemWidth, className, style, children, ...rest}: MSimpleGridProps) {\n    return (\n        <div\n            className={cn('grid', `columns-${columns}`, className)}\n            style={{\n                ...(minItemWidth ? {'--grid-min-item-width': minItemWidth} : {}),\n                ...style,\n            }}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAY,EAAC,aAAU,GAAG,iBAAc,cAAW,UAAO,aAAU,GAAG,KAAyB;AAC5G,QACI,kBAAC,OAAD;EACI,WAAW,EAAG,QAAQ,WAAW,KAAW,EAAU;EACtD,OAAO;GACH,GAAI,IAAe,EAAC,yBAAyB,GAAa,GAAG,EAAE;GAC/D,GAAG;GACN;EACD,GAAI;EAEH;EACC,CAAA"}

package/dist/{MSkeleton-BoFpowFU.cjs → MSkeleton-DPa_G_2X.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-DgaM4CjM.cjs`),t=require(`./cn-CU5TNITO.cjs`);require(`./core-D66c1_Wo.cjs`);let n=require(`react/jsx-runtime`);function r({color:r=`primary`,size:i=`md`,hidden:a,pulsing:o=!1,rounded:s=!1,fullWidth:c=!1,icon:l,className:u,children:d,...f}){return(0,n.jsxs)(`span`,{className:t.t(`badge`,`color-${r}`,i,o&&`pulsing`,s&&`rounded`,c&&`full-width`,u),...e.r(a),...f,children:[l&&(0,n.jsx)(`span`,{className:`badge-icon`,children:l}),d]})}function i(e,t){return t<=1?`100%`:e===t-1?`68%`:e===t-2&&t>3?`88%`:`100%`}function a({variant:e=`text`,width:r,height:a,radius:o,lines:s=3,gap:c,animate:l=!0,className:u,style:d,...f}){let p=l===!1?`none`:l===!0?`shimmer`:l;return e===`text`?(0,n.jsx)(`div`,{className:t.t(`skeleton-group`,u),style:{width:r??void 0,gap:c??void 0,...d},...f,children:Array.from({length:s},(e,r)=>(0,n.jsx)(`div`,{className:t.t(`skeleton`,`text`,p),style:{width:i(r,s),height:a??void 0,borderRadius:o??void 0}},r))}):(0,n.jsx)(`div`,{className:t.t(`skeleton`,e,p,u),style:{width:r??void 0,height:a??void 0,borderRadius:o??void 0,...d},...f})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
-//# sourceMappingURL=MSkeleton-BoFpowFU.cjs.map
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./cn-CU5TNITO.cjs`);require(`./core-w629c4ND.cjs`);let n=require(`react/jsx-runtime`);function r({color:r=`primary`,size:i=`md`,hidden:a,pulsing:o=!1,rounded:s=!1,fullWidth:c=!1,icon:l,className:u,children:d,...f}){return(0,n.jsxs)(`span`,{className:t.t(`badge`,`color-${r}`,i,o&&`pulsing`,s&&`rounded`,c&&`full-width`,u),...e.r(a),...f,children:[l&&(0,n.jsx)(`span`,{className:`badge-icon`,children:l}),d]})}function i(e,t){return t<=1?`100%`:e===t-1?`68%`:e===t-2&&t>3?`88%`:`100%`}function a({variant:e=`text`,width:r,height:a,radius:o,lines:s=3,gap:c,animate:l=!0,className:u,style:d,...f}){let p=l===!1?`none`:l===!0?`shimmer`:l;return e===`text`?(0,n.jsx)(`div`,{className:t.t(`skeleton-group`,u),style:{width:r??void 0,gap:c??void 0,...d},...f,children:Array.from({length:s},(e,r)=>(0,n.jsx)(`div`,{className:t.t(`skeleton`,`text`,p),style:{width:i(r,s),height:a??void 0,borderRadius:o??void 0}},r))}):(0,n.jsx)(`div`,{className:t.t(`skeleton`,e,p,u),style:{width:r??void 0,height:a??void 0,borderRadius:o??void 0,...d},...f})}Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return a}});
+//# sourceMappingURL=MSkeleton-DPa_G_2X.cjs.map

package/dist/{MSkeleton-BoFpowFU.cjs.map → MSkeleton-DPa_G_2X.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSkeleton-BoFpowFU.cjs","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    hidden,\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"yIAMA,SAAgB,EAAO,CACnB,QAAQ,UACR,OAAO,KACP,SACA,UAAU,GACV,UAAU,GACV,YAAY,GACZ,OACA,YACA,WACA,GAAG,GACS,CACZ,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,QACA,SAAS,IACT,EACA,GAAW,UACX,GAAW,UACX,GAAa,aACb,EACH,CACD,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAXR,CAaK,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAY,CAAA,CAClD,EACE,GC9Bf,SAAS,EAAiB,EAAe,EAAe,CAapD,OAZI,GAAS,EACF,OAGP,IAAU,EAAQ,EACX,MAGP,IAAU,EAAQ,GAAK,EAAQ,EACxB,MAGJ,OAIX,SAAgB,EAAU,CACtB,UAAU,OACV,QACA,SACA,SACA,QAAQ,EACR,MACA,UAAU,GACV,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAY,IAAY,GAAQ,OAAS,IAAY,GAAO,UAAY,EAwB9E,OAtBI,IAAY,QAER,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,iBAAkB,EAAU,CAC1C,MAAO,CAAC,MAAO,GAAS,IAAA,GAAW,IAAK,GAAO,IAAA,GAAW,GAAG,EAAM,CACnE,GAAI,WAEH,MAAM,KAAK,CAAC,OAAQ,EAAM,EAAG,EAAG,KAC7B,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EAAG,WAAY,OAAQ,EAAU,CAC5C,MAAO,CACH,MAAO,EAAiB,EAAG,EAAM,CACjC,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GAC3B,CACH,CAPO,EAOP,CACJ,CACA,CAAA,EAKV,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAS,EAAW,EAAU,CACxD,MAAO,CACH,MAAO,GAAS,IAAA,GAChB,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GACxB,GAAG,EACN,CACD,GAAI,EACN,CAAA"}
+{"version":3,"file":"MSkeleton-DPa_G_2X.cjs","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    hidden,\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            {...rest}\n        />\n    )\n}\n"],"mappings":"yIAMA,SAAgB,EAAO,CACnB,QAAQ,UACR,OAAO,KACP,SACA,UAAU,GACV,UAAU,GACV,YAAY,GACZ,OACA,YACA,WACA,GAAG,GACS,CACZ,OACI,EAAA,EAAA,MAAC,OAAD,CACI,UAAW,EAAA,EACP,QACA,SAAS,IACT,EACA,GAAW,UACX,GAAW,UACX,GAAa,aACb,EACH,CACD,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,WAXR,CAaK,IAAQ,EAAA,EAAA,KAAC,OAAD,CAAM,UAAU,sBAAc,EAAY,CAAA,CAClD,EACE,GC9Bf,SAAS,EAAiB,EAAe,EAAe,CAapD,OAZI,GAAS,EACF,OAGP,IAAU,EAAQ,EACX,MAGP,IAAU,EAAQ,GAAK,EAAQ,EACxB,MAGJ,OAIX,SAAgB,EAAU,CACtB,UAAU,OACV,QACA,SACA,SACA,QAAQ,EACR,MACA,UAAU,GACV,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAY,IAAY,GAAQ,OAAS,IAAY,GAAO,UAAY,EAwB9E,OAtBI,IAAY,QAER,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,iBAAkB,EAAU,CAC1C,MAAO,CAAC,MAAO,GAAS,IAAA,GAAW,IAAK,GAAO,IAAA,GAAW,GAAG,EAAM,CACnE,GAAI,WAEH,MAAM,KAAK,CAAC,OAAQ,EAAM,EAAG,EAAG,KAC7B,EAAA,EAAA,KAAC,MAAD,CAEI,UAAW,EAAA,EAAG,WAAY,OAAQ,EAAU,CAC5C,MAAO,CACH,MAAO,EAAiB,EAAG,EAAM,CACjC,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GAC3B,CACH,CAPO,EAOP,CACJ,CACA,CAAA,EAKV,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EAAG,WAAY,EAAS,EAAW,EAAU,CACxD,MAAO,CACH,MAAO,GAAS,IAAA,GAChB,OAAQ,GAAU,IAAA,GAClB,aAAc,GAAU,IAAA,GACxB,GAAG,EACN,CACD,GAAI,EACN,CAAA"}

package/dist/{MSkeleton-C5uD4Axo.js → MSkeleton-Dhu-loDO.js}

@@ -50,4 +50,4 @@ function o({ variant: e = "text", width: r, height: i, radius: o, lines: s = 3,
 //#endregion
 export { i as n, o as t };
 
-//# sourceMappingURL=MSkeleton-C5uD4Axo.js.map
+//# sourceMappingURL=MSkeleton-Dhu-loDO.js.map

package/dist/{MSkeleton-C5uD4Axo.js.map → MSkeleton-Dhu-loDO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSkeleton-C5uD4Axo.js","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    hidden,\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            {...rest}\n        />\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAO,EACnB,WAAQ,WACR,UAAO,MACP,WACA,aAAU,IACV,aAAU,IACV,eAAY,IACZ,SACA,cACA,aACA,GAAG,KACS;AACZ,QACI,kBAAC,QAAD;EACI,WAAW,EACP,SACA,SAAS,KACT,GACA,KAAW,WACX,KAAW,WACX,KAAa,cACb,EACH;EACD,GAAI,EAAe,EAAO;EAC1B,GAAI;YAXR,CAaK,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAY,CAAA,EAClD,EACE;;;;;AC9Bf,SAAS,EAAiB,GAAe,GAAe;AAapD,QAZI,KAAS,IACF,SAGP,MAAU,IAAQ,IACX,QAGP,MAAU,IAAQ,KAAK,IAAQ,IACxB,QAGJ;;AAIX,SAAgB,EAAU,EACtB,aAAU,QACV,UACA,WACA,WACA,WAAQ,GACR,QACA,aAAU,IACV,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAY,MAAY,KAAQ,SAAS,MAAY,KAAO,YAAY;AAwB9E,QAtBI,MAAY,SAER,kBAAC,OAAD;EACI,WAAW,EAAG,kBAAkB,EAAU;EAC1C,OAAO;GAAC,OAAO,KAAS,KAAA;GAAW,KAAK,KAAO,KAAA;GAAW,GAAG;GAAM;EACnE,GAAI;YAEH,MAAM,KAAK,EAAC,QAAQ,GAAM,GAAG,GAAG,MAC7B,kBAAC,OAAD;GAEI,WAAW,EAAG,YAAY,QAAQ,EAAU;GAC5C,OAAO;IACH,OAAO,EAAiB,GAAG,EAAM;IACjC,QAAQ,KAAU,KAAA;IAClB,cAAc,KAAU,KAAA;IAC3B;GACH,EAPO,EAOP,CACJ;EACA,CAAA,GAKV,kBAAC,OAAD;EACI,WAAW,EAAG,YAAY,GAAS,GAAW,EAAU;EACxD,OAAO;GACH,OAAO,KAAS,KAAA;GAChB,QAAQ,KAAU,KAAA;GAClB,cAAc,KAAU,KAAA;GACxB,GAAG;GACN;EACD,GAAI;EACN,CAAA"}
+{"version":3,"file":"MSkeleton-Dhu-loDO.js","names":[],"sources":["../src/components/feedback/MBadge/MBadge.tsx","../src/components/feedback/MSkeleton/MSkeleton.tsx"],"sourcesContent":["import type {MBadgeProps} from './MBadge.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport './MBadge.css'\n\n// Render a compact semantic label for status and metadata.\nexport function MBadge({\n    color = 'primary',\n    size = 'md',\n    hidden,\n    pulsing = false,\n    rounded = false,\n    fullWidth = false,\n    icon,\n    className,\n    children,\n    ...rest\n}: MBadgeProps) {\n    return (\n        <span\n            className={cn(\n                'badge',\n                `color-${color}`,\n                size,\n                pulsing && 'pulsing',\n                rounded && 'rounded',\n                fullWidth && 'full-width',\n                className\n            )}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {icon && <span className=\"badge-icon\">{icon}</span>}\n            {children}\n        </span>\n    )\n}\n","import type {MSkeletonProps} from './MSkeleton.types'\nimport {cn} from '../../../utils/cn'\nimport './MSkeleton.css'\n\nfunction getTextLineWidth(index: number, lines: number) {\n    if (lines <= 1) {\n        return '100%'\n    }\n\n    if (index === lines - 1) {\n        return '68%'\n    }\n\n    if (index === lines - 2 && lines > 3) {\n        return '88%'\n    }\n\n    return '100%'\n}\n\n// Animated placeholder shown while content is loading.\nexport function MSkeleton({\n    variant = 'text',\n    width,\n    height,\n    radius,\n    lines = 3,\n    gap,\n    animate = true,\n    className,\n    style,\n    ...rest\n}: MSkeletonProps) {\n    const animation = animate === false ? 'none' : animate === true ? 'shimmer' : animate\n\n    if (variant === 'text') {\n        return (\n            <div\n                className={cn('skeleton-group', className)}\n                style={{width: width ?? undefined, gap: gap ?? undefined, ...style}}\n                {...rest}\n            >\n                {Array.from({length: lines}, (_, i) => (\n                    <div\n                        key={i}\n                        className={cn('skeleton', 'text', animation)}\n                        style={{\n                            width: getTextLineWidth(i, lines),\n                            height: height ?? undefined,\n                            borderRadius: radius ?? undefined,\n                        }}\n                    />\n                ))}\n            </div>\n        )\n    }\n\n    return (\n        <div\n            className={cn('skeleton', variant, animation, className)}\n            style={{\n                width: width ?? undefined,\n                height: height ?? undefined,\n                borderRadius: radius ?? undefined,\n                ...style,\n            }}\n            {...rest}\n        />\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAO,EACnB,WAAQ,WACR,UAAO,MACP,WACA,aAAU,IACV,aAAU,IACV,eAAY,IACZ,SACA,cACA,aACA,GAAG,KACS;AACZ,QACI,kBAAC,QAAD;EACI,WAAW,EACP,SACA,SAAS,KACT,GACA,KAAW,WACX,KAAW,WACX,KAAa,cACb,EACH;EACD,GAAI,EAAe,EAAO;EAC1B,GAAI;YAXR,CAaK,KAAQ,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAY,CAAA,EAClD,EACE;;;;;AC9Bf,SAAS,EAAiB,GAAe,GAAe;AAapD,QAZI,KAAS,IACF,SAGP,MAAU,IAAQ,IACX,QAGP,MAAU,IAAQ,KAAK,IAAQ,IACxB,QAGJ;;AAIX,SAAgB,EAAU,EACtB,aAAU,QACV,UACA,WACA,WACA,WAAQ,GACR,QACA,aAAU,IACV,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAY,MAAY,KAAQ,SAAS,MAAY,KAAO,YAAY;AAwB9E,QAtBI,MAAY,SAER,kBAAC,OAAD;EACI,WAAW,EAAG,kBAAkB,EAAU;EAC1C,OAAO;GAAC,OAAO,KAAS,KAAA;GAAW,KAAK,KAAO,KAAA;GAAW,GAAG;GAAM;EACnE,GAAI;YAEH,MAAM,KAAK,EAAC,QAAQ,GAAM,GAAG,GAAG,MAC7B,kBAAC,OAAD;GAEI,WAAW,EAAG,YAAY,QAAQ,EAAU;GAC5C,OAAO;IACH,OAAO,EAAiB,GAAG,EAAM;IACjC,QAAQ,KAAU,KAAA;IAClB,cAAc,KAAU,KAAA;IAC3B;GACH,EAPO,EAOP,CACJ;EACA,CAAA,GAKV,kBAAC,OAAD;EACI,WAAW,EAAG,YAAY,GAAS,GAAW,EAAU;EACxD,OAAO;GACH,OAAO,KAAS,KAAA;GAChB,QAAQ,KAAU,KAAA;GAClB,cAAc,KAAU,KAAA;GACxB,GAAG;GACN;EACD,GAAI;EACN,CAAA"}

package/dist/{MSlider-CqrusKJQ.js → MSlider-BRjhyBSc.js}

@@ -72,4 +72,4 @@ function a({ min: a = 0, max: o = 100, step: s = 1, value: c, onChange: l, marks
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MSlider-CqrusKJQ.js.map
+//# sourceMappingURL=MSlider-BRjhyBSc.js.map

package/dist/{MSlider-CqrusKJQ.js.map → MSlider-BRjhyBSc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MSlider-CqrusKJQ.js","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAQ,EACpB,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,aACA,UACA,UACA,WAAQ,WACR,cAAW,IACX,cACA,GAAG,KACU;CACb,IAAM,IAAW,EAAuB,KAAK,EAEvC,KAAY,IAAQ,MAAQ,IAAM,KAAQ,KAE1C,IAAe,GAChB,MAAgB;EACb,IAAM,IAAU,KAAK,MAAM,IAAM,EAAK,GAAG;AACzC,SAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAQ,CAAC;IAEhD;EAAC;EAAK;EAAK;EAAK,CACnB,EAEK,IAAmB,GACpB,MAAoB;EACjB,IAAM,IAAQ,EAAS;AACvB,MAAI,CAAC,EAAO,QAAO;EACnB,IAAM,IAAO,EAAM,uBAAuB;AAE1C,SAAO,EAAa,KADL,IAAU,EAAK,QAAQ,EAAK,SACR,IAAM,GAAK;IAElD;EAAC;EAAK;EAAK;EAAO;EAAa,CAClC,EAEK,IAAoB,GACrB,MAA0B;AACvB,MAAI,EAAU;AACd,IAAE,gBAAgB;EAClB,IAAM,IAAS,EAAE;AAEjB,EADA,EAAO,kBAAkB,EAAE,UAAU,EACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC;EAErC,IAAM,KAAU,MAAqB;AACjC,KAAS,EAAiB,EAAG,QAAQ,CAAC;KAEpC,UAAa;AAEf,GADA,EAAO,oBAAoB,eAAe,EAAO,EACjD,EAAO,oBAAoB,aAAa,EAAK;;AAGjD,EADA,EAAO,iBAAiB,eAAe,EAAO,EAC9C,EAAO,iBAAiB,aAAa,EAAK;IAE9C;EAAC;EAAU;EAAU;EAAiB,CACzC;AAED,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,SAAS,KAAS,KAAY,YAAY,EAAU;EAAE,GAAI;YAAvF,CACK,KAAS,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,EAC9C,kBAAC,OAAD;GAAK,WAAU;GAAgB,KAAK;GAAU,eAAe;aAA7D,CACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,OAAD;KAAK,WAAU;KAAO,OAAO,EAAC,OAAO,GAAG,EAAQ,IAAG;KAAI,CAAA,EACvD,kBAAC,OAAD;KAAK,WAAU;KAAQ,OAAO,EAAC,MAAM,GAAG,EAAQ,IAAG;KAAI,CAAA,CACrD;OACL,KAAS,EAAM,SAAS,KACrB,kBAAC,OAAD;IAAK,WAAU;cACV,EAAM,KAAK,MAGJ,kBAAC,OAAD;KAAsB,WAAU;KAAO,OAAO,EAAC,MAAM,IAFnC,EAAK,QAAQ,MAAQ,IAAM,KAAQ,IAEe,IAAG;eAAvE,CACI,kBAAC,OAAD,EAAK,WAAU,QAAS,CAAA,EACvB,EAAK,SAAS,kBAAC,OAAD;MAAK,WAAU;gBAAS,EAAK;MAAY,CAAA,CACtD;OAHI,EAAK,MAGT,CAEZ;IACA,CAAA,CAER;KACJ"}
+{"version":3,"file":"MSlider-BRjhyBSc.js","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":";;;;AAMA,SAAgB,EAAQ,EACpB,SAAM,GACN,SAAM,KACN,UAAO,GACP,UACA,aACA,UACA,UACA,WAAQ,WACR,cAAW,IACX,cACA,GAAG,KACU;CACb,IAAM,IAAW,EAAuB,KAAK,EAEvC,KAAY,IAAQ,MAAQ,IAAM,KAAQ,KAE1C,IAAe,GAChB,MAAgB;EACb,IAAM,IAAU,KAAK,MAAM,IAAM,EAAK,GAAG;AACzC,SAAO,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,EAAQ,CAAC;IAEhD;EAAC;EAAK;EAAK;EAAK,CACnB,EAEK,IAAmB,GACpB,MAAoB;EACjB,IAAM,IAAQ,EAAS;AACvB,MAAI,CAAC,EAAO,QAAO;EACnB,IAAM,IAAO,EAAM,uBAAuB;AAE1C,SAAO,EAAa,KADL,IAAU,EAAK,QAAQ,EAAK,SACR,IAAM,GAAK;IAElD;EAAC;EAAK;EAAK;EAAO;EAAa,CAClC,EAEK,IAAoB,GACrB,MAA0B;AACvB,MAAI,EAAU;AACd,IAAE,gBAAgB;EAClB,IAAM,IAAS,EAAE;AAEjB,EADA,EAAO,kBAAkB,EAAE,UAAU,EACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC;EAErC,IAAM,KAAU,MAAqB;AACjC,KAAS,EAAiB,EAAG,QAAQ,CAAC;KAEpC,UAAa;AAEf,GADA,EAAO,oBAAoB,eAAe,EAAO,EACjD,EAAO,oBAAoB,aAAa,EAAK;;AAGjD,EADA,EAAO,iBAAiB,eAAe,EAAO,EAC9C,EAAO,iBAAiB,aAAa,EAAK;IAE9C;EAAC;EAAU;EAAU;EAAiB,CACzC;AAED,QACI,kBAAC,OAAD;EAAK,WAAW,EAAG,UAAU,SAAS,KAAS,KAAY,YAAY,EAAU;EAAE,GAAI;YAAvF,CACK,KAAS,kBAAC,OAAD;GAAK,WAAU;aAAS;GAAY,CAAA,EAC9C,kBAAC,OAAD;GAAK,WAAU;GAAgB,KAAK;GAAU,eAAe;aAA7D,CACI,kBAAC,OAAD;IAAK,WAAU;cAAf,CACI,kBAAC,OAAD;KAAK,WAAU;KAAO,OAAO,EAAC,OAAO,GAAG,EAAQ,IAAG;KAAI,CAAA,EACvD,kBAAC,OAAD;KAAK,WAAU;KAAQ,OAAO,EAAC,MAAM,GAAG,EAAQ,IAAG;KAAI,CAAA,CACrD;OACL,KAAS,EAAM,SAAS,KACrB,kBAAC,OAAD;IAAK,WAAU;cACV,EAAM,KAAK,MAGJ,kBAAC,OAAD;KAAsB,WAAU;KAAO,OAAO,EAAC,MAAM,IAFnC,EAAK,QAAQ,MAAQ,IAAM,KAAQ,IAEe,IAAG;eAAvE,CACI,kBAAC,OAAD,EAAK,WAAU,QAAS,CAAA,EACvB,EAAK,SAAS,kBAAC,OAAD;MAAK,WAAU;gBAAS,EAAK;MAAY,CAAA,CACtD;OAHI,EAAK,MAGT,CAEZ;IACA,CAAA,CAER;KACJ"}

package/dist/{MSlider-BTDBqF8t.cjs → MSlider-w5214a-W.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./cn-CU5TNITO.cjs`);require(`./core-D66c1_Wo.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({min:r=0,max:i=100,step:a=1,value:o,onChange:s,marks:c,label:l,color:u=`primary`,disabled:d=!1,className:f,...p}){let m=(0,t.useRef)(null),h=(o-r)/(i-r)*100,g=(0,t.useCallback)(e=>{let t=Math.round(e/a)*a;return Math.min(i,Math.max(r,t))},[r,i,a]),_=(0,t.useCallback)(e=>{let t=m.current;if(!t)return o;let n=t.getBoundingClientRect();return g(r+(e-n.left)/n.width*(i-r))},[r,i,o,g]),v=(0,t.useCallback)(e=>{if(d)return;e.preventDefault();let t=e.currentTarget;t.setPointerCapture(e.pointerId),s(_(e.clientX));let n=e=>{s(_(e.clientX))},r=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r)},[d,s,_]);return(0,n.jsxs)(`div`,{className:e.t(`slider`,`color-${u}`,d&&`disabled`,f),...p,children:[l&&(0,n.jsx)(`div`,{className:`label`,children:l}),(0,n.jsxs)(`div`,{className:`track-wrapper`,ref:m,onPointerDown:v,children:[(0,n.jsxs)(`div`,{className:`track`,children:[(0,n.jsx)(`div`,{className:`fill`,style:{width:`${h}%`}}),(0,n.jsx)(`div`,{className:`thumb`,style:{left:`${h}%`}})]}),c&&c.length>0&&(0,n.jsx)(`div`,{className:`marks`,children:c.map(e=>(0,n.jsxs)(`div`,{className:`mark`,style:{left:`${(e.value-r)/(i-r)*100}%`},children:[(0,n.jsx)(`div`,{className:`tick`}),e.label&&(0,n.jsx)(`div`,{className:`label`,children:e.label})]},e.value))})]})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
-//# sourceMappingURL=MSlider-BTDBqF8t.cjs.map
+const e=require(`./cn-CU5TNITO.cjs`);require(`./core-w629c4ND.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({min:r=0,max:i=100,step:a=1,value:o,onChange:s,marks:c,label:l,color:u=`primary`,disabled:d=!1,className:f,...p}){let m=(0,t.useRef)(null),h=(o-r)/(i-r)*100,g=(0,t.useCallback)(e=>{let t=Math.round(e/a)*a;return Math.min(i,Math.max(r,t))},[r,i,a]),_=(0,t.useCallback)(e=>{let t=m.current;if(!t)return o;let n=t.getBoundingClientRect();return g(r+(e-n.left)/n.width*(i-r))},[r,i,o,g]),v=(0,t.useCallback)(e=>{if(d)return;e.preventDefault();let t=e.currentTarget;t.setPointerCapture(e.pointerId),s(_(e.clientX));let n=e=>{s(_(e.clientX))},r=()=>{t.removeEventListener(`pointermove`,n),t.removeEventListener(`pointerup`,r)};t.addEventListener(`pointermove`,n),t.addEventListener(`pointerup`,r)},[d,s,_]);return(0,n.jsxs)(`div`,{className:e.t(`slider`,`color-${u}`,d&&`disabled`,f),...p,children:[l&&(0,n.jsx)(`div`,{className:`label`,children:l}),(0,n.jsxs)(`div`,{className:`track-wrapper`,ref:m,onPointerDown:v,children:[(0,n.jsxs)(`div`,{className:`track`,children:[(0,n.jsx)(`div`,{className:`fill`,style:{width:`${h}%`}}),(0,n.jsx)(`div`,{className:`thumb`,style:{left:`${h}%`}})]}),c&&c.length>0&&(0,n.jsx)(`div`,{className:`marks`,children:c.map(e=>(0,n.jsxs)(`div`,{className:`mark`,style:{left:`${(e.value-r)/(i-r)*100}%`},children:[(0,n.jsx)(`div`,{className:`tick`}),e.label&&(0,n.jsx)(`div`,{className:`label`,children:e.label})]},e.value))})]})]})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return r}});
+//# sourceMappingURL=MSlider-w5214a-W.cjs.map

package/dist/{MSlider-BTDBqF8t.cjs.map → MSlider-w5214a-W.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MSlider-BTDBqF8t.cjs","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":"0HAMA,SAAgB,EAAQ,CACpB,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,WACA,QACA,QACA,QAAQ,UACR,WAAW,GACX,YACA,GAAG,GACU,CACb,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAY,EAAQ,IAAQ,EAAM,GAAQ,IAE1C,GAAA,EAAA,EAAA,aACD,GAAgB,CACb,IAAM,EAAU,KAAK,MAAM,EAAM,EAAK,CAAG,EACzC,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,EAAQ,CAAC,EAEhD,CAAC,EAAK,EAAK,EAAK,CACnB,CAEK,GAAA,EAAA,EAAA,aACD,GAAoB,CACjB,IAAM,EAAQ,EAAS,QACvB,GAAI,CAAC,EAAO,OAAO,EACnB,IAAM,EAAO,EAAM,uBAAuB,CAE1C,OAAO,EAAa,GADL,EAAU,EAAK,MAAQ,EAAK,OACR,EAAM,GAAK,EAElD,CAAC,EAAK,EAAK,EAAO,EAAa,CAClC,CAEK,GAAA,EAAA,EAAA,aACD,GAA0B,CACvB,GAAI,EAAU,OACd,EAAE,gBAAgB,CAClB,IAAM,EAAS,EAAE,cACjB,EAAO,kBAAkB,EAAE,UAAU,CACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC,CAErC,IAAM,EAAU,GAAqB,CACjC,EAAS,EAAiB,EAAG,QAAQ,CAAC,EAEpC,MAAa,CACf,EAAO,oBAAoB,cAAe,EAAO,CACjD,EAAO,oBAAoB,YAAa,EAAK,EAEjD,EAAO,iBAAiB,cAAe,EAAO,CAC9C,EAAO,iBAAiB,YAAa,EAAK,EAE9C,CAAC,EAAU,EAAU,EAAiB,CACzC,CAED,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,SAAS,IAAS,GAAY,WAAY,EAAU,CAAE,GAAI,WAAvF,CACK,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAY,CAAA,EAC9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAU,cAAe,WAA7D,EACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iBAAf,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAO,MAAO,CAAC,MAAO,GAAG,EAAQ,GAAG,CAAI,CAAA,EACvD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,QAAQ,MAAO,CAAC,KAAM,GAAG,EAAQ,GAAG,CAAI,CAAA,CACrD,GACL,GAAS,EAAM,OAAS,IACrB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACV,EAAM,IAAK,IAGJ,EAAA,EAAA,MAAC,MAAD,CAAsB,UAAU,OAAO,MAAO,CAAC,KAAM,IAFnC,EAAK,MAAQ,IAAQ,EAAM,GAAQ,IAEe,GAAG,UAAvE,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAS,CAAA,CACvB,EAAK,QAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAK,MAAY,CAAA,CACtD,EAHI,EAAK,MAGT,CAEZ,CACA,CAAA,CAER,GACJ"}
+{"version":3,"file":"MSlider-w5214a-W.cjs","names":[],"sources":["../src/components/controls/MSlider/MSlider.tsx"],"sourcesContent":["import {useCallback, useRef} from 'react'\nimport type * as React from 'react'\nimport type {MSliderProps} from './MSlider.types'\nimport {cn} from '../../../utils/cn'\nimport './MSlider.css'\n\nexport function MSlider({\n    min = 0,\n    max = 100,\n    step = 1,\n    value,\n    onChange,\n    marks,\n    label,\n    color = 'primary',\n    disabled = false,\n    className,\n    ...rest\n}: MSliderProps) {\n    const trackRef = useRef<HTMLDivElement>(null)\n\n    const percent = ((value - min) / (max - min)) * 100\n\n    const clampAndSnap = useCallback(\n        (raw: number) => {\n            const snapped = Math.round(raw / step) * step\n            return Math.min(max, Math.max(min, snapped))\n        },\n        [min, max, step]\n    )\n\n    const valueFromPointer = useCallback(\n        (clientX: number) => {\n            const track = trackRef.current\n            if (!track) return value\n            const rect = track.getBoundingClientRect()\n            const ratio = (clientX - rect.left) / rect.width\n            return clampAndSnap(min + ratio * (max - min))\n        },\n        [min, max, value, clampAndSnap]\n    )\n\n    const handlePointerDown = useCallback(\n        (e: React.PointerEvent) => {\n            if (disabled) return\n            e.preventDefault()\n            const target = e.currentTarget as HTMLElement\n            target.setPointerCapture(e.pointerId)\n            onChange(valueFromPointer(e.clientX))\n\n            const onMove = (ev: PointerEvent) => {\n                onChange(valueFromPointer(ev.clientX))\n            }\n            const onUp = () => {\n                target.removeEventListener('pointermove', onMove)\n                target.removeEventListener('pointerup', onUp)\n            }\n            target.addEventListener('pointermove', onMove)\n            target.addEventListener('pointerup', onUp)\n        },\n        [disabled, onChange, valueFromPointer]\n    )\n\n    return (\n        <div className={cn('slider', `color-${color}`, disabled && 'disabled', className)} {...rest}>\n            {label && <div className=\"label\">{label}</div>}\n            <div className=\"track-wrapper\" ref={trackRef} onPointerDown={handlePointerDown}>\n                <div className=\"track\">\n                    <div className=\"fill\" style={{width: `${percent}%`}} />\n                    <div className=\"thumb\" style={{left: `${percent}%`}} />\n                </div>\n                {marks && marks.length > 0 && (\n                    <div className=\"marks\">\n                        {marks.map((mark) => {\n                            const markPercent = ((mark.value - min) / (max - min)) * 100\n                            return (\n                                <div key={mark.value} className=\"mark\" style={{left: `${markPercent}%`}}>\n                                    <div className=\"tick\" />\n                                    {mark.label && <div className=\"label\">{mark.label}</div>}\n                                </div>\n                            )\n                        })}\n                    </div>\n                )}\n            </div>\n        </div>\n    )\n}\n"],"mappings":"0HAMA,SAAgB,EAAQ,CACpB,MAAM,EACN,MAAM,IACN,OAAO,EACP,QACA,WACA,QACA,QACA,QAAQ,UACR,WAAW,GACX,YACA,GAAG,GACU,CACb,IAAM,GAAA,EAAA,EAAA,QAAkC,KAAK,CAEvC,GAAY,EAAQ,IAAQ,EAAM,GAAQ,IAE1C,GAAA,EAAA,EAAA,aACD,GAAgB,CACb,IAAM,EAAU,KAAK,MAAM,EAAM,EAAK,CAAG,EACzC,OAAO,KAAK,IAAI,EAAK,KAAK,IAAI,EAAK,EAAQ,CAAC,EAEhD,CAAC,EAAK,EAAK,EAAK,CACnB,CAEK,GAAA,EAAA,EAAA,aACD,GAAoB,CACjB,IAAM,EAAQ,EAAS,QACvB,GAAI,CAAC,EAAO,OAAO,EACnB,IAAM,EAAO,EAAM,uBAAuB,CAE1C,OAAO,EAAa,GADL,EAAU,EAAK,MAAQ,EAAK,OACR,EAAM,GAAK,EAElD,CAAC,EAAK,EAAK,EAAO,EAAa,CAClC,CAEK,GAAA,EAAA,EAAA,aACD,GAA0B,CACvB,GAAI,EAAU,OACd,EAAE,gBAAgB,CAClB,IAAM,EAAS,EAAE,cACjB,EAAO,kBAAkB,EAAE,UAAU,CACrC,EAAS,EAAiB,EAAE,QAAQ,CAAC,CAErC,IAAM,EAAU,GAAqB,CACjC,EAAS,EAAiB,EAAG,QAAQ,CAAC,EAEpC,MAAa,CACf,EAAO,oBAAoB,cAAe,EAAO,CACjD,EAAO,oBAAoB,YAAa,EAAK,EAEjD,EAAO,iBAAiB,cAAe,EAAO,CAC9C,EAAO,iBAAiB,YAAa,EAAK,EAE9C,CAAC,EAAU,EAAU,EAAiB,CACzC,CAED,OACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAW,EAAA,EAAG,SAAU,SAAS,IAAS,GAAY,WAAY,EAAU,CAAE,GAAI,WAAvF,CACK,IAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAY,CAAA,EAC9C,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,gBAAgB,IAAK,EAAU,cAAe,WAA7D,EACI,EAAA,EAAA,MAAC,MAAD,CAAK,UAAU,iBAAf,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAO,MAAO,CAAC,MAAO,GAAG,EAAQ,GAAG,CAAI,CAAA,EACvD,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,QAAQ,MAAO,CAAC,KAAM,GAAG,EAAQ,GAAG,CAAI,CAAA,CACrD,GACL,GAAS,EAAM,OAAS,IACrB,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBACV,EAAM,IAAK,IAGJ,EAAA,EAAA,MAAC,MAAD,CAAsB,UAAU,OAAO,MAAO,CAAC,KAAM,IAFnC,EAAK,MAAQ,IAAQ,EAAM,GAAQ,IAEe,GAAG,UAAvE,EACI,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,OAAS,CAAA,CACvB,EAAK,QAAS,EAAA,EAAA,KAAC,MAAD,CAAK,UAAU,iBAAS,EAAK,MAAY,CAAA,CACtD,EAHI,EAAK,MAGT,CAEZ,CACA,CAAA,CAER,GACJ"}

package/dist/{MStack-CSCw6to2.js → MStack-Dt-rWvg3.js}

@@ -1,6 +1,6 @@
 import { r as e } from "./theme-DAOU1aPs.js";
 import { t } from "./cn-YER3QsV1.js";
-import { n, t as r } from "./layoutProps-CE5-ghKw.js";
+import { n, t as r } from "./layoutProps-Cl6d1KmH.js";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/components/layout/MStack/MStack.tsx
 function a({ align: a = "stretch", hidden: o, spacing: s, padding: c, fsize: l, mt: u, mb: d, ml: f, mr: p, mx: m, my: h, pt: g, pb: _, pl: v, pr: y, px: b, py: x, fullWidth: S, className: C, style: w, children: T, ...E }) {
@@ -36,4 +36,4 @@ function a({ align: a = "stretch", hidden: o, spacing: s, padding: c, fsize: l,
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=MStack-CSCw6to2.js.map
+//# sourceMappingURL=MStack-Dt-rWvg3.js.map

package/dist/{MStack-CSCw6to2.js.map → MStack-Dt-rWvg3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MStack-CSCw6to2.js","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    hidden,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAO,EACnB,WAAQ,WACR,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,OAAD;EACI,WAAW,EACP,SACA,MAAU,aAAa,GACvB,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACC,CAAA"}
+{"version":3,"file":"MStack-Dt-rWvg3.js","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    hidden,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":";;;;;AAOA,SAAgB,EAAO,EACnB,WAAQ,WACR,WACA,YACA,YACA,UACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,OACA,cACA,cACA,UACA,aACA,GAAG,KACS;CACZ,IAAM,IAAe,EAAuB,EAAC,UAAM,CAAC;AAEpD,QACI,kBAAC,OAAD;EACI,WAAW,EACP,SACA,MAAU,aAAa,GACvB,GAAG,EAA2B;GAC1B;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACH,CAAC,EACF,EACH;EACD,OAAO;GAAC,GAAG;GAAc,GAAG;GAAM;EAClC,GAAI,EAAe,EAAO;EAC1B,GAAI;EAEH;EACC,CAAA"}

package/dist/{MStack-B3Ldqsc-.cjs → MStack-nc6Y_9K3.cjs}

@@ -1,2 +1,2 @@
-const e=require(`./theme-DgaM4CjM.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./layoutProps-B8y2XwHy.cjs`);require(`./core-D66c1_Wo.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`stretch`,hidden:a,spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x,className:S,style:C,children:w,...T}){let E=n.n({fsize:c});return(0,r.jsx)(`div`,{className:t.t(`stack`,i!==`stretch`&&i,...n.t({spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x}),S),style:{...E,...C},...e.r(a),...T,children:w})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
-//# sourceMappingURL=MStack-B3Ldqsc-.cjs.map
+const e=require(`./theme-CJuqObWL.cjs`),t=require(`./cn-CU5TNITO.cjs`),n=require(`./layoutProps-Ck4VtGm9.cjs`);require(`./core-w629c4ND.cjs`);let r=require(`react/jsx-runtime`);function i({align:i=`stretch`,hidden:a,spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x,className:S,style:C,children:w,...T}){let E=n.n({fsize:c});return(0,r.jsx)(`div`,{className:t.t(`stack`,i!==`stretch`&&i,...n.t({spacing:o,padding:s,fsize:c,mt:l,mb:u,ml:d,mr:f,mx:p,my:m,pt:h,pb:g,pl:_,pr:v,px:y,py:b,fullWidth:x}),S),style:{...E,...C},...e.r(a),...T,children:w})}Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});
+//# sourceMappingURL=MStack-nc6Y_9K3.cjs.map

package/dist/{MStack-B3Ldqsc-.cjs.map → MStack-nc6Y_9K3.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"MStack-B3Ldqsc-.cjs","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    hidden,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"iLAOA,SAAgB,EAAO,CACnB,QAAQ,UACR,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAEpD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACC,CAAA"}
+{"version":3,"file":"MStack-nc6Y_9K3.cjs","names":[],"sources":["../src/components/layout/MStack/MStack.tsx"],"sourcesContent":["import type {MStackProps} from './MStack.types'\nimport {getHiddenProps} from '../../../theme'\nimport {cn} from '../../../utils/cn'\nimport {getLayoutUtilityClassNames, getLayoutUtilityStyles} from '../../../utils/layoutProps'\nimport './MStack.css'\n\n// MStack children vertically with shared layout utility props.\nexport function MStack({\n    align = 'stretch',\n    hidden,\n    spacing,\n    padding,\n    fsize,\n    mt,\n    mb,\n    ml,\n    mr,\n    mx,\n    my,\n    pt,\n    pb,\n    pl,\n    pr,\n    px,\n    py,\n    fullWidth,\n    className,\n    style,\n    children,\n    ...rest\n}: MStackProps) {\n    const utilityStyle = getLayoutUtilityStyles({fsize})\n\n    return (\n        <div\n            className={cn(\n                'stack',\n                align !== 'stretch' && align,\n                ...getLayoutUtilityClassNames({\n                    spacing,\n                    padding,\n                    fsize,\n                    mt,\n                    mb,\n                    ml,\n                    mr,\n                    mx,\n                    my,\n                    pt,\n                    pb,\n                    pl,\n                    pr,\n                    px,\n                    py,\n                    fullWidth,\n                }),\n                className\n            )}\n            style={{...utilityStyle, ...style}}\n            {...getHiddenProps(hidden)}\n            {...rest}\n        >\n            {children}\n        </div>\n    )\n}\n"],"mappings":"iLAOA,SAAgB,EAAO,CACnB,QAAQ,UACR,SACA,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACA,YACA,QACA,WACA,GAAG,GACS,CACZ,IAAM,EAAe,EAAA,EAAuB,CAAC,QAAM,CAAC,CAEpD,OACI,EAAA,EAAA,KAAC,MAAD,CACI,UAAW,EAAA,EACP,QACA,IAAU,WAAa,EACvB,GAAG,EAAA,EAA2B,CAC1B,UACA,UACA,QACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,KACA,YACH,CAAC,CACF,EACH,CACD,MAAO,CAAC,GAAG,EAAc,GAAG,EAAM,CAClC,GAAI,EAAA,EAAe,EAAO,CAC1B,GAAI,EAEH,WACC,CAAA"}