@mindlogic-ai/logician-ui 3.0.0-alpha.16 → 3.0.0-alpha.18

package/dist/components/Icon/icons/language.svg.js

@@ -30,7 +30,7 @@ var SvgLanguage = function SvgLanguage(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 20 20"
+    viewBox: "2.4 2.4 15.2 15.2"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     stroke: "currentColor",
     strokeWidth: 1.2,

package/dist/components/Icon/icons/language.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"language.svg.js","sources":["../../../../src/components/Icon/icons/language.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\"><path stroke=\"currentColor\" stroke-width=\"1.2\" d=\"M10 17a7 7 0 1 0 0-14m0 14a7 7 0 1 1 0-14m0 14c-1.691 0-3.062-3.134-3.062-7S8.308 3 10 3m0 14c1.691 0 3.063-3.134 3.063-7S11.69 3 10 3M4.313 13.402c1.282-.734 3.413-1.214 5.824-1.214 2.517 0 4.728.523 5.988 1.312M4.313 6.598c1.282.734 3.413 1.215 5.824 1.215 2.517 0 4.728-.524 5.988-1.313\"/></svg>"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,WAAW,GAAG,SAAS,WAAW,CAAC,KAAK,EAAE;AAC9C,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"language.svg.js","sources":["../../../../src/components/Icon/icons/language.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"2.4 2.4 15.2 15.2\"><path stroke=\"currentColor\" stroke-width=\"1.2\" d=\"M10 17a7 7 0 1 0 0-14m0 14a7 7 0 1 1 0-14m0 14c-1.691 0-3.062-3.134-3.062-7S8.308 3 10 3m0 14c1.691 0 3.063-3.134 3.063-7S11.69 3 10 3M4.313 13.402c1.282-.734 3.413-1.214 5.824-1.214 2.517 0 4.728.523 5.988 1.312M4.313 6.598c1.282.734 3.413 1.215 5.824 1.215 2.517 0 4.728-.524 5.988-1.313\"/></svg>"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,WAAW,GAAG,SAAS,WAAW,CAAC,KAAK,EAAE;AAC9C,EAAE,oBAAoBA,gBAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgBA,gBAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

package/dist/components/Icon/icons/language.svg.mjs

@@ -7,7 +7,7 @@ var SvgLanguage = function SvgLanguage(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 20 20"
+    viewBox: "2.4 2.4 15.2 15.2"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     stroke: "currentColor",
     strokeWidth: 1.2,

package/dist/components/Icon/icons/language.svg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"language.svg.mjs","sources":["../../../../src/components/Icon/icons/language.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 20 20\"><path stroke=\"currentColor\" stroke-width=\"1.2\" d=\"M10 17a7 7 0 1 0 0-14m0 14a7 7 0 1 1 0-14m0 14c-1.691 0-3.062-3.134-3.062-7S8.308 3 10 3m0 14c1.691 0 3.063-3.134 3.063-7S11.69 3 10 3M4.313 13.402c1.282-.734 3.413-1.214 5.824-1.214 2.517 0 4.728.523 5.988 1.312M4.313 6.598c1.282.734 3.413 1.215 5.824 1.215 2.517 0 4.728-.524 5.988-1.313\"/></svg>"],"names":[],"mappings":";;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,WAAW,GAAG,SAAS,WAAW,CAAC,KAAK,EAAE;AAC9C,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}
+{"version":3,"file":"language.svg.mjs","sources":["../../../../src/components/Icon/icons/language.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"2.4 2.4 15.2 15.2\"><path stroke=\"currentColor\" stroke-width=\"1.2\" d=\"M10 17a7 7 0 1 0 0-14m0 14a7 7 0 1 1 0-14m0 14c-1.691 0-3.062-3.134-3.062-7S8.308 3 10 3m0 14c1.691 0 3.063-3.134 3.063-7S11.69 3 10 3M4.313 13.402c1.282-.734 3.413-1.214 5.824-1.214 2.517 0 4.728.523 5.988 1.312M4.313 6.598c1.282.734 3.413 1.215 5.824 1.215 2.517 0 4.728-.524 5.988-1.313\"/></svg>"],"names":[],"mappings":";;;AAAA,IAAI,KAAK;AACT,SAAS,QAAQ,GAAG,EAAE,OAAO,QAAQ,GAAG,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,EAAE,GAAG,UAAU,CAAC,EAAE,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;AAEhR,IAAC,WAAW,GAAG,SAAS,WAAW,CAAC,KAAK,EAAE;AAC9C,EAAE,oBAAoB,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC;AAC1D,IAAI,KAAK,EAAE,4BAA4B;AACvC,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE;AACb,GAAG,EAAE,KAAK,CAAC,EAAE,KAAK,KAAK,KAAK,gBAAgB,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE;AACxE,IAAI,MAAM,EAAE,cAAc;AAC1B,IAAI,WAAW,EAAE,GAAG;AACpB,IAAI,CAAC,EAAE;AACP,GAAG,CAAC,CAAC,CAAC;AACN;;;;"}

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

@@ -0,0 +1,19 @@
+import { Popover as ChakraPopover } from '@chakra-ui/react';
+import { PopoverProps } from './Popover.types';
+export declare const Popover: {
+    ({ baseFontSize, children, ...props }: PopoverProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+} & {
+    Anchor: import("react").ForwardRefExoticComponent<ChakraPopover.AnchorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<ChakraPopover.TriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Content: import("react").ForwardRefExoticComponent<ChakraPopover.ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    Arrow: import("react").ForwardRefExoticComponent<ChakraPopover.ArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+    ArrowTip: import("react").ForwardRefExoticComponent<ChakraPopover.ArrowTipProps & import("react").RefAttributes<HTMLDivElement>>;
+    CloseTrigger: import("react").ForwardRefExoticComponent<ChakraPopover.CloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Header: import("react").ForwardRefExoticComponent<ChakraPopover.HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Body: import("react").ForwardRefExoticComponent<ChakraPopover.BodyProps & import("react").RefAttributes<HTMLDivElement>>;
+    Title: import("react").ForwardRefExoticComponent<ChakraPopover.TitleProps & import("react").RefAttributes<HTMLDivElement>>;
+    Description: import("react").ForwardRefExoticComponent<ChakraPopover.DescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<ChakraPopover.FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Popover.d.ts.map

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

@@ -0,0 +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;AAG5D,OAAO,EAAkB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAa/D,eAAO,MAAM,OAAO;2CAPjB,YAAY;;;;;;;;;;;;;;CAmBb,CAAC"}

package/dist/components/Popover/Popover.js

@@ -0,0 +1,26 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var PopoverContent = require('./PopoverContent.js');
+var Popover_types = require('./Popover.types.js');
+
+const PopoverBase = ({ baseFontSize = '14px', children, ...props }) => (jsxRuntime.jsx(Popover_types.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,
+    Trigger: react.Popover.Trigger,
+    Content: PopoverContent.PopoverContent,
+    Arrow: react.Popover.Arrow,
+    ArrowTip: react.Popover.ArrowTip,
+    CloseTrigger: react.Popover.CloseTrigger,
+    Header: react.Popover.Header,
+    Body: react.Popover.Body,
+    Title: react.Popover.Title,
+    Description: react.Popover.Description,
+    Footer: react.Popover.Footer,
+});
+
+exports.Popover = Popover;
+//# sourceMappingURL=Popover.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","PopoverContext","ChakraPopover","PopoverContent"],"mappings":";;;;;;;;AAKA,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;IAC1B,QAAQ,EAAEA,aAAa,CAAC,QAAQ;IAChC,YAAY,EAAEA,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

@@ -0,0 +1,24 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Popover as Popover$1 } from '@chakra-ui/react';
+import { PopoverContent } from './PopoverContent.mjs';
+import { PopoverContext } from './Popover.types.mjs';
+
+const PopoverBase = ({ baseFontSize = '14px', children, ...props }) => (jsx(PopoverContext.Provider, { value: { baseFontSize }, children: jsx(Popover$1.Root, { ...props, children: children }) }));
+PopoverBase.displayName = 'Popover';
+const Popover = Object.assign(PopoverBase, {
+    Anchor: Popover$1.Anchor,
+    Trigger: Popover$1.Trigger,
+    Content: PopoverContent,
+    Arrow: Popover$1.Arrow,
+    ArrowTip: Popover$1.ArrowTip,
+    CloseTrigger: Popover$1.CloseTrigger,
+    Header: Popover$1.Header,
+    Body: Popover$1.Body,
+    Title: Popover$1.Title,
+    Description: Popover$1.Description,
+    Footer: Popover$1.Footer,
+});
+
+export { Popover };
+//# sourceMappingURL=Popover.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.mjs","sources":["../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover"],"mappings":";;;;;;AAKA,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;IAC1B,QAAQ,EAAEA,SAAa,CAAC,QAAQ;IAChC,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

@@ -0,0 +1,11 @@
+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 = React.ComponentPropsWithoutRef<typeof ChakraPopover.Root> & {
+    baseFontSize?: string | number;
+};
+//# sourceMappingURL=Popover.types.d.ts.map

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

@@ -0,0 +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,KAAK,CAAC,wBAAwB,CACvD,OAAO,aAAa,CAAC,IAAI,CAC1B,GAAG;IACF,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAChC,CAAC"}

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

@@ -0,0 +1,13 @@
+"use client";
+'use strict';
+
+var React = require('react');
+
+const PopoverContext = React.createContext({
+    baseFontSize: '14px',
+});
+const usePopoverContext = () => React.useContext(PopoverContext);
+
+exports.PopoverContext = PopoverContext;
+exports.usePopoverContext = usePopoverContext;
+//# sourceMappingURL=Popover.types.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,10 @@
+"use client";
+import React__default from 'react';
+
+const PopoverContext = React__default.createContext({
+    baseFontSize: '14px',
+});
+const usePopoverContext = () => React__default.useContext(PopoverContext);
+
+export { PopoverContext, usePopoverContext };
+//# sourceMappingURL=Popover.types.mjs.map

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

@@ -0,0 +1 @@
+{"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;;;;"}

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

@@ -0,0 +1,3 @@
+import { Popover as ChakraPopover } from '@chakra-ui/react';
+export declare const PopoverContent: import("react").ForwardRefExoticComponent<ChakraPopover.ContentProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PopoverContent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/PopoverContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAuB,MAAM,kBAAkB,CAAC;AAKjF,eAAO,MAAM,cAAc,uHAY1B,CAAC"}

package/dist/components/Popover/PopoverContent.js

@@ -0,0 +1,17 @@
+"use client";
+'use strict';
+
+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');
+
+const PopoverContent = React.forwardRef(({ children, ...props }, ref) => {
+    const { baseFontSize } = Popover_types.usePopoverContext();
+    return (jsxRuntime.jsx(react.Popover.Positioner, { children: jsxRuntime.jsx(react.Popover.Content, { ref: ref, ...props, children: jsxRuntime.jsx(ScaledContext.ScaledContext, { fontSize: baseFontSize, children: children }) }) }));
+});
+PopoverContent.displayName = 'Popover.Content';
+
+exports.PopoverContent = PopoverContent;
+//# sourceMappingURL=PopoverContent.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.js","sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["forwardRef","usePopoverContext","_jsx","ChakraPopover","ScaledContext"],"mappings":";;;;;;;;;AAMO,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,EAAA,EAAA,QAAA,EACvBD,cAAA,CAACC,aAAa,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EACxCD,cAAA,CAACE,2BAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,EAAA,CAC3C,EAAA,CACC;AAE/B,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}

package/dist/components/Popover/PopoverContent.mjs

@@ -0,0 +1,15 @@
+"use client";
+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';
+
+const PopoverContent = forwardRef(({ children, ...props }, ref) => {
+    const { baseFontSize } = usePopoverContext();
+    return (jsx(Popover.Positioner, { children: jsx(Popover.Content, { ref: ref, ...props, children: jsx(ScaledContext, { fontSize: baseFontSize, children: children }) }) }));
+});
+PopoverContent.displayName = 'Popover.Content';
+
+export { PopoverContent };
+//# sourceMappingURL=PopoverContent.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.mjs","sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover"],"mappings":";;;;;;;AAMO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE;AAE5C,IAAA,QACEA,GAAA,CAACC,OAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,GAAA,CAACC,OAAa,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,GAAM,KAAK,EAAA,QAAA,EACxCD,GAAA,CAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAiB,EAAA,CAC3C,EAAA,CACC;AAE/B,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}

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

@@ -0,0 +1,3 @@
+export { Popover } from './Popover';
+export type { PopoverProps } from './Popover.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const ScaledContext: React.ForwardRefExoticComponent<import("@chakra-ui/react").BoxProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ScaledContext.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ScaledContext/ScaledContext.js

@@ -0,0 +1,45 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+
+const SCOPED_CATEGORIES = new Set(['spacing', 'sizes']);
+const LENGTH_RE = /^(-?[\d.]+)(r?em)$/;
+// NOTE: relies on system.tokens.cssVarMap and system.tokens.allTokens,
+// 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.
+function getScopedVars(system) {
+    const base = system.tokens.cssVarMap.get('base');
+    if (!base)
+        return {};
+    const result = {};
+    for (const token of system.tokens.allTokens) {
+        const { category, negative, virtual, cssVar } = token.extensions;
+        if (negative || virtual || !cssVar)
+            continue;
+        if (!SCOPED_CATEGORIES.has(category))
+            continue;
+        const value = base.get(cssVar.var);
+        if (!value)
+            continue;
+        const match = LENGTH_RE.exec(value);
+        if (!match)
+            continue;
+        result[cssVar.var] = `${match[1]}em`;
+    }
+    return result;
+}
+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 }));
+});
+ScaledContext.displayName = 'ScaledContext';
+
+exports.ScaledContext = ScaledContext;
+//# sourceMappingURL=ScaledContext.js.map

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

