@mindlogic-ai/logician-ui 3.0.0-alpha.27 → 3.0.0-alpha.29

package/dist/components/Code/Code.d.ts

@@ -1,3 +1,3 @@
 import { CodeProps } from './Code.types';
-export declare const Code: ({ children, language: languageProp, onCopy, hideHeader, containerProps, ...rest }: CodeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Code: ({ children, language: languageProp, onCopy, hideHeader, showLineNumbers, containerProps, ...rest }: CodeProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Code.d.ts.map

package/dist/components/Code/Code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,eAAO,MAAM,IAAI,GAAI,mFAOlB,SAAS,4CA4DX,CAAC"}
+{"version":3,"file":"Code.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAKzC,eAAO,MAAM,IAAI,GAAI,oGAQlB,SAAS,4CA4EX,CAAC"}

package/dist/components/Code/Code.js

@@ -6,12 +6,24 @@ var react = require('@chakra-ui/react');
 var index = require('../Icon/index.js');
 var shikiAdapter = require('./shikiAdapter.js');
 
-const Code = ({ children, language: languageProp, onCopy, hideHeader = false, containerProps, ...rest }) => {
+const Code = ({ children, language: languageProp, onCopy, hideHeader = false, showLineNumbers, containerProps, ...rest }) => {
     const language = languageProp === 'js' ? 'javascript' : languageProp;
+    const { meta: containerMeta, ...containerPropsRest } = containerProps ?? {};
+    const { meta: restMeta, ...restWithoutMeta } = rest;
+    const hasMeta = Boolean(containerMeta) ||
+        Boolean(restMeta) ||
+        showLineNumbers !== undefined;
+    const mergedMeta = hasMeta
+        ? {
+            ...containerMeta,
+            ...restMeta,
+            ...(showLineNumbers !== undefined && { showLineNumbers }),
+        }
+        : undefined;
     const handleCopy = () => {
         onCopy?.(children);
     };
-    return (jsxRuntime.jsx(react.CodeBlock.AdapterProvider, { value: shikiAdapter.shikiAdapter, children: jsxRuntime.jsxs(react.CodeBlock.Root, { code: children, language: language, textStyle: "Body", overflow: "hidden", borderColor: "gray.300", ...containerProps, ...rest, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
+    return (jsxRuntime.jsx(react.CodeBlock.AdapterProvider, { value: shikiAdapter.shikiAdapter, children: jsxRuntime.jsxs(react.CodeBlock.Root, { code: children, language: language, textStyle: "Body", overflow: "hidden", borderColor: "gray.300", ...containerPropsRest, ...restWithoutMeta, meta: mergedMeta, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
                 .filter(Boolean)
                 .join(' '), children: [!hideHeader && language && (jsxRuntime.jsxs(react.CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "white", zIndex: 2, children: [jsxRuntime.jsx(react.CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "gray.1200", children: language }), jsxRuntime.jsx(react.CodeBlock.Control, { children: onCopy && (jsxRuntime.jsx(react.CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "gray.600", cursor: "pointer", children: jsxRuntime.jsx(react.CodeBlock.CopyIndicator, { copied: jsxRuntime.jsx(index.FaCheck, { color: "success.main", boxSize: "xs" }) }) })) })] })), jsxRuntime.jsx(react.CodeBlock.Content, { children: jsxRuntime.jsx(react.CodeBlock.Code, { children: jsxRuntime.jsx(react.CodeBlock.CodeText, {}) }) })] }) }));
 };

package/dist/components/Code/Code.js.map

@@ -1 +1 @@
-{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","shikiAdapter","_jsxs","FaCheck"],"mappings":";;;;;;;;AAMO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;IAEpE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,eAACC,eAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAEC,yBAAY,EAAA,QAAA,EAClDC,eAAA,CAACF,eAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,cAAc,EAAA,GACd,IAAI,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBE,eAAA,CAACF,eAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,cAAA,CAACC,eAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACa,EACxBD,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,cAAA,CAACC,eAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,cAAA,CAACC,eAAe,CAAC,aAAa,EAAA,EAC5B,MAAM,EAAED,cAAA,CAACI,aAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrD,EAAA,CAC0B,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDJ,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,cAAA,CAACC,eAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,cAAA,CAACC,eAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}
+{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","shikiAdapter","_jsxs","FaCheck"],"mappings":";;;;;;;;AAWO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;AAEpE,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAG,cAAc,IAAI,EAAE;IAC3E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,IAAI;AAEnD,IAAA,MAAM,OAAO,GACX,OAAO,CAAC,aAAa,CAAC;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB,eAAe,KAAK,SAAS;IAC/B,MAAM,UAAU,GAA8B;AAC5C,UAAE;AACE,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,QAAQ;YACX,IAAI,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC;AAC1D;UACD,SAAS;IAEb,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,cAAA,CAACC,eAAe,CAAC,eAAe,IAAC,KAAK,EAAEC,yBAAY,EAAA,QAAA,EAClDC,eAAA,CAACF,eAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,kBAAkB,EAAA,GAClB,eAAe,EACnB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBE,eAAA,CAACF,eAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,cAAA,CAACC,eAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACa,EACxBD,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,cAAA,CAACC,eAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,cAAA,CAACC,eAAe,CAAC,aAAa,EAAA,EAC5B,MAAM,EAAED,cAAA,CAACI,aAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrD,EAAA,CAC0B,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDJ,cAAA,CAACC,eAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,cAAA,CAACC,eAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,cAAA,CAACC,eAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}

package/dist/components/Code/Code.mjs

@@ -4,12 +4,24 @@ import { CodeBlock } from '@chakra-ui/react';
 import { FaCheck } from '../Icon/index.mjs';
 import { shikiAdapter } from './shikiAdapter.mjs';
 
-const Code = ({ children, language: languageProp, onCopy, hideHeader = false, containerProps, ...rest }) => {
+const Code = ({ children, language: languageProp, onCopy, hideHeader = false, showLineNumbers, containerProps, ...rest }) => {
     const language = languageProp === 'js' ? 'javascript' : languageProp;
+    const { meta: containerMeta, ...containerPropsRest } = containerProps ?? {};
+    const { meta: restMeta, ...restWithoutMeta } = rest;
+    const hasMeta = Boolean(containerMeta) ||
+        Boolean(restMeta) ||
+        showLineNumbers !== undefined;
+    const mergedMeta = hasMeta
+        ? {
+            ...containerMeta,
+            ...restMeta,
+            ...(showLineNumbers !== undefined && { showLineNumbers }),
+        }
+        : undefined;
     const handleCopy = () => {
         onCopy?.(children);
     };
-    return (jsx(CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxs(CodeBlock.Root, { code: children, language: language, textStyle: "Body", overflow: "hidden", borderColor: "gray.300", ...containerProps, ...rest, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
+    return (jsx(CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxs(CodeBlock.Root, { code: children, language: language, textStyle: "Body", overflow: "hidden", borderColor: "gray.300", ...containerPropsRest, ...restWithoutMeta, meta: mergedMeta, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
                 .filter(Boolean)
                 .join(' '), children: [!hideHeader && language && (jsxs(CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "white", zIndex: 2, children: [jsx(CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "gray.1200", children: language }), jsx(CodeBlock.Control, { children: onCopy && (jsx(CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "gray.600", cursor: "pointer", children: jsx(CodeBlock.CopyIndicator, { copied: jsx(FaCheck, { color: "success.main", boxSize: "xs" }) }) })) })] })), jsx(CodeBlock.Content, { children: jsx(CodeBlock.Code, { children: jsx(CodeBlock.CodeText, {}) }) })] }) }));
 };

package/dist/components/Code/Code.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Code.mjs","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","_jsxs"],"mappings":";;;;;;AAMO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;IAEpE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,IAACC,SAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAClDC,IAAA,CAACD,SAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,cAAc,EAAA,GACd,IAAI,EACR,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBC,IAAA,CAACD,SAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,GAAA,CAACC,SAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACa,EACxBD,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,GAAA,CAACC,SAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,GAAA,CAACC,SAAe,CAAC,aAAa,EAAA,EAC5B,MAAM,EAAED,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrD,EAAA,CAC0B,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDA,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,GAAA,CAACC,SAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,GAAA,CAACC,SAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}
+{"version":3,"file":"Code.mjs","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","_jsxs"],"mappings":";;;;;;AAWO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;AAEpE,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAG,cAAc,IAAI,EAAE;IAC3E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,IAAI;AAEnD,IAAA,MAAM,OAAO,GACX,OAAO,CAAC,aAAa,CAAC;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB,eAAe,KAAK,SAAS;IAC/B,MAAM,UAAU,GAA8B;AAC5C,UAAE;AACE,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,QAAQ;YACX,IAAI,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC;AAC1D;UACD,SAAS;IAEb,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;IAED,QACEA,GAAA,CAACC,SAAe,CAAC,eAAe,IAAC,KAAK,EAAE,YAAY,EAAA,QAAA,EAClDC,IAAA,CAACD,SAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,kBAAkB,EAAA,GAClB,eAAe,EACnB,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,SAAS;iBAC7C,MAAM,CAAC,OAAO;iBACd,IAAI,CAAC,GAAG,CAAC,EAAA,QAAA,EAAA,CAEX,CAAC,UAAU,IAAI,QAAQ,KACtBC,IAAA,CAACD,SAAe,CAAC,MAAM,EAAA,EACrB,SAAS,EAAC,gBAAgB,EAC1B,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,OAAO,EACf,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETD,GAAA,CAACC,SAAe,CAAC,KAAK,EAAA,EACpB,UAAU,EAAC,MAAM,EACjB,UAAU,EAAC,MAAM,EACjB,KAAK,EAAC,WAAW,EAAA,QAAA,EAEhB,QAAQ,EAAA,CACa,EACxBD,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACrB,MAAM,KACLD,GAAA,CAACC,SAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,GAAA,CAACC,SAAe,CAAC,aAAa,EAAA,EAC5B,MAAM,EAAED,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrD,EAAA,CAC0B,CAC/B,EAAA,CACuB,CAAA,EAAA,CACH,CAC1B,EACDA,GAAA,CAACC,SAAe,CAAC,OAAO,EAAA,EAAA,QAAA,EACtBD,GAAA,CAACC,SAAe,CAAC,IAAI,EAAA,EAAA,QAAA,EACnBD,GAAA,CAACC,SAAe,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACP,EAAA,CACC,CAAA,EAAA,CACL,EAAA,CACS;AAEtC;;;;"}

package/dist/components/Code/Code.types.d.ts

@@ -27,5 +27,10 @@ export interface CodeProps extends Omit<CodeBlockRootProps, 'code' | 'onCopy' |
      * @default false
      */
     hideHeader?: boolean;
+    /**
+     * Whether to show line numbers in the code block.
+     * @default false
+     */
+    showLineNumbers?: boolean;
 }
 //# sourceMappingURL=Code.types.d.ts.map

package/dist/components/Code/Code.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Code.types.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,kBAAkB,EAClB,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAC5C;IACC,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/B;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CACnB,kBAAkB,EAClB,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAC5C,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"Code.types.d.ts","sourceRoot":"","sources":["../../../src/components/Code/Code.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,kBAAkB,EAClB,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAC5C;IACC,QAAQ,EAAE,MAAM,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAE/B;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CACnB,kBAAkB,EAClB,MAAM,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAC5C,CAAC;IAEF;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/components/InfoSprinkle/InfoSprinkle.d.ts

@@ -1,8 +1,3 @@
-import { HoverCard } from '@chakra-ui/react';
-import { IconButtonProps } from '../IconButton/IconButton.types';
-export declare const InfoSprinkle: ({ children, iconButtonProps, contentProps, ...rest }: {
-    children: React.ReactNode;
-    iconButtonProps?: Partial<IconButtonProps>;
-    contentProps?: HoverCard.ContentProps;
-} & HoverCard.RootProps) => import("react/jsx-runtime").JSX.Element;
+import { InfoSprinkleProps } from './InfoSprinkle.types';
+export declare const InfoSprinkle: ({ children, iconButtonProps, contentProps, baseFontSize, ...rest }: InfoSprinkleProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=InfoSprinkle.d.ts.map

package/dist/components/InfoSprinkle/InfoSprinkle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSprinkle.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAU,MAAM,kBAAkB,CAAC;AAIrD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,eAAO,MAAM,YAAY,GAAI,sDAK1B;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;CACvC,GAAG,SAAS,CAAC,SAAS,4CAmCtB,CAAC"}
+{"version":3,"file":"InfoSprinkle.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAO,MAAM,YAAY,GAAI,oEAM1B,iBAAiB,4CAmCnB,CAAC"}

package/dist/components/InfoSprinkle/InfoSprinkle.js

@@ -6,9 +6,10 @@ var react = require('@chakra-ui/react');
 var index = require('../Icon/index.js');
 var IconButton = require('../IconButton/IconButton.js');
 require('../IconButton/IconButton.styles.js');
+var ScaledContext = require('../ScaledContext/ScaledContext.js');
 
-const InfoSprinkle = ({ children, iconButtonProps, contentProps, ...rest }) => {
-    return (jsxRuntime.jsxs(react.HoverCard.Root, { positioning: { placement: 'top' }, openDelay: 0, closeDelay: 0, lazyMount: true, ...rest, children: [jsxRuntime.jsx(react.HoverCard.Trigger, { asChild: true, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Info", opacity: 0.5, transition: "opacity 0.2s", _hover: { opacity: 1, ...iconButtonProps?._hover }, ...iconButtonProps, children: jsxRuntime.jsx(index.LuInfo, { color: iconButtonProps?.color ?? 'gray.1000', boxSize: iconButtonProps?.size }) }) }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.HoverCard.Positioner, { children: jsxRuntime.jsxs(react.HoverCard.Content, { p: 2, ...contentProps, children: [jsxRuntime.jsx(react.HoverCard.Arrow, { children: jsxRuntime.jsx(react.HoverCard.ArrowTip, {}) }), children] }) }) })] }));
+const InfoSprinkle = ({ children, iconButtonProps, contentProps, baseFontSize = '14px', ...rest }) => {
+    return (jsxRuntime.jsxs(react.HoverCard.Root, { positioning: { placement: 'top' }, openDelay: 0, closeDelay: 0, lazyMount: true, ...rest, children: [jsxRuntime.jsx(react.HoverCard.Trigger, { asChild: true, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Info", opacity: 0.5, transition: "opacity 0.2s", _hover: { opacity: 1, ...iconButtonProps?._hover }, ...iconButtonProps, children: jsxRuntime.jsx(index.LuInfo, { color: iconButtonProps?.color ?? 'gray.1000', boxSize: iconButtonProps?.size ?? 'xs' }) }) }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.HoverCard.Positioner, { children: jsxRuntime.jsxs(react.HoverCard.Content, { p: 2, ...contentProps, children: [jsxRuntime.jsx(react.HoverCard.Arrow, { children: jsxRuntime.jsx(react.HoverCard.ArrowTip, {}) }), jsxRuntime.jsx(ScaledContext.ScaledContext, { fontSize: baseFontSize, children: children })] }) }) })] }));
 };
 
 exports.InfoSprinkle = InfoSprinkle;

package/dist/components/InfoSprinkle/InfoSprinkle.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSprinkle.js","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","HoverCard","_jsx","IconButton","LuInfo","Portal"],"mappings":";;;;;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,GAAG,IAAI,EAKc,KAAI;IACzB,QACEA,eAAA,CAACC,eAAS,CAAC,IAAI,EAAA,EACb,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,SAAS,EAAA,IAAA,EAAA,GACL,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,eAAS,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACxBC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EACE,MAAM,EACjB,OAAO,EAAE,GAAG,EACZ,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAI,eAAe,EAAE,MAAc,EAAE,EAAA,GACvD,eAAe,EAAA,QAAA,EAEnBD,cAAA,CAACE,YAAM,EAAA,EACL,KAAK,EAAG,eAAe,EAAE,KAAgB,IAAI,WAAW,EACxD,OAAO,EAAE,eAAe,EAAE,IAAI,EAAA,CAC9B,EAAA,CACS,EAAA,CACK,EACpBF,cAAA,CAACG,YAAM,EAAA,EAAA,QAAA,EACLH,cAAA,CAACD,eAAS,CAAC,UAAU,EAAA,EAAA,QAAA,EACnBD,gBAACC,eAAS,CAAC,OAAO,EAAA,EAAC,CAAC,EAAE,CAAC,EAAA,GAAM,YAAY,EAAA,QAAA,EAAA,CACvCC,cAAA,CAACD,eAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACdC,cAAA,CAACD,eAAS,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,EACjB,QAAQ,CAAA,EAAA,CACS,EAAA,CACC,EAAA,CAChB,CAAA,EAAA,CACM;AAErB;;;;"}
+{"version":3,"file":"InfoSprinkle.js","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","HoverCard","_jsx","IconButton","LuInfo","Portal","ScaledContext"],"mappings":";;;;;;;;;;MAOa,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,GAAG,MAAM,EACrB,GAAG,IAAI,EACW,KAAI;AACtB,IAAA,QACEA,eAAA,CAACC,eAAS,CAAC,IAAI,EAAA,EACb,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,SAAS,EAAA,IAAA,EAAA,GACL,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,eAAS,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACxBC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EACE,MAAM,EACjB,OAAO,EAAE,GAAG,EACZ,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAI,eAAe,EAAE,MAAc,EAAE,EAAA,GACvD,eAAe,EAAA,QAAA,EAEnBD,eAACE,YAAM,EAAA,EACL,KAAK,EAAG,eAAe,EAAE,KAAgB,IAAI,WAAW,EACxD,OAAO,EAAE,eAAe,EAAE,IAAI,IAAI,IAAI,EAAA,CACtC,EAAA,CACS,EAAA,CACK,EACpBF,cAAA,CAACG,YAAM,EAAA,EAAA,QAAA,EACLH,cAAA,CAACD,eAAS,CAAC,UAAU,EAAA,EAAA,QAAA,EACnBD,eAAA,CAACC,eAAS,CAAC,OAAO,EAAA,EAAC,CAAC,EAAE,CAAC,EAAA,GAAM,YAAY,EAAA,QAAA,EAAA,CACvCC,cAAA,CAACD,eAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACdC,cAAA,CAACD,eAAS,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,EAClBC,cAAA,CAACI,2BAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,CAAA,EAAA,CAC/C,EAAA,CACC,EAAA,CAChB,CAAA,EAAA,CACM;AAErB;;;;"}

package/dist/components/InfoSprinkle/InfoSprinkle.mjs

@@ -4,9 +4,10 @@ import { HoverCard, Portal } from '@chakra-ui/react';
 import { LuInfo } from '../Icon/index.mjs';
 import { IconButton } from '../IconButton/IconButton.mjs';
 import '../IconButton/IconButton.styles.mjs';
+import { ScaledContext } from '../ScaledContext/ScaledContext.mjs';
 
-const InfoSprinkle = ({ children, iconButtonProps, contentProps, ...rest }) => {
-    return (jsxs(HoverCard.Root, { positioning: { placement: 'top' }, openDelay: 0, closeDelay: 0, lazyMount: true, ...rest, children: [jsx(HoverCard.Trigger, { asChild: true, children: jsx(IconButton, { "aria-label": "Info", opacity: 0.5, transition: "opacity 0.2s", _hover: { opacity: 1, ...iconButtonProps?._hover }, ...iconButtonProps, children: jsx(LuInfo, { color: iconButtonProps?.color ?? 'gray.1000', boxSize: iconButtonProps?.size }) }) }), jsx(Portal, { children: jsx(HoverCard.Positioner, { children: jsxs(HoverCard.Content, { p: 2, ...contentProps, children: [jsx(HoverCard.Arrow, { children: jsx(HoverCard.ArrowTip, {}) }), children] }) }) })] }));
+const InfoSprinkle = ({ children, iconButtonProps, contentProps, baseFontSize = '14px', ...rest }) => {
+    return (jsxs(HoverCard.Root, { positioning: { placement: 'top' }, openDelay: 0, closeDelay: 0, lazyMount: true, ...rest, children: [jsx(HoverCard.Trigger, { asChild: true, children: jsx(IconButton, { "aria-label": "Info", opacity: 0.5, transition: "opacity 0.2s", _hover: { opacity: 1, ...iconButtonProps?._hover }, ...iconButtonProps, children: jsx(LuInfo, { color: iconButtonProps?.color ?? 'gray.1000', boxSize: iconButtonProps?.size ?? 'xs' }) }) }), jsx(Portal, { children: jsx(HoverCard.Positioner, { children: jsxs(HoverCard.Content, { p: 2, ...contentProps, children: [jsx(HoverCard.Arrow, { children: jsx(HoverCard.ArrowTip, {}) }), jsx(ScaledContext, { fontSize: baseFontSize, children: children })] }) }) })] }));
 };
 
 export { InfoSprinkle };

package/dist/components/InfoSprinkle/InfoSprinkle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"InfoSprinkle.mjs","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAMO,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,GAAG,IAAI,EAKc,KAAI;IACzB,QACEA,IAAA,CAAC,SAAS,CAAC,IAAI,EAAA,EACb,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,SAAS,EAAA,IAAA,EAAA,GACL,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAAC,SAAS,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACxBA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACE,MAAM,EACjB,OAAO,EAAE,GAAG,EACZ,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAI,eAAe,EAAE,MAAc,EAAE,EAAA,GACvD,eAAe,EAAA,QAAA,EAEnBA,GAAA,CAAC,MAAM,EAAA,EACL,KAAK,EAAG,eAAe,EAAE,KAAgB,IAAI,WAAW,EACxD,OAAO,EAAE,eAAe,EAAE,IAAI,EAAA,CAC9B,EAAA,CACS,EAAA,CACK,EACpBA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,GAAA,CAAC,SAAS,CAAC,UAAU,EAAA,EAAA,QAAA,EACnBD,KAAC,SAAS,CAAC,OAAO,EAAA,EAAC,CAAC,EAAE,CAAC,EAAA,GAAM,YAAY,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAC,SAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,SAAS,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,EACjB,QAAQ,CAAA,EAAA,CACS,EAAA,CACC,EAAA,CAChB,CAAA,EAAA,CACM;AAErB;;;;"}
+{"version":3,"file":"InfoSprinkle.mjs","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAOa,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,eAAe,EACf,YAAY,EACZ,YAAY,GAAG,MAAM,EACrB,GAAG,IAAI,EACW,KAAI;AACtB,IAAA,QACEA,IAAA,CAAC,SAAS,CAAC,IAAI,EAAA,EACb,WAAW,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,EACjC,SAAS,EAAE,CAAC,EACZ,UAAU,EAAE,CAAC,EACb,SAAS,EAAA,IAAA,EAAA,GACL,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAAC,SAAS,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACxBA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EACE,MAAM,EACjB,OAAO,EAAE,GAAG,EACZ,UAAU,EAAC,cAAc,EACzB,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,GAAI,eAAe,EAAE,MAAc,EAAE,EAAA,GACvD,eAAe,EAAA,QAAA,EAEnBA,IAAC,MAAM,EAAA,EACL,KAAK,EAAG,eAAe,EAAE,KAAgB,IAAI,WAAW,EACxD,OAAO,EAAE,eAAe,EAAE,IAAI,IAAI,IAAI,EAAA,CACtC,EAAA,CACS,EAAA,CACK,EACpBA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EACLA,GAAA,CAAC,SAAS,CAAC,UAAU,EAAA,EAAA,QAAA,EACnBD,IAAA,CAAC,SAAS,CAAC,OAAO,EAAA,EAAC,CAAC,EAAE,CAAC,EAAA,GAAM,YAAY,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAC,SAAS,CAAC,KAAK,EAAA,EAAA,QAAA,EACdA,GAAA,CAAC,SAAS,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,EAClBA,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,CAAA,EAAA,CAC/C,EAAA,CACC,EAAA,CAChB,CAAA,EAAA,CACM;AAErB;;;;"}

package/dist/components/InfoSprinkle/InfoSprinkle.types.d.ts

@@ -0,0 +1,9 @@
+import { HoverCard } from '@chakra-ui/react';
+import { IconButtonProps } from '../IconButton/IconButton.types';
+export type InfoSprinkleProps = HoverCard.RootProps & {
+    children: React.ReactNode;
+    iconButtonProps?: Partial<IconButtonProps>;
+    contentProps?: HoverCard.ContentProps;
+    baseFontSize?: string | number;
+};
+//# sourceMappingURL=InfoSprinkle.types.d.ts.map

package/dist/components/InfoSprinkle/InfoSprinkle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoSprinkle.types.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/InfoSprinkle.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG,SAAS,CAAC,SAAS,GAAG;IACpD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IAC3C,YAAY,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC;IACtC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC"}

package/dist/components/InfoSprinkle/index.d.ts

@@ -1,2 +1,3 @@
 export { InfoSprinkle } from './InfoSprinkle';
+export type { InfoSprinkleProps } from './InfoSprinkle.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/InfoSprinkle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InfoSprinkle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/components/Modal/ModalHeader.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
 
 const ModalHeader = ({ ...rest }) => {
-    return (jsxRuntime.jsx(react.Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "inherit", ...rest }));
+    return (jsxRuntime.jsx(react.Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "l3", ...rest }));
 };
 
 exports.ModalHeader = ModalHeader;

package/dist/components/Modal/ModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,QACEA,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,SAAS,EAAA,GACrB,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"ModalHeader.js","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx","Dialog"],"mappings":";;;;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,QACEA,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,IAAI,EAAA,GAChB,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/Modal/ModalHeader.mjs

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { Dialog } from '@chakra-ui/react';
 
 const ModalHeader = ({ ...rest }) => {
-    return (jsx(Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "inherit", ...rest }));
+    return (jsx(Dialog.Header, { textStyle: "h4", px: 4, pt: 4, pb: 3, borderTopRadius: "l3", ...rest }));
 };
 
 export { ModalHeader };

package/dist/components/Modal/ModalHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,SAAS,EAAA,GACrB,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"ModalHeader.mjs","sources":["../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAGO,MAAM,WAAW,GAAG,CAAC,EAAE,GAAG,IAAI,EAAsB,KAAI;AAC7D,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,eAAe,EAAC,IAAI,EAAA,GAChB,IAAI,EAAA,CACR;AAEN;;;;"}

package/dist/components/Popover/Popover.context.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface PopoverContextValue {
+    baseFontSize: string | number;
+}
+export declare const PopoverContext: React.Context<PopoverContextValue>;
+export declare const usePopoverContext: () => PopoverContextValue;
+//# sourceMappingURL=Popover.context.d.ts.map

package/dist/components/Popover/Popover.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.context.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,cAAc,oCAEzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,2BAAyC,CAAC"}

package/dist/components/Popover/{Popover.types.js → Popover.context.js}

@@ -10,4 +10,4 @@ const usePopoverContext = () => React.useContext(PopoverContext);
 
 exports.PopoverContext = PopoverContext;
 exports.usePopoverContext = usePopoverContext;
-//# sourceMappingURL=Popover.types.js.map
+//# sourceMappingURL=Popover.context.js.map

package/dist/components/Popover/Popover.context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.js","sources":["../../../src/components/Popover/Popover.context.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAMO,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;AACrE,IAAA,YAAY,EAAE,MAAM;AACrB,CAAA;AAEM,MAAM,iBAAiB,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,cAAc;;;;;"}

package/dist/components/Popover/{Popover.types.mjs → Popover.context.mjs}

@@ -7,4 +7,4 @@ const PopoverContext = React__default.createContext({
 const usePopoverContext = () => React__default.useContext(PopoverContext);
 
 export { PopoverContext, usePopoverContext };
-//# sourceMappingURL=Popover.types.mjs.map
+//# sourceMappingURL=Popover.context.mjs.map

package/dist/components/Popover/Popover.context.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.context.mjs","sources":["../../../src/components/Popover/Popover.context.ts"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAMO,MAAM,cAAc,GAAGA,cAAK,CAAC,aAAa,CAAsB;AACrE,IAAA,YAAY,EAAE,MAAM;AACrB,CAAA;AAEM,MAAM,iBAAiB,GAAG,MAAMA,cAAK,CAAC,UAAU,CAAC,cAAc;;;;"}

package/dist/components/Popover/Popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAe/D,eAAO,MAAM,OAAO;2CAPjB,YAAY;;;;;;;;;;;;;;CAmBb,CAAC"}
+{"version":3,"file":"Popover.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAG5D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAe/C,eAAO,MAAM,OAAO;2CAPjB,YAAY;;;;;;;;;;;;;;CAmBb,CAAC"}

package/dist/components/Popover/Popover.js

@@ -3,11 +3,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
-var Popover_types = require('./Popover.types.js');
+var Popover_context = require('./Popover.context.js');
 var PopoverArrowTip = require('./PopoverArrowTip.js');
 var PopoverContent = require('./PopoverContent.js');
 
-const PopoverBase = ({ baseFontSize = '14px', children, ...props }) => (jsxRuntime.jsx(Popover_types.PopoverContext.Provider, { value: { baseFontSize }, children: jsxRuntime.jsx(react.Popover.Root, { ...props, children: children }) }));
+const PopoverBase = ({ baseFontSize = '14px', children, ...props }) => (jsxRuntime.jsx(Popover_context.PopoverContext.Provider, { value: { baseFontSize }, children: jsxRuntime.jsx(react.Popover.Root, { ...props, children: children }) }));
 PopoverBase.displayName = 'Popover';
 const Popover = Object.assign(PopoverBase, {
     Anchor: react.Popover.Anchor,

package/dist/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","PopoverContext","ChakraPopover","PopoverContent","PopoverArrowTip"],"mappings":";;;;;;;;;AAMA,MAAM,WAAW,GAAG,CAAC,EACnB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,KAAK,EACK,MACbA,cAAA,CAACC,4BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC9CD,cAAA,CAACE,aAAa,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAsB,EAAA,CACtC,CAC3B;AACD,WAAW,CAAC,WAAW,GAAG,SAAS;MAEtB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,MAAM,EAAEA,aAAa,CAAC,MAAM;IAC5B,OAAO,EAAEA,aAAa,CAAC,OAAO;AAC9B,IAAA,OAAO,EAAEC,6BAAc;IACvB,KAAK,EAAED,aAAa,CAAC,KAAK;AAC1B,IAAA,QAAQ,EAAEE,+BAAe;IACzB,YAAY,EAAEF,aAAa,CAAC,YAAY;IACxC,MAAM,EAAEA,aAAa,CAAC,MAAM;IAC5B,IAAI,EAAEA,aAAa,CAAC,IAAI;IACxB,KAAK,EAAEA,aAAa,CAAC,KAAK;IAC1B,WAAW,EAAEA,aAAa,CAAC,WAAW;IACtC,MAAM,EAAEA,aAAa,CAAC,MAAM;AAC7B,CAAA;;;;"}
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","PopoverContext","ChakraPopover","PopoverContent","PopoverArrowTip"],"mappings":";;;;;;;;;AAOA,MAAM,WAAW,GAAG,CAAC,EACnB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,KAAK,EACK,MACbA,cAAA,CAACC,8BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC9CD,cAAA,CAACE,aAAa,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAsB,EAAA,CACtC,CAC3B;AACD,WAAW,CAAC,WAAW,GAAG,SAAS;MAEtB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,MAAM,EAAEA,aAAa,CAAC,MAAM;IAC5B,OAAO,EAAEA,aAAa,CAAC,OAAO;AAC9B,IAAA,OAAO,EAAEC,6BAAc;IACvB,KAAK,EAAED,aAAa,CAAC,KAAK;AAC1B,IAAA,QAAQ,EAAEE,+BAAe;IACzB,YAAY,EAAEF,aAAa,CAAC,YAAY;IACxC,MAAM,EAAEA,aAAa,CAAC,MAAM;IAC5B,IAAI,EAAEA,aAAa,CAAC,IAAI;IACxB,KAAK,EAAEA,aAAa,CAAC,KAAK;IAC1B,WAAW,EAAEA,aAAa,CAAC,WAAW;IACtC,MAAM,EAAEA,aAAa,CAAC,MAAM;AAC7B,CAAA;;;;"}

package/dist/components/Popover/Popover.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Popover as Popover$1 } from '@chakra-ui/react';
-import { PopoverContext } from './Popover.types.mjs';
+import { PopoverContext } from './Popover.context.mjs';
 import { PopoverArrowTip } from './PopoverArrowTip.mjs';
 import { PopoverContent } from './PopoverContent.mjs';
 

package/dist/components/Popover/Popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover"],"mappings":";;;;;;;AAMA,MAAM,WAAW,GAAG,CAAC,EACnB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,KAAK,EACK,MACbA,GAAA,CAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC9CA,GAAA,CAACC,SAAa,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAsB,EAAA,CACtC,CAC3B;AACD,WAAW,CAAC,WAAW,GAAG,SAAS;MAEtB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,MAAM,EAAEA,SAAa,CAAC,MAAM;IAC5B,OAAO,EAAEA,SAAa,CAAC,OAAO;AAC9B,IAAA,OAAO,EAAE,cAAc;IACvB,KAAK,EAAEA,SAAa,CAAC,KAAK;AAC1B,IAAA,QAAQ,EAAE,eAAe;IACzB,YAAY,EAAEA,SAAa,CAAC,YAAY;IACxC,MAAM,EAAEA,SAAa,CAAC,MAAM;IAC5B,IAAI,EAAEA,SAAa,CAAC,IAAI;IACxB,KAAK,EAAEA,SAAa,CAAC,KAAK;IAC1B,WAAW,EAAEA,SAAa,CAAC,WAAW;IACtC,MAAM,EAAEA,SAAa,CAAC,MAAM;AAC7B,CAAA;;;;"}
+{"version":3,"file":"Popover.mjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover"],"mappings":";;;;;;;AAOA,MAAM,WAAW,GAAG,CAAC,EACnB,YAAY,GAAG,MAAM,EACrB,QAAQ,EACR,GAAG,KAAK,EACK,MACbA,GAAA,CAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC9CA,GAAA,CAACC,SAAa,CAAC,IAAI,OAAK,KAAK,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAsB,EAAA,CACtC,CAC3B;AACD,WAAW,CAAC,WAAW,GAAG,SAAS;MAEtB,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE;IAChD,MAAM,EAAEA,SAAa,CAAC,MAAM;IAC5B,OAAO,EAAEA,SAAa,CAAC,OAAO;AAC9B,IAAA,OAAO,EAAE,cAAc;IACvB,KAAK,EAAEA,SAAa,CAAC,KAAK;AAC1B,IAAA,QAAQ,EAAE,eAAe;IACzB,YAAY,EAAEA,SAAa,CAAC,YAAY;IACxC,MAAM,EAAEA,SAAa,CAAC,MAAM;IAC5B,IAAI,EAAEA,SAAa,CAAC,IAAI;IACxB,KAAK,EAAEA,SAAa,CAAC,KAAK;IAC1B,WAAW,EAAEA,SAAa,CAAC,WAAW;IACtC,MAAM,EAAEA,SAAa,CAAC,MAAM;AAC7B,CAAA;;;;"}

package/dist/components/Popover/Popover.types.d.ts

@@ -1,10 +1,5 @@
 import React from 'react';
 import { Popover as ChakraPopover } from '@chakra-ui/react';
-export interface PopoverContextValue {
-    baseFontSize: string | number;
-}
-export declare const PopoverContext: React.Context<PopoverContextValue>;
-export declare const usePopoverContext: () => PopoverContextValue;
 export type PopoverProps = Omit<React.ComponentPropsWithoutRef<typeof ChakraPopover.Root>, 'children'> & {
     baseFontSize?: string | number;
     children?: React.ReactNode;

package/dist/components/Popover/Popover.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,cAAc,oCAEzB,CAAC;AAEH,eAAO,MAAM,iBAAiB,2BAAyC,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzD,UAAU,CACX,GAAG;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}
+{"version":3,"file":"Popover.types.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/Popover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EACzD,UAAU,CACX,GAAG;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}

package/dist/components/Popover/PopoverContent.js

@@ -5,10 +5,10 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var ScaledContext = require('../ScaledContext/ScaledContext.js');
-var Popover_types = require('./Popover.types.js');
+var Popover_context = require('./Popover.context.js');
 
 const PopoverContent = React.forwardRef(({ children, ...props }, ref) => {
-    const { baseFontSize } = Popover_types.usePopoverContext();
+    const { baseFontSize } = Popover_context.usePopoverContext();
     return (jsxRuntime.jsx(react.Popover.Positioner, { children: jsxRuntime.jsx(react.Popover.Content, { ref: ref, borderWidth: "1px", borderColor: "gray.200", ...props, children: jsxRuntime.jsx(ScaledContext.ScaledContext, { fontSize: baseFontSize, children: children }) }) }));
 });
 PopoverContent.displayName = 'Popover.Content';

package/dist/components/Popover/PopoverContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverContent.js","sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["forwardRef","usePopoverContext","_jsx","ChakraPopover","ScaledContext"],"mappings":";;;;;;;;;AASO,MAAM,cAAc,GAAGA,gBAAU,CACtC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,+BAAiB,EAAE;AAE5C,IAAA,QACEC,cAAA,CAACC,aAAa,CAAC,UAAU,cACvBD,cAAA,CAACC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,KAAK,EAAA,QAAA,EAETD,eAACE,2BAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,GAAiB,EAAA,CAC3C,EAAA,CACC;AAE/B,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"PopoverContent.js","sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["forwardRef","usePopoverContext","_jsx","ChakraPopover","ScaledContext"],"mappings":";;;;;;;;;AASO,MAAM,cAAc,GAAGA,gBAAU,CACtC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAGC,iCAAiB,EAAE;AAE5C,IAAA,QACEC,cAAA,CAACC,aAAa,CAAC,UAAU,cACvBD,cAAA,CAACC,aAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,UAAU,EAAA,GAClB,KAAK,EAAA,QAAA,EAETD,eAACE,2BAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,GAAiB,EAAA,CAC3C,EAAA,CACC;AAE/B,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/Popover/PopoverContent.mjs

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Popover } from '@chakra-ui/react';
 import { ScaledContext } from '../ScaledContext/ScaledContext.mjs';
-import { usePopoverContext } from './Popover.types.mjs';
+import { usePopoverContext } from './Popover.context.mjs';
 
 const PopoverContent = forwardRef(({ children, ...props }, ref) => {
     const { baseFontSize } = usePopoverContext();

package/dist/components/ScaledContext/ScaledContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaledContext.d.ts","sourceRoot":"","sources":["../../../src/components/ScaledContext/ScaledContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAqC1C,eAAO,MAAM,aAAa,4GAazB,CAAC"}
+{"version":3,"file":"ScaledContext.d.ts","sourceRoot":"","sources":["../../../src/components/ScaledContext/ScaledContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAC;AA4C1C,eAAO,MAAM,aAAa,4GAezB,CAAC"}

package/dist/components/ScaledContext/ScaledContext.js

@@ -11,7 +11,11 @@ const LENGTH_RE = /^(-?[\d.]+)(r?em)$/;
 // which are internal Chakra v3 APIs. If Chakra renames these structures in a
 // future release, getScopedVars will return {} and scaling will silently stop
 // working. The null-check on `base` below guards the most likely failure mode.
+const scopedVarsCache = new WeakMap();
 function getScopedVars(system) {
+    const cached = scopedVarsCache.get(system);
+    if (cached)
+        return cached;
     const base = system.tokens.cssVarMap.get('base');
     if (!base)
         return {};
@@ -30,14 +34,15 @@ function getScopedVars(system) {
             continue;
         result[cssVar.var] = `${match[1]}em`;
     }
-    return result;
+    const frozen = result;
+    scopedVarsCache.set(system, frozen);
+    return frozen;
 }
 const ScaledContext = React.forwardRef(({ style, children, ...rest }, ref) => {
     const system = react.useChakraContext();
-    // system is the Chakra context object, which is stable across renders
-    // (same reference for the lifetime of the provider). useMemo is correct here.
-    const scopedVars = React.useMemo(() => getScopedVars(system), [system]);
-    return (jsxRuntime.jsx(react.Box, { ref: ref, style: { ...scopedVars, ...style }, ...rest, children: children }));
+    const scopedVars = getScopedVars(system);
+    const mergedStyle = React.useMemo(() => ({ ...scopedVars, ...style }), [scopedVars, style]);
+    return (jsxRuntime.jsx(react.Box, { ref: ref, style: mergedStyle, ...rest, children: children }));
 });
 ScaledContext.displayName = 'ScaledContext';
 

package/dist/components/ScaledContext/ScaledContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ScaledContext.js","sources":["../../../src/components/ScaledContext/ScaledContext.tsx"],"sourcesContent":[null],"names":["forwardRef","useChakraContext","_jsx","Box"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,SAAS,GAAG,oBAAoB;AAEtC;AACA;AACA;AACA;AACA,SAAS,aAAa,CACpB,MAA2C,EAAA;AAE3C,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,MAAM,MAAM,GAA2B,EAAE;IAEzC,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC3C,QAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU;AAChE,QAAA,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,MAAM;YAAE;AACpC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE;QAEtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAuB;AACxD,QAAA,IAAI,CAAC,KAAK;YAAE;QAEZ,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACnC,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAA,EAAG,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;IACtC;AAEA,IAAA,OAAO,MAA6B;AACtC;AAEO,MAAM,aAAa,GAAGA,gBAAU,CACrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACpC,IAAA,MAAM,MAAM,GAAGC,sBAAgB,EAAE;;;AAGjC,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEvE,QACEC,eAACC,SAAG,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAA,GAAM,IAAI,EAAA,QAAA,EACxD,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"ScaledContext.js","sources":["../../../src/components/ScaledContext/ScaledContext.tsx"],"sourcesContent":[null],"names":["forwardRef","useChakraContext","_jsx","Box"],"mappings":";;;;;;;AAOA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,SAAS,GAAG,oBAAoB;AAEtC;AACA;AACA;AACA;AACA,MAAM,eAAe,GAAG,IAAI,OAAO,EAA+B;AAElE,SAAS,aAAa,CACpB,MAA2C,EAAA;IAE3C,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC;AAC1C,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,MAAM;AAEzB,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,MAAM,MAAM,GAA2B,EAAE;IAEzC,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC3C,QAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU;AAChE,QAAA,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,MAAM;YAAE;AACpC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE;QAEtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAuB;AACxD,QAAA,IAAI,CAAC,KAAK;YAAE;QAEZ,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACnC,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAA,EAAG,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;IACtC;IAEA,MAAM,MAAM,GAAG,MAA6B;AAC5C,IAAA,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;AACnC,IAAA,OAAO,MAAM;AACf;AAEO,MAAM,aAAa,GAAGA,gBAAU,CACrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACpC,IAAA,MAAM,MAAM,GAAGC,sBAAgB,EAAE;AACjC,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IACxC,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAC/B,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC,EACnC,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB;AAED,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAA,GAAM,IAAI,YACxC,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/dist/components/ScaledContext/ScaledContext.mjs

@@ -9,7 +9,11 @@ const LENGTH_RE = /^(-?[\d.]+)(r?em)$/;
 // which are internal Chakra v3 APIs. If Chakra renames these structures in a
 // future release, getScopedVars will return {} and scaling will silently stop
 // working. The null-check on `base` below guards the most likely failure mode.
+const scopedVarsCache = new WeakMap();
 function getScopedVars(system) {
+    const cached = scopedVarsCache.get(system);
+    if (cached)
+        return cached;
     const base = system.tokens.cssVarMap.get('base');
     if (!base)
         return {};
@@ -28,14 +32,15 @@ function getScopedVars(system) {
             continue;
         result[cssVar.var] = `${match[1]}em`;
     }
-    return result;
+    const frozen = result;
+    scopedVarsCache.set(system, frozen);
+    return frozen;
 }
 const ScaledContext = forwardRef(({ style, children, ...rest }, ref) => {
     const system = useChakraContext();
-    // system is the Chakra context object, which is stable across renders
-    // (same reference for the lifetime of the provider). useMemo is correct here.
-    const scopedVars = React__default.useMemo(() => getScopedVars(system), [system]);
-    return (jsx(Box, { ref: ref, style: { ...scopedVars, ...style }, ...rest, children: children }));
+    const scopedVars = getScopedVars(system);
+    const mergedStyle = React__default.useMemo(() => ({ ...scopedVars, ...style }), [scopedVars, style]);
+    return (jsx(Box, { ref: ref, style: mergedStyle, ...rest, children: children }));
 });
 ScaledContext.displayName = 'ScaledContext';
 

package/dist/components/ScaledContext/ScaledContext.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ScaledContext.mjs","sources":["../../../src/components/ScaledContext/ScaledContext.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AAOA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,SAAS,GAAG,oBAAoB;AAEtC;AACA;AACA;AACA;AACA,SAAS,aAAa,CACpB,MAA2C,EAAA;AAE3C,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,MAAM,MAAM,GAA2B,EAAE;IAEzC,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC3C,QAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU;AAChE,QAAA,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,MAAM;YAAE;AACpC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE;QAEtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAuB;AACxD,QAAA,IAAI,CAAC,KAAK;YAAE;QAEZ,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACnC,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAA,EAAG,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;IACtC;AAEA,IAAA,OAAO,MAA6B;AACtC;AAEO,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACpC,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE;;;AAGjC,IAAA,MAAM,UAAU,GAAGA,cAAK,CAAC,OAAO,CAAC,MAAM,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IAEvE,QACEC,IAAC,GAAG,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,EAAA,GAAM,IAAI,EAAA,QAAA,EACxD,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}
+{"version":3,"file":"ScaledContext.mjs","sources":["../../../src/components/ScaledContext/ScaledContext.tsx"],"sourcesContent":[null],"names":["React","_jsx"],"mappings":";;;;;AAOA,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;AACvD,MAAM,SAAS,GAAG,oBAAoB;AAEtC;AACA;AACA;AACA;AACA,MAAM,eAAe,GAAG,IAAI,OAAO,EAA+B;AAElE,SAAS,aAAa,CACpB,MAA2C,EAAA;IAE3C,MAAM,MAAM,GAAG,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC;AAC1C,IAAA,IAAI,MAAM;AAAE,QAAA,OAAO,MAAM;AAEzB,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC;AAChD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,EAAE;IAEpB,MAAM,MAAM,GAA2B,EAAE;IAEzC,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,MAAM,CAAC,SAAS,EAAE;AAC3C,QAAA,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU;AAChE,QAAA,IAAI,QAAQ,IAAI,OAAO,IAAI,CAAC,MAAM;YAAE;AACpC,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;YAAE;QAEtC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAuB;AACxD,QAAA,IAAI,CAAC,KAAK;YAAE;QAEZ,MAAM,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC;AACnC,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAA,EAAG,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI;IACtC;IAEA,MAAM,MAAM,GAAG,MAA6B;AAC5C,IAAA,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC;AACnC,IAAA,OAAO,MAAM;AACf;AAEO,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACpC,IAAA,MAAM,MAAM,GAAG,gBAAgB,EAAE;AACjC,IAAA,MAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC;IACxC,MAAM,WAAW,GAAGA,cAAK,CAAC,OAAO,CAC/B,OAAO,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,EAAE,CAAC,EACnC,CAAC,UAAU,EAAE,KAAK,CAAC,CACpB;AAED,IAAA,QACEC,GAAA,CAAC,GAAG,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,WAAW,EAAA,GAAM,IAAI,YACxC,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindlogic-ai/logician-ui",
-  "version": "3.0.0-alpha.27",
+  "version": "3.0.0-alpha.29",
   "description": "A comprehensive React design system built on Chakra UI",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/src/components/Code/Code.stories.tsx

@@ -312,6 +312,38 @@ export const Fetcher = forwardRef(
   },
 };
 
+export const WithLineNumbers: Story = {
+  args: {
+    language: 'typescript',
+    showLineNumbers: true,
+    children: `type User = {
+  id: string;
+  name: string;
+  email: string;
+};
+
+const getUser = async (id: string): Promise<User> => {
+  const res = await fetch(\`/api/users/\${id}\`);
+  return res.json();
+};`,
+  },
+};
+
+export const WithLineNumbersAndCopy: Story = {
+  args: {
+    language: 'tsx',
+    showLineNumbers: true,
+    onCopy: (str) => navigator.clipboard.writeText(str),
+    children: `import { Code } from '@mindlogic-ai/logician-ui';
+
+export const Example = () => (
+  <Code language="tsx" showLineNumbers>
+    {'const greeting = "hello";'}
+  </Code>
+);`,
+  },
+};
+
 export const CustomContainer: Story = {
   args: {
     language: 'typescript',

package/src/components/Code/Code.tsx

@@ -1,19 +1,40 @@
-import { CodeBlock as ChakraCodeBlock } from '@chakra-ui/react';
+import {
+  CodeBlock as ChakraCodeBlock,
+  CodeBlockRootProps,
+} from '@chakra-ui/react';
 
 import { FaCheck } from '../Icon';
 import { CodeProps } from './Code.types';
 import { shikiAdapter } from './shikiAdapter';
 
+type CodeBlockMeta = NonNullable<CodeBlockRootProps['meta']>;
+
 export const Code = ({
   children,
   language: languageProp,
   onCopy,
   hideHeader = false,
+  showLineNumbers,
   containerProps,
   ...rest
 }: CodeProps) => {
   const language = languageProp === 'js' ? 'javascript' : languageProp;
 
+  const { meta: containerMeta, ...containerPropsRest } = containerProps ?? {};
+  const { meta: restMeta, ...restWithoutMeta } = rest;
+
+  const hasMeta =
+    Boolean(containerMeta) ||
+    Boolean(restMeta) ||
+    showLineNumbers !== undefined;
+  const mergedMeta: CodeBlockMeta | undefined = hasMeta
+    ? {
+        ...containerMeta,
+        ...restMeta,
+        ...(showLineNumbers !== undefined && { showLineNumbers }),
+      }
+    : undefined;
+
   const handleCopy = () => {
     onCopy?.(children);
   };
@@ -26,8 +47,9 @@ export const Code = ({
         textStyle="Body"
         overflow="hidden"
         borderColor="gray.300"
-        {...containerProps}
-        {...rest}
+        {...containerPropsRest}
+        {...restWithoutMeta}
+        meta={mergedMeta}
         onCopy={handleCopy}
         className={['ml-code', containerProps?.className]
           .filter(Boolean)

package/src/components/Code/Code.types.ts

@@ -38,4 +38,10 @@ export interface CodeProps extends Omit<
    * @default false
    */
   hideHeader?: boolean;
+
+  /**
+   * Whether to show line numbers in the code block.
+   * @default false
+   */
+  showLineNumbers?: boolean;
 }

package/src/components/InfoSprinkle/InfoSprinkle.stories.tsx

@@ -7,6 +7,16 @@ import { InfoSprinkle } from './InfoSprinkle';
 const meta = {
   title: 'Components/InfoSprinkle',
   component: InfoSprinkle,
+  argTypes: {
+    baseFontSize: {
+      control: 'text',
+      description:
+        'Base font size for the popover content. Spacing/sizing tokens with em units scale relative to this value.',
+    },
+  },
+  args: {
+    baseFontSize: '14px',
+  },
   render: (args) => {
     return (
       <Box p="128px">
@@ -23,3 +33,9 @@ export default meta;
 type Story = StoryObj<typeof InfoSprinkle>;
 
 export const Basic: Story = {};
+
+export const LargerBaseFontSize: Story = {
+  args: {
+    baseFontSize: '18px',
+  },
+};

package/src/components/InfoSprinkle/InfoSprinkle.tsx

@@ -2,18 +2,16 @@ import { HoverCard, Portal } from '@chakra-ui/react';
 
 import { LuInfo } from '../Icon';
 import { IconButton } from '../IconButton';
-import { IconButtonProps } from '../IconButton/IconButton.types';
+import { ScaledContext } from '../ScaledContext';
+import { InfoSprinkleProps } from './InfoSprinkle.types';
 
 export const InfoSprinkle = ({
   children,
   iconButtonProps,
   contentProps,
+  baseFontSize = '14px',
   ...rest
-}: {
-  children: React.ReactNode;
-  iconButtonProps?: Partial<IconButtonProps>;
-  contentProps?: HoverCard.ContentProps;
-} & HoverCard.RootProps) => {
+}: InfoSprinkleProps) => {
   return (
     <HoverCard.Root
       positioning={{ placement: 'top' }}
@@ -32,7 +30,7 @@ export const InfoSprinkle = ({
         >
           <LuInfo
             color={(iconButtonProps?.color as string) ?? 'gray.1000'}
-            boxSize={iconButtonProps?.size}
+            boxSize={iconButtonProps?.size ?? 'xs'}
           />
         </IconButton>
       </HoverCard.Trigger>
@@ -42,7 +40,7 @@ export const InfoSprinkle = ({
             <HoverCard.Arrow>
               <HoverCard.ArrowTip />
             </HoverCard.Arrow>
-            {children}
+            <ScaledContext fontSize={baseFontSize}>{children}</ScaledContext>
           </HoverCard.Content>
         </HoverCard.Positioner>
       </Portal>

package/src/components/InfoSprinkle/InfoSprinkle.types.ts

@@ -0,0 +1,10 @@
+import { HoverCard } from '@chakra-ui/react';
+
+import { IconButtonProps } from '../IconButton/IconButton.types';
+
+export type InfoSprinkleProps = HoverCard.RootProps & {
+  children: React.ReactNode;
+  iconButtonProps?: Partial<IconButtonProps>;
+  contentProps?: HoverCard.ContentProps;
+  baseFontSize?: string | number;
+};

package/src/components/InfoSprinkle/index.ts

@@ -1 +1,2 @@
 export { InfoSprinkle } from './InfoSprinkle';
+export type { InfoSprinkleProps } from './InfoSprinkle.types';

package/src/components/Modal/ModalHeader.tsx

@@ -8,7 +8,7 @@ export const ModalHeader = ({ ...rest }: Dialog.HeaderProps) => {
       px={4}
       pt={4}
       pb={3}
-      borderTopRadius="inherit"
+      borderTopRadius="l3"
       {...rest}
     />
   );

package/src/components/Popover/Popover.context.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+
+export interface PopoverContextValue {
+  baseFontSize: string | number;
+}
+
+export const PopoverContext = React.createContext<PopoverContextValue>({
+  baseFontSize: '14px',
+});
+
+export const usePopoverContext = () => React.useContext(PopoverContext);

package/src/components/Popover/Popover.tsx

@@ -1,6 +1,7 @@
 import { Popover as ChakraPopover } from '@chakra-ui/react';
 
-import { PopoverContext, PopoverProps } from './Popover.types';
+import { PopoverContext } from './Popover.context';
+import { PopoverProps } from './Popover.types';
 import { PopoverArrowTip } from './PopoverArrowTip';
 import { PopoverContent } from './PopoverContent';
 

package/src/components/Popover/Popover.types.ts

@@ -1,16 +1,6 @@
 import React from 'react';
 import { Popover as ChakraPopover } from '@chakra-ui/react';
 
-export interface PopoverContextValue {
-  baseFontSize: string | number;
-}
-
-export const PopoverContext = React.createContext<PopoverContextValue>({
-  baseFontSize: '14px',
-});
-
-export const usePopoverContext = () => React.useContext(PopoverContext);
-
 export type PopoverProps = Omit<
   React.ComponentPropsWithoutRef<typeof ChakraPopover.Root>,
   'children'

package/src/components/Popover/PopoverContent.tsx

@@ -5,7 +5,7 @@ import {
 } from '@chakra-ui/react';
 
 import { ScaledContext } from '../ScaledContext';
-import { usePopoverContext } from './Popover.types';
+import { usePopoverContext } from './Popover.context';
 
 export const PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(
   ({ children, ...props }, ref) => {

package/src/components/ScaledContext/ScaledContext.tsx

@@ -12,9 +12,14 @@ const LENGTH_RE = /^(-?[\d.]+)(r?em)$/;
 // which are internal Chakra v3 APIs. If Chakra renames these structures in a
 // future release, getScopedVars will return {} and scaling will silently stop
 // working. The null-check on `base` below guards the most likely failure mode.
+const scopedVarsCache = new WeakMap<object, React.CSSProperties>();
+
 function getScopedVars(
   system: ReturnType<typeof useChakraContext>
 ): React.CSSProperties {
+  const cached = scopedVarsCache.get(system);
+  if (cached) return cached;
+
   const base = system.tokens.cssVarMap.get('base');
   if (!base) return {};
 
@@ -34,18 +39,22 @@ function getScopedVars(
     result[cssVar.var] = `${match[1]}em`;
   }
 
-  return result as React.CSSProperties;
+  const frozen = result as React.CSSProperties;
+  scopedVarsCache.set(system, frozen);
+  return frozen;
 }
 
 export const ScaledContext = forwardRef<HTMLDivElement, ScaledContextProps>(
   ({ style, children, ...rest }, ref) => {
     const system = useChakraContext();
-    // system is the Chakra context object, which is stable across renders
-    // (same reference for the lifetime of the provider). useMemo is correct here.
-    const scopedVars = React.useMemo(() => getScopedVars(system), [system]);
+    const scopedVars = getScopedVars(system);
+    const mergedStyle = React.useMemo(
+      () => ({ ...scopedVars, ...style }),
+      [scopedVars, style]
+    );
 
     return (
-      <Box ref={ref} style={{ ...scopedVars, ...style }} {...rest}>
+      <Box ref={ref} style={mergedStyle} {...rest}>
         {children}
       </Box>
     );

package/dist/components/Popover/Popover.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.types.js","sources":["../../../src/components/Popover/Popover.types.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAOO,MAAM,cAAc,GAAG,KAAK,CAAC,aAAa,CAAsB;AACrE,IAAA,YAAY,EAAE,MAAM;AACrB,CAAA;AAEM,MAAM,iBAAiB,GAAG,MAAM,KAAK,CAAC,UAAU,CAAC,cAAc;;;;;"}

package/dist/components/Popover/Popover.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.types.mjs","sources":["../../../src/components/Popover/Popover.types.ts"],"sourcesContent":[null],"names":["React"],"mappings":";;;AAOO,MAAM,cAAc,GAAGA,cAAK,CAAC,aAAa,CAAsB;AACrE,IAAA,YAAY,EAAE,MAAM;AACrB,CAAA;AAEM,MAAM,iBAAiB,GAAG,MAAMA,cAAK,CAAC,UAAU,CAAC,cAAc;;;;"}