@@ -0,0 +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;;;;"}

package/dist/components/ScaledContext/ScaledContext.mjs

@@ -0,0 +1,43 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import React__default, { forwardRef } from 'react';
+import { useChakraContext, Box } from '@chakra-ui/react';
+
+const SCOPED_CATEGORIES = new Set(['spacing', 'sizes']);
+const LENGTH_RE = /^(-?[\d.]+)(r?em)$/;
+// NOTE: relies on system.tokens.cssVarMap and system.tokens.allTokens,
+// 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.
+function getScopedVars(system) {
+    const base = system.tokens.cssVarMap.get('base');
+    if (!base)
+        return {};
+    const result = {};
+    for (const token of system.tokens.allTokens) {
+        const { category, negative, virtual, cssVar } = token.extensions;
+        if (negative || virtual || !cssVar)
+            continue;
+        if (!SCOPED_CATEGORIES.has(category))
+            continue;
+        const value = base.get(cssVar.var);
+        if (!value)
+            continue;
+        const match = LENGTH_RE.exec(value);
+        if (!match)
+            continue;
+        result[cssVar.var] = `${match[1]}em`;
+    }
+    return result;
+}
+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 }));
+});
+ScaledContext.displayName = 'ScaledContext';
+
+export { ScaledContext };
+//# sourceMappingURL=ScaledContext.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,3 @@
+import { BoxProps } from '@chakra-ui/react';
+export type ScaledContextProps = BoxProps;
+//# sourceMappingURL=ScaledContext.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScaledContext.types.d.ts","sourceRoot":"","sources":["../../../src/components/ScaledContext/ScaledContext.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,QAAQ,CAAC"}

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

@@ -0,0 +1,3 @@
+export { ScaledContext } from './ScaledContext';
+export type { ScaledContextProps } from './ScaledContext.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ScaledContext/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.d.ts

@@ -37,6 +37,7 @@ export * from './components/MaxLengthIndicator';
 export * from './components/MDXEditor';
 export * from './components/Menu';
 export * from './components/Modal';
+export * from './components/Popover';
 export * from './components/MonthPicker';
 export * from './components/Pagination';
 export * from './components/PasswordInput';
@@ -47,6 +48,7 @@ export * from './components/Radio';
 export * from './components/SeeMoreButton';
 export * from './components/SegmentedControl';
 export * from './components/SegmentedProgressBar';
+export * from './components/ScaledContext';
 export * from './components/Select';
 export * from './components/Slider';
 export * from './components/Spinner';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AAErC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AAGvC,YAAY,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AACrE,cAAc,yBAAyB,CAAC;AAGxC,YAAY,EACV,WAAW,EACX,SAAS,IAAI,eAAe,GAC7B,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAG3E,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AAGtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AAErC,OAAO,EACL,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,IAAI,GACL,MAAM,yBAAyB,CAAC;AAGjC,YAAY,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/index.js

@@ -63,6 +63,7 @@ var ModalContent = require('./components/Modal/ModalContent/ModalContent.js');
 var ModalFooter = require('./components/Modal/ModalFooter/ModalFooter.js');
 var ModalHeader = require('./components/Modal/ModalHeader.js');
 var ModalOverlay = require('./components/Modal/ModalOverlay.js');
+var Popover = require('./components/Popover/Popover.js');
 var constants = require('./components/MonthPicker/constants.js');
 var MonthPicker = require('./components/MonthPicker/MonthPicker.js');
 var Pagination = require('./components/Pagination/Pagination.js');
@@ -76,6 +77,7 @@ var SeeMoreButton = require('./components/SeeMoreButton/SeeMoreButton.js');
 var SegmentedControl = require('./components/SegmentedControl/SegmentedControl.js');
 var ProgressSegment = require('./components/SegmentedProgressBar/ProgressSegment.js');
 var SegmentedProgressBar = require('./components/SegmentedProgressBar/SegmentedProgressBar.js');
+var ScaledContext = require('./components/ScaledContext/ScaledContext.js');
 var Select = require('./components/Select/Select.js');
 var Slider = require('./components/Slider/Slider.js');
 var SliderControl = require('./components/Slider/SliderControl/SliderControl.js');
@@ -207,6 +209,7 @@ exports.ModalContent = ModalContent.ModalContent;
 exports.ModalFooter = ModalFooter.ModalFooter;
 exports.ModalHeader = ModalHeader.ModalHeader;
 exports.ModalOverlay = ModalOverlay.ModalOverlay;
+exports.Popover = Popover.Popover;
 exports.MONTHS = constants.MONTHS;
 exports.getDateFnsLocale = constants.getDateFnsLocale;
 exports.getDayNames = constants.getDayNames;
@@ -225,6 +228,7 @@ exports.SeeMoreButton = SeeMoreButton.SeeMoreButton;
 exports.SegmentedControl = SegmentedControl.SegmentedControl;
 exports.ProgressSegment = ProgressSegment.ProgressSegment;
 exports.SegmentedProgressBar = SegmentedProgressBar.SegmentedProgressBar;
+exports.ScaledContext = ScaledContext.ScaledContext;
 exports.Select = Select.Select;
 exports.Slider = Slider.Slider;
 exports.SliderControl = SliderControl.SliderControl;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.mjs

@@ -61,6 +61,7 @@ export { ModalContent } from './components/Modal/ModalContent/ModalContent.mjs';
 export { ModalFooter } from './components/Modal/ModalFooter/ModalFooter.mjs';
 export { ModalHeader } from './components/Modal/ModalHeader.mjs';
 export { ModalOverlay } from './components/Modal/ModalOverlay.mjs';
+export { Popover } from './components/Popover/Popover.mjs';
 export { MONTHS, getDateFnsLocale, getDayNames, getDefaultDateFormat, getDefaultFullDateFormat, getMonthNames } from './components/MonthPicker/constants.mjs';
 export { MonthPicker } from './components/MonthPicker/MonthPicker.mjs';
 export { Pagination } from './components/Pagination/Pagination.mjs';
@@ -74,6 +75,7 @@ export { SeeMoreButton } from './components/SeeMoreButton/SeeMoreButton.mjs';
 export { SegmentedControl } from './components/SegmentedControl/SegmentedControl.mjs';
 export { ProgressSegment } from './components/SegmentedProgressBar/ProgressSegment.mjs';
 export { SegmentedProgressBar } from './components/SegmentedProgressBar/SegmentedProgressBar.mjs';
+export { ScaledContext } from './components/ScaledContext/ScaledContext.mjs';
 export { Select } from './components/Select/Select.mjs';
 export { Slider } from './components/Slider/Slider.mjs';
 export { SliderControl } from './components/Slider/SliderControl/SliderControl.mjs';

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

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

package/src/components/Icon/icons/language.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20"><path stroke="currentColor" stroke-width="1.2" d="M10 17a7 7 0 1 0 0-14m0 14a7 7 0 1 1 0-14m0 14c-1.691 0-3.062-3.134-3.062-7S8.308 3 10 3m0 14c1.691 0 3.063-3.134 3.063-7S11.69 3 10 3M4.313 13.402c1.282-.734 3.413-1.214 5.824-1.214 2.517 0 4.728.523 5.988 1.312M4.313 6.598c1.282.734 3.413 1.215 5.824 1.215 2.517 0 4.728-.524 5.988-1.313"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="2.4 2.4 15.2 15.2"><path stroke="currentColor" stroke-width="1.2" d="M10 17a7 7 0 1 0 0-14m0 14a7 7 0 1 1 0-14m0 14c-1.691 0-3.062-3.134-3.062-7S8.308 3 10 3m0 14c1.691 0 3.063-3.134 3.063-7S11.69 3 10 3M4.313 13.402c1.282-.734 3.413-1.214 5.824-1.214 2.517 0 4.728.523 5.988 1.312M4.313 6.598c1.282.734 3.413 1.215 5.824 1.215 2.517 0 4.728-.524 5.988-1.313"/></svg>

package/src/components/Popover/Popover.stories.tsx

@@ -0,0 +1,141 @@
+import { Stack, Text } from '@chakra-ui/react';
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Button } from '../Button';
+import { Checkbox } from '../Checkbox';
+import { Popover } from './Popover';
+
+const meta = {
+  title: 'Components/Popover',
+  component: Popover,
+  parameters: { layout: 'centered' },
+  argTypes: {
+    baseFontSize: { control: 'text' },
+  },
+} satisfies Meta<typeof Popover>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: { baseFontSize: '14px' },
+  render: args => (
+    <Popover {...args}>
+      <Popover.Trigger asChild>
+        <Button variant="outline">Open Popover</Button>
+      </Popover.Trigger>
+      <Popover.Content>
+        <Popover.Arrow>
+          <Popover.ArrowTip />
+        </Popover.Arrow>
+        <Popover.Title>Popover Title</Popover.Title>
+        <Popover.Description>
+          This is some popover content. Spacing and font sizes scale with{' '}
+          <code>baseFontSize</code>.
+        </Popover.Description>
+      </Popover.Content>
+    </Popover>
+  ),
+};
+
+export const WithForm: Story = {
+  args: { baseFontSize: '14px' },
+  render: args => (
+    <Popover {...args}>
+      <Popover.Trigger asChild>
+        <Button variant="outline">Settings</Button>
+      </Popover.Trigger>
+      <Popover.Content>
+        <Popover.Arrow>
+          <Popover.ArrowTip />
+        </Popover.Arrow>
+        <Popover.Title>Preferences</Popover.Title>
+        <Stack gap={3} mt={2}>
+          <Checkbox>
+            <Checkbox.Control />
+            <Checkbox.Label>Enable notifications</Checkbox.Label>
+          </Checkbox>
+          <Checkbox>
+            <Checkbox.Control />
+            <Checkbox.Label>Auto-save</Checkbox.Label>
+          </Checkbox>
+        </Stack>
+        <Popover.Footer mt={4}>
+          <Button size="sm">Save</Button>
+        </Popover.Footer>
+      </Popover.Content>
+    </Popover>
+  ),
+};
+
+export const SmallFontSize: Story = {
+  args: { baseFontSize: '12px' },
+  render: args => (
+    <Popover {...args}>
+      <Popover.Trigger asChild>
+        <Button variant="outline">Compact (12px)</Button>
+      </Popover.Trigger>
+      <Popover.Content>
+        <Popover.Arrow>
+          <Popover.ArrowTip />
+        </Popover.Arrow>
+        <Popover.Title>Compact Popover</Popover.Title>
+        <Popover.Description>
+          Content and spacing scale down with the smaller base font size.
+        </Popover.Description>
+      </Popover.Content>
+    </Popover>
+  ),
+};
+
+export const LargeFontSize: Story = {
+  args: { baseFontSize: '18px' },
+  render: args => (
+    <Popover {...args}>
+      <Popover.Trigger asChild>
+        <Button variant="outline">Spacious (18px)</Button>
+      </Popover.Trigger>
+      <Popover.Content>
+        <Popover.Arrow>
+          <Popover.ArrowTip />
+        </Popover.Arrow>
+        <Popover.Title>Spacious Popover</Popover.Title>
+        <Popover.Description>
+          Content and spacing scale up with the larger base font size.
+        </Popover.Description>
+      </Popover.Content>
+    </Popover>
+  ),
+};
+
+export const Comparison: Story = {
+  args: { baseFontSize: '14px' },
+  parameters: {
+    docs: {
+      description: {
+        story: 'The same popover content at different base font sizes, shown side by side.',
+      },
+    },
+  },
+  render: () => (
+    <Stack direction="row" gap={4}>
+      {(['12px', '14px', '18px'] as const).map(size => (
+        <Popover key={size} baseFontSize={size} open>
+          <Popover.Trigger asChild>
+            <Button variant="outline" size="sm">{size}</Button>
+          </Popover.Trigger>
+          <Popover.Content>
+            <Popover.Arrow>
+              <Popover.ArrowTip />
+            </Popover.Arrow>
+            <Popover.Title>Title</Popover.Title>
+            <Popover.Description>
+              Body text at {size}.
+            </Popover.Description>
+          </Popover.Content>
+        </Popover>
+      ))}
+    </Stack>
+  ),
+};

package/src/components/Popover/Popover.tsx

@@ -0,0 +1,29 @@
+import { Popover as ChakraPopover } from '@chakra-ui/react';
+
+import { PopoverContent } from './PopoverContent';
+import { PopoverContext, PopoverProps } from './Popover.types';
+
+const PopoverBase = ({
+  baseFontSize = '14px',
+  children,
+  ...props
+}: PopoverProps) => (
+  <PopoverContext.Provider value={{ baseFontSize }}>
+    <ChakraPopover.Root {...props}>{children}</ChakraPopover.Root>
+  </PopoverContext.Provider>
+);
+PopoverBase.displayName = 'Popover';
+
+export const Popover = Object.assign(PopoverBase, {
+  Anchor: ChakraPopover.Anchor,
+  Trigger: ChakraPopover.Trigger,
+  Content: PopoverContent,
+  Arrow: ChakraPopover.Arrow,
+  ArrowTip: ChakraPopover.ArrowTip,
+  CloseTrigger: ChakraPopover.CloseTrigger,
+  Header: ChakraPopover.Header,
+  Body: ChakraPopover.Body,
+  Title: ChakraPopover.Title,
+  Description: ChakraPopover.Description,
+  Footer: ChakraPopover.Footer,
+});

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

@@ -0,0 +1,18 @@
+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 = React.ComponentPropsWithoutRef<
+  typeof ChakraPopover.Root
+> & {
+  baseFontSize?: string | number;
+};

package/src/components/Popover/PopoverContent.tsx

@@ -0,0 +1,20 @@
+import { forwardRef } from 'react';
+import { Popover as ChakraPopover, PopoverContentProps } from '@chakra-ui/react';
+
+import { ScaledContext } from '../ScaledContext';
+import { usePopoverContext } from './Popover.types';
+
+export const PopoverContent = forwardRef<HTMLDivElement, PopoverContentProps>(
+  ({ children, ...props }, ref) => {
+    const { baseFontSize } = usePopoverContext();
+
+    return (
+      <ChakraPopover.Positioner>
+        <ChakraPopover.Content ref={ref} {...props}>
+          <ScaledContext fontSize={baseFontSize}>{children}</ScaledContext>
+        </ChakraPopover.Content>
+      </ChakraPopover.Positioner>
+    );
+  }
+);
+PopoverContent.displayName = 'Popover.Content';

package/src/components/Popover/index.ts

@@ -0,0 +1,2 @@
+export { Popover } from './Popover';
+export type { PopoverProps } from './Popover.types';

package/src/components/ScaledContext/ScaledContext.stories.tsx

@@ -0,0 +1,135 @@
+import { Box, HStack, Stack, Text } from '@chakra-ui/react';
+import type { Meta, StoryObj } from '@storybook/react';
+
+import { Button } from '../Button';
+import { Checkbox } from '../Checkbox';
+import { ScaledContext } from './ScaledContext';
+
+const meta = {
+  title: 'Setup/ScaledContext',
+  component: ScaledContext,
+  parameters: { layout: 'centered' },
+  argTypes: {
+    fontSize: { control: 'text' },
+  },
+} satisfies Meta<typeof ScaledContext>;
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+const SampleContent = () => (
+  <Stack gap={3} p={3} borderWidth="1px" borderColor="gray.300" borderRadius="md">
+    <Button variant="outline">Button</Button>
+    <Checkbox>
+      <Checkbox.Control />
+      <Checkbox.Label>Checkbox</Checkbox.Label>
+    </Checkbox>
+  </Stack>
+);
+
+export const Default: Story = {
+  args: { fontSize: '1rem' },
+  render: args => (
+    <ScaledContext {...args}>
+      <SampleContent />
+    </ScaledContext>
+  ),
+};
+
+export const ScalingRem: Story = {
+  args: { fontSize: '1rem' },
+  parameters: {
+    docs: {
+      description: {
+        story:
+          'Spacing and size tokens are converted from `rem` to `em`, so they scale proportionally with `fontSize`.',
+      },
+    },
+  },
+  render: () => (
+    <HStack align="start" gap={8} flexWrap="wrap">
+      {(['0.75rem', '1rem', '1.25rem', '1.5rem'] as const).map(size => (
+        <Box key={size}>
+          <Text fontSize="xs" color="gray.500" mb={2} fontFamily="mono">
+            {size}
+          </Text>
+          <ScaledContext fontSize={size}>
+            <SampleContent />
+          </ScaledContext>
+        </Box>
+      ))}
+    </HStack>
+  ),
+};
+
+export const ScalingPx: Story = {
+  args: { fontSize: '16px' },
+  parameters: {
+    docs: {
+      description: {
+        story: 'px values work too — spacing tokens still scale relative to the given font size.',
+      },
+    },
+  },
+  render: () => (
+    <HStack align="start" gap={8} flexWrap="wrap">
+      {(['12px', '14px', '16px', '20px', '24px'] as const).map(size => (
+        <Box key={size}>
+          <Text fontSize="xs" color="gray.500" mb={2} fontFamily="mono">
+            {size}
+          </Text>
+          <ScaledContext fontSize={size}>
+            <SampleContent />
+          </ScaledContext>
+        </Box>
+      ))}
+    </HStack>
+  ),
+};
+
+export const NestedScaling: Story = {
+  args: { fontSize: '0.875rem' },
+  parameters: {
+    docs: {
+      description: {
+        story:
+          'ScaledContext can be nested. Each level scales relative to its own fontSize, allowing isolated UI regions to have independent densities.',
+      },
+    },
+  },
+  render: () => (
+    <ScaledContext
+      fontSize="0.875rem"
+      p={4}
+      borderWidth="1px"
+      borderColor="gray.200"
+      borderRadius="md"
+    >
+      <Stack gap={3}>
+        <Text fontSize="xs" color="gray.500" fontFamily="mono">
+          Outer: 0.875rem (compact)
+        </Text>
+        <Button variant="outline">Outer Button</Button>
+        <ScaledContext
+          fontSize="1.25rem"
+          p={3}
+          borderWidth="1px"
+          borderColor="primary.light"
+          borderRadius="md"
+        >
+          <Stack gap={3}>
+            <Text fontSize="xs" color="gray.500" fontFamily="mono">
+              Inner: 1.25rem (spacious)
+            </Text>
+            <Button variant="outline">Inner Button</Button>
+            <Checkbox>
+              <Checkbox.Control />
+              <Checkbox.Label>Inner Checkbox</Checkbox.Label>
+            </Checkbox>
+          </Stack>
+        </ScaledContext>
+      </Stack>
+    </ScaledContext>
+  ),
+};

package/src/components/ScaledContext/ScaledContext.tsx

@@ -0,0 +1,55 @@
+'use client';
+
+import React, { forwardRef } from 'react';
+import { Box, useChakraContext } from '@chakra-ui/react';
+
+import { ScaledContextProps } from './ScaledContext.types';
+
+const SCOPED_CATEGORIES = new Set(['spacing', 'sizes']);
+const LENGTH_RE = /^(-?[\d.]+)(r?em)$/;
+
+// NOTE: relies on system.tokens.cssVarMap and system.tokens.allTokens,
+// 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.
+function getScopedVars(
+  system: ReturnType<typeof useChakraContext>,
+): React.CSSProperties {
+  const base = system.tokens.cssVarMap.get('base');
+  if (!base) return {};
+
+  const result: Record<string, string> = {};
+
+  for (const token of system.tokens.allTokens) {
+    const { category, negative, virtual, cssVar } = token.extensions;
+    if (negative || virtual || !cssVar) continue;
+    if (!SCOPED_CATEGORIES.has(category)) continue;
+
+    const value = base.get(cssVar.var) as string | undefined;
+    if (!value) continue;
+
+    const match = LENGTH_RE.exec(value);
+    if (!match) continue;
+
+    result[cssVar.var] = `${match[1]}em`;
+  }
+
+  return result as React.CSSProperties;
+}
+
+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]);
+
+    return (
+      <Box ref={ref} style={{ ...scopedVars, ...style }} {...rest}>
+        {children}
+      </Box>
+    );
+  }
+);
+
+ScaledContext.displayName = 'ScaledContext';

package/src/components/ScaledContext/ScaledContext.types.ts

@@ -0,0 +1,3 @@
+import { BoxProps } from '@chakra-ui/react';
+
+export type ScaledContextProps = BoxProps;

package/src/components/ScaledContext/index.ts

@@ -0,0 +1,2 @@
+export { ScaledContext } from './ScaledContext';
+export type { ScaledContextProps } from './ScaledContext.types';

package/src/index.ts

@@ -55,6 +55,7 @@ export * from './components/MaxLengthIndicator';
 export * from './components/MDXEditor';
 export * from './components/Menu';
 export * from './components/Modal';
+export * from './components/Popover';
 export * from './components/MonthPicker';
 
 // Navigation Components
@@ -73,6 +74,7 @@ export * from './components/Radio';
 export * from './components/SeeMoreButton';
 export * from './components/SegmentedControl';
 export * from './components/SegmentedProgressBar';
+export * from './components/ScaledContext';
 export * from './components/Select';
 export * from './components/Slider';
 export * from './components/Spinner';