@mindlogic-ai/logician-ui 3.0.0-alpha.2 → 3.0.0-alpha.21

package/README.md

@@ -228,6 +228,25 @@ Available aliases:
    - `index.tsx` - Exports
 3. Add export to main `index.ts`
 
+## Technical Notes & TODOs
+
+### `createScaledContext()` factory
+
+`Popover`, `Menu`, and similar floating components each define a structurally identical context (`{ baseFontSize }`) to pass a font size down to their content wrapper for use with `ScaledContext`. This is currently duplicated across `Popover.types.ts` and `Menu.types.ts`.
+
+If a third component (e.g. Tooltip, Dialog) adopts this pattern, extract a shared factory:
+
+```ts
+// utils/createScaledContext.ts
+export function createScaledContext(defaultFontSize: string | number = '14px') {
+  const Context = React.createContext({ baseFontSize: defaultFontSize });
+  const useContext = () => React.useContext(Context);
+  return { Context, useContext };
+}
+```
+
+This is intentionally deferred — two instances don't justify the abstraction yet.
+
 ## Contributing
 
 1. Fork the repository

package/dist/components/Accordion/AccordionButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAAG;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAOtB,CAAC"}
+{"version":3,"file":"AccordionButton.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/AccordionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAC;AAKlE,MAAM,MAAM,oBAAoB,GAAG,yBAAyB,GAAG;IAC7D,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mCAI7B,oBAAoB,4CAOtB,CAAC"}

package/dist/components/Accordion/AccordionButton.js

@@ -3,9 +3,10 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
+var focusRing = require('../../utils/focusRing.js');
 
 const AccordionButton = ({ customIcon, children, ...rest }) => {
-    return (jsxRuntime.jsxs(react.Accordion.ItemTrigger, { fontWeight: "bold", ...rest, children: [jsxRuntime.jsx(react.HStack, { flex: "1", children: children }), customIcon ?? jsxRuntime.jsx(react.Accordion.ItemIndicator, {})] }));
+    return (jsxRuntime.jsxs(react.Accordion.ItemTrigger, { fontWeight: "bold", ...focusRing.focusRing, ...rest, children: [jsxRuntime.jsx(react.HStack, { flex: "1", children: children }), customIcon ?? jsxRuntime.jsx(react.Accordion.ItemIndicator, {})] }));
 };
 
 exports.AccordionButton = AccordionButton;

package/dist/components/Accordion/AccordionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.js","sources":["../../../src/components/Accordion/AccordionButton.tsx"],"sourcesContent":[null],"names":["_jsxs","Accordion","_jsx","HStack"],"mappings":";;;;;;AASO,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,eAAS,CAAC,WAAW,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC/CC,eAACC,YAAM,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAU,EACnC,UAAU,IAAID,cAAA,CAACD,eAAS,CAAC,aAAa,EAAA,EAAA,CAAG,CAAA,EAAA,CACpB;AAE5B;;;;"}
+{"version":3,"file":"AccordionButton.js","sources":["../../../src/components/Accordion/AccordionButton.tsx"],"sourcesContent":[null],"names":["_jsxs","Accordion","focusRing","_jsx","HStack"],"mappings":";;;;;;;AAWO,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,eAAA,CAACC,eAAS,CAAC,WAAW,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,GAAKC,mBAAS,EAAA,GAAM,IAAI,aAC9DC,cAAA,CAACC,YAAM,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EAAE,QAAQ,GAAU,EACnC,UAAU,IAAID,cAAA,CAACF,eAAS,CAAC,aAAa,EAAA,EAAA,CAAG,CAAA,EAAA,CACpB;AAE5B;;;;"}

package/dist/components/Accordion/AccordionButton.mjs

@@ -1,9 +1,10 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Accordion, HStack } from '@chakra-ui/react';
+import { focusRing } from '../../utils/focusRing.mjs';
 
 const AccordionButton = ({ customIcon, children, ...rest }) => {
-    return (jsxs(Accordion.ItemTrigger, { fontWeight: "bold", ...rest, children: [jsx(HStack, { flex: "1", children: children }), customIcon ?? jsx(Accordion.ItemIndicator, {})] }));
+    return (jsxs(Accordion.ItemTrigger, { fontWeight: "bold", ...focusRing, ...rest, children: [jsx(HStack, { flex: "1", children: children }), customIcon ?? jsx(Accordion.ItemIndicator, {})] }));
 };
 
 export { AccordionButton };

package/dist/components/Accordion/AccordionButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionButton.mjs","sources":["../../../src/components/Accordion/AccordionButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;AASO,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,SAAS,CAAC,WAAW,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC/CC,IAAC,MAAM,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAU,EACnC,UAAU,IAAIA,GAAA,CAAC,SAAS,CAAC,aAAa,EAAA,EAAA,CAAG,CAAA,EAAA,CACpB;AAE5B;;;;"}
+{"version":3,"file":"AccordionButton.mjs","sources":["../../../src/components/Accordion/AccordionButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;AAWO,MAAM,eAAe,GAAG,CAAC,EAC9B,UAAU,EACV,QAAQ,EACR,GAAG,IAAI,EACc,KAAI;AACzB,IAAA,QACEA,IAAA,CAAC,SAAS,CAAC,WAAW,EAAA,EAAC,UAAU,EAAC,MAAM,EAAA,GAAK,SAAS,EAAA,GAAM,IAAI,aAC9DC,GAAA,CAAC,MAAM,EAAA,EAAC,IAAI,EAAC,GAAG,EAAA,QAAA,EAAE,QAAQ,GAAU,EACnC,UAAU,IAAIA,GAAA,CAAC,SAAS,CAAC,aAAa,EAAA,EAAA,CAAG,CAAA,EAAA,CACpB;AAE5B;;;;"}

package/dist/components/Avatar/Avatar.d.ts

@@ -1,4 +1,5 @@
 import { Avatar as ChakraAvatar, AvatarRootProps as ChakraAvatarRootProps } from '@chakra-ui/react';
+export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarRootProps, } from '@chakra-ui/react';
 export type AvatarProps = ChakraAvatarRootProps & {
     src?: string;
     name?: string;
@@ -6,5 +7,13 @@ export type AvatarProps = ChakraAvatarRootProps & {
 export declare const Avatar: import("react").ForwardRefExoticComponent<ChakraAvatar.RootProps & {
     src?: string;
     name?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import("react").RefAttributes<HTMLDivElement>> & {
+    Root: import("react").ForwardRefExoticComponent<ChakraAvatar.RootProps & import("react").RefAttributes<HTMLDivElement>>;
+    RootProvider: import("react").ForwardRefExoticComponent<import("node_modules/@chakra-ui/react/dist/types/components/avatar/avatar").AvatarRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Fallback: import("react").ForwardRefExoticComponent<ChakraAvatar.FallbackProps & import("react").RefAttributes<HTMLDivElement>>;
+    Image: import("react").ForwardRefExoticComponent<ChakraAvatar.ImageProps & import("react").RefAttributes<HTMLImageElement>>;
+    Icon: import("react").ForwardRefExoticComponent<ChakraAvatar.IconProps & import("react").RefAttributes<SVGElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("@chakra-ui/react").AvatarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Context: (props: import("@ark-ui/react").AvatarContextProps) => import("react").ReactNode;
+};
 //# sourceMappingURL=Avatar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,IAAI,YAAY,EACtB,eAAe,IAAI,qBAAqB,EACzC,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,eAAO,MAAM,MAAM;UAJX,MAAM;WACL,MAAM;kDAiBb,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,MAAM,IAAI,YAAY,EAOtB,eAAe,IAAI,qBAAqB,EAEzC,MAAM,kBAAkB,CAAC;AAE1B,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,eAAe,GAChB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,MAAM,WAAW,GAAG,qBAAqB,GAAG;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAuBF,eAAO,MAAM,MAAM;UAzBX,MAAM;WACL,MAAM;;;;;;;;;CAgCb,CAAC"}

package/dist/components/Avatar/Avatar.js

@@ -5,11 +5,20 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 
-const Avatar = React.forwardRef((props, ref) => {
+const AvatarComponent = React.forwardRef((props, ref) => {
     const { src, name, ...rest } = props;
-    return (jsxRuntime.jsxs(react.Avatar.Root, { ref: ref, borderWidth: "1px", borderColor: "gray.200", overflow: "hidden", ...rest, children: [jsxRuntime.jsx(react.Avatar.Fallback, { name: name }), jsxRuntime.jsx(react.Avatar.Image, { src: src })] }));
+    return (jsxRuntime.jsxs(react.Avatar.Root, { ref: ref, borderWidth: "1px", borderColor: "gray.200", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsxRuntime.jsx(react.Avatar.Fallback, { name: name }), jsxRuntime.jsx(react.Avatar.Image, { src: src })] }));
+});
+AvatarComponent.displayName = 'Avatar';
+const Avatar = Object.assign(AvatarComponent, {
+    Root: react.AvatarRoot,
+    RootProvider: react.AvatarRootProvider,
+    Fallback: react.AvatarFallback,
+    Image: react.AvatarImage,
+    Icon: react.AvatarIcon,
+    Group: react.AvatarGroup,
+    Context: react.AvatarContext,
 });
-Avatar.displayName = 'Avatar';
 
 exports.Avatar = Avatar;
 //# sourceMappingURL=Avatar.js.map

package/dist/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraAvatar","_jsx"],"mappings":";;;;;;;AAWO,MAAM,MAAM,GAAGA,gBAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,KAAI;IAC3E,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IACpC,QACEC,gBAACC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAC,QAAQ,EAAA,GACb,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,YAAY,CAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAA,CAAI,EACrCC,eAACD,YAAY,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACd;AAExB,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","ChakraAvatar","_jsx","AvatarRoot","AvatarRootProvider","AvatarFallback","AvatarImage","AvatarIcon","AvatarGroup","AvatarContext"],"mappings":";;;;;;;AA0BA,MAAM,eAAe,GAAGA,gBAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IACpC,QACEC,gBAACC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,aAERC,cAAA,CAACD,YAAY,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,EACrCC,cAAA,CAACD,YAAY,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACd;AAExB,CAAC,CACF;AAED,eAAe,CAAC,WAAW,GAAG,QAAQ;MAEzB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACnD,IAAA,IAAI,EAAEE,gBAAU;AAChB,IAAA,YAAY,EAAEC,wBAAkB;AAChC,IAAA,QAAQ,EAAEC,oBAAc;AACxB,IAAA,KAAK,EAAEC,iBAAW;AAClB,IAAA,IAAI,EAAEC,gBAAU;AAChB,IAAA,KAAK,EAAEC,iBAAW;AAClB,IAAA,OAAO,EAAEC,mBAAa;AACvB,CAAA;;;;"}

package/dist/components/Avatar/Avatar.mjs

@@ -1,13 +1,22 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Avatar as Avatar$1 } from '@chakra-ui/react';
+import { Avatar as Avatar$1, AvatarContext, AvatarGroup, AvatarIcon, AvatarImage, AvatarFallback, AvatarRootProvider, AvatarRoot } from '@chakra-ui/react';
 
-const Avatar = forwardRef((props, ref) => {
+const AvatarComponent = forwardRef((props, ref) => {
     const { src, name, ...rest } = props;
-    return (jsxs(Avatar$1.Root, { ref: ref, borderWidth: "1px", borderColor: "gray.200", overflow: "hidden", ...rest, children: [jsx(Avatar$1.Fallback, { name: name }), jsx(Avatar$1.Image, { src: src })] }));
+    return (jsxs(Avatar$1.Root, { ref: ref, borderWidth: "1px", borderColor: "gray.200", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsx(Avatar$1.Fallback, { name: name }), jsx(Avatar$1.Image, { src: src })] }));
+});
+AvatarComponent.displayName = 'Avatar';
+const Avatar = Object.assign(AvatarComponent, {
+    Root: AvatarRoot,
+    RootProvider: AvatarRootProvider,
+    Fallback: AvatarFallback,
+    Image: AvatarImage,
+    Icon: AvatarIcon,
+    Group: AvatarGroup,
+    Context: AvatarContext,
 });
-Avatar.displayName = 'Avatar';
 
 export { Avatar };
 //# sourceMappingURL=Avatar.mjs.map

package/dist/components/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraAvatar","_jsx"],"mappings":";;;;;AAWO,MAAM,MAAM,GAAG,UAAU,CAA8B,CAAC,KAAK,EAAE,GAAG,KAAI;IAC3E,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IACpC,QACEA,KAACC,QAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAC,QAAQ,EAAA,GACb,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAACD,QAAY,CAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAA,CAAI,EACrCC,IAACD,QAAY,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACd;AAExB,CAAC;AAED,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraAvatar","_jsx"],"mappings":";;;;;AA0BA,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;IACb,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IACpC,QACEA,KAACC,QAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,UAAU,EACtB,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,aAERC,GAAA,CAACD,QAAY,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,CAAI,EACrCC,GAAA,CAACD,QAAY,CAAC,KAAK,EAAA,EAAC,GAAG,EAAE,GAAG,EAAA,CAAI,CAAA,EAAA,CACd;AAExB,CAAC,CACF;AAED,eAAe,CAAC,WAAW,GAAG,QAAQ;MAEzB,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;AACnD,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,YAAY,EAAE,kBAAkB;AAChC,IAAA,QAAQ,EAAE,cAAc;AACxB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,IAAI,EAAE,UAAU;AAChB,IAAA,KAAK,EAAE,WAAW;AAClB,IAAA,OAAO,EAAE,aAAa;AACvB,CAAA;;;;"}

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

@@ -1,2 +1,3 @@
+export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarProps, AvatarRootProps, } from './Avatar';
 export { Avatar } from './Avatar';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,GAChB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Badge/Badge.styles.d.ts

@@ -6,22 +6,11 @@ import { BadgeVariant } from './Badge.types';
  */
 export declare const baseStyles: {
     borderRadius: string;
-    px: number;
-    textStyle: string;
     fontWeight: string;
     display: string;
     alignItems: string;
     justifyContent: string;
 };
-/**
- * Badge variant styles using the Golden Ratio color system.
- *
- * Each variant uses the `extralight` background shade with `dark` text
- * for optimal readability and WCAG AA compliance.
- *
- * Pattern: bg = `*.extralight`, color = `*.dark`
- * This matches the Alert/Toast/Banner component styling.
- */
 export declare const variantStyles: Record<BadgeVariant, {
     bgColor: string;
     color: string;

package/dist/components/Badge/Badge.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;;;CAQtB,CAAC;AAEF;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,YAAY,EACZ;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAuDnC,CAAC"}
+{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;;;GAIG;AACH,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,YAAY,EACZ;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAuDnC,CAAC"}

package/dist/components/Badge/Badge.styles.js

@@ -8,22 +8,11 @@
  */
 const baseStyles = {
     borderRadius: '2xl',
-    px: 2.5,
-    textStyle: 'subtitle',
     fontWeight: 'medium',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
 };
-/**
- * Badge variant styles using the Golden Ratio color system.
- *
- * Each variant uses the `extralight` background shade with `dark` text
- * for optimal readability and WCAG AA compliance.
- *
- * Pattern: bg = `*.extralight`, color = `*.dark`
- * This matches the Alert/Toast/Banner component styling.
- */
 const variantStyles = {
     /**
      * Primary badge - Default, general purpose

package/dist/components/Badge/Badge.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;;AAG1B;;;;;;;;AAQG;AACI,MAAM,aAAa,GAGtB;AACF;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;AACxB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,aAAa;AACrB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,WAAW;AACnB,KAAA;;;;;;"}
+{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;;AAGnB,MAAM,aAAa,GAGtB;AACF;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;AACxB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,aAAa;AACrB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,WAAW;AACnB,KAAA;;;;;;"}

package/dist/components/Badge/Badge.styles.mjs

@@ -6,22 +6,11 @@
  */
 const baseStyles = {
     borderRadius: '2xl',
-    px: 2.5,
-    textStyle: 'subtitle',
     fontWeight: 'medium',
     display: 'flex',
     alignItems: 'center',
     justifyContent: 'center',
 };
-/**
- * Badge variant styles using the Golden Ratio color system.
- *
- * Each variant uses the `extralight` background shade with `dark` text
- * for optimal readability and WCAG AA compliance.
- *
- * Pattern: bg = `*.extralight`, color = `*.dark`
- * This matches the Alert/Toast/Banner component styling.
- */
 const variantStyles = {
     /**
      * Primary badge - Default, general purpose

package/dist/components/Badge/Badge.styles.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.styles.mjs","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,SAAS,EAAE,UAAU;AACrB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;;AAG1B;;;;;;;;AAQG;AACI,MAAM,aAAa,GAGtB;AACF;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;AACxB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,aAAa;AACrB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,WAAW;AACnB,KAAA;;;;;"}
+{"version":3,"file":"Badge.styles.mjs","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;AAIG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;;AAGnB,MAAM,aAAa,GAGtB;AACF;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,SAAS,EAAE;QACT,OAAO,EAAE,sBAAsB;QAC/B,KAAK,EAAE,gBAAgB;AACxB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,oBAAoB;QAC7B,KAAK,EAAE,cAAc;AACtB,KAAA;AAED;;;AAGG;AACH,IAAA,MAAM,EAAE;QACN,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,aAAa;AACrB,KAAA;AAED;;;AAGG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,WAAW;AACnB,KAAA;;;;;"}

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAY9C,eAAO,MAAM,cAAc,oHAoB1B,CAAC"}
+{"version":3,"file":"BreadcrumbLink.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAc9C,eAAO,MAAM,cAAc,oHAqB1B,CAAC"}

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var focusRing = require('../../../utils/focusRing.js');
 
 // Optional Next.js Link import
 let NextLink;
@@ -17,7 +18,7 @@ catch {
 const BreadcrumbLink = React.forwardRef(({ href, children, ...rest }, ref) => {
     return (jsxRuntime.jsx(react.Breadcrumb.Link, { color: "primary.dark", _hover: {
             textDecoration: 'underline',
-        }, asChild: !!NextLink, href: href, ...rest, ref: ref, children: NextLink ? jsxRuntime.jsx(NextLink, { href: href, children: children }) : children }));
+        }, asChild: !!NextLink, href: href, ...focusRing.focusRing, ...rest, ref: ref, children: NextLink ? jsxRuntime.jsx(NextLink, { href: href, children: children }) : children }));
 });
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.js","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Breadcrumb"],"mappings":";;;;;;;AAIA;AACA,IAAI,QAAa;AACjB,IAAI;;AAEF,IAAA,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO;AACzC;AAAE,MAAM;IACN,QAAQ,GAAG,IAAI;AACjB;AAEO,MAAM,cAAc,GAAGA,gBAAU,CACtC,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAuB,EAChD,GAAqC,KACnC;IACF,QACEC,cAAA,CAACC,gBAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;AACN,YAAA,cAAc,EAAE,WAAW;AAC5B,SAAA,EACD,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,IAAI,KACN,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,GAAGD,cAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAY,GAAG,QAAQ,EAAA,CAClD;AAEtB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"BreadcrumbLink.js","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Breadcrumb","focusRing"],"mappings":";;;;;;;;AAMA;AACA,IAAI,QAAa;AACjB,IAAI;;AAEF,IAAA,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO;AACzC;AAAE,MAAM;IACN,QAAQ,GAAG,IAAI;AACjB;AAEO,MAAM,cAAc,GAAGA,gBAAU,CACtC,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAuB,EAChD,GAAqC,KACnC;IACF,QACEC,cAAA,CAACC,gBAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;AACN,YAAA,cAAc,EAAE,WAAW;AAC5B,SAAA,EACD,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,IAAI,EAAA,GACNC,mBAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,GAAGF,cAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,GAAY,GAAG,QAAQ,EAAA,CAClD;AAEtB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Breadcrumb } from '@chakra-ui/react';
+import { focusRing } from '../../../utils/focusRing.mjs';
 
 // Optional Next.js Link import
 let NextLink;
@@ -15,7 +16,7 @@ catch {
 const BreadcrumbLink = forwardRef(({ href, children, ...rest }, ref) => {
     return (jsx(Breadcrumb.Link, { color: "primary.dark", _hover: {
             textDecoration: 'underline',
-        }, asChild: !!NextLink, href: href, ...rest, ref: ref, children: NextLink ? jsx(NextLink, { href: href, children: children }) : children }));
+        }, asChild: !!NextLink, href: href, ...focusRing, ...rest, ref: ref, children: NextLink ? jsx(NextLink, { href: href, children: children }) : children }));
 });
 BreadcrumbLink.displayName = 'BreadcrumbLink';
 

package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbLink.mjs","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAIA;AACA,IAAI,QAAa;AACjB,IAAI;;AAEF,IAAA,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO;AACzC;AAAE,MAAM;IACN,QAAQ,GAAG,IAAI;AACjB;AAEO,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAuB,EAChD,GAAqC,KACnC;IACF,QACEA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;AACN,YAAA,cAAc,EAAE,WAAW;AAC5B,SAAA,EACD,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,IAAI,KACN,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAY,GAAG,QAAQ,EAAA,CAClD;AAEtB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}
+{"version":3,"file":"BreadcrumbLink.mjs","sources":["../../../../src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAMA;AACA,IAAI,QAAa;AACjB,IAAI;;AAEF,IAAA,QAAQ,GAAG,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO;AACzC;AAAE,MAAM;IACN,QAAQ,GAAG,IAAI;AACjB;AAEO,MAAM,cAAc,GAAG,UAAU,CACtC,CACE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAuB,EAChD,GAAqC,KACnC;IACF,QACEA,GAAA,CAAC,UAAU,CAAC,IAAI,EAAA,EACd,KAAK,EAAC,cAAc,EACpB,MAAM,EAAE;AACN,YAAA,cAAc,EAAE,WAAW;AAC5B,SAAA,EACD,OAAO,EAAE,CAAC,CAAC,QAAQ,EACnB,IAAI,EAAE,IAAI,EAAA,GACN,SAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,QAAQ,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,IAAI,EAAE,IAAI,EAAA,QAAA,EAAG,QAAQ,GAAY,GAAG,QAAQ,EAAA,CAClD;AAEtB,CAAC;AAGH,cAAc,CAAC,WAAW,GAAG,gBAAgB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;qDA0ClB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,MAAM;;;qDAkClB,CAAC"}

package/dist/components/Button/Button.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var focusRing = require('../../utils/focusRing.js');
 var Button_styles = require('./Button.styles.js');
 
 /**
@@ -20,8 +21,7 @@ var Button_styles = require('./Button.styles.js');
  * <Button colorPalette="neutral" variant="ghost">Close</Button>
  * ```
  */
-const Button = React.forwardRef(({ colorPalette, variant = 'soft', _focus, size, children, ...rest }, ref) => {
-    const primaryMainColor = react.useToken('colors', 'primary.main')[0];
+const Button = React.forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
     const styles = Button_styles.getButtonStyles(palette, variant);
     /**
@@ -34,11 +34,7 @@ const Button = React.forwardRef(({ colorPalette, variant = 'soft', _focus, size,
      * We override fontSize for xs size to 'sm' (12.25px) for better readability.
      * Other sizes use Chakra's default textStyle mapping.
      */
-    return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, _focus: {
-            outline: 'none',
-            boxShadow: `rgb(255, 255, 255) 0px 0px 0px 2px, ${primaryMainColor} 0px 0px 0px 4px`,
-            ..._focus,
-        }, transition: "all 0.25s ease-in-out", ref: ref, ...rest, children: children }));
+    return (jsxRuntime.jsx(react.Button, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing.focusRing, cursor: "pointer", css: { transition: 'all 0.25s ease-in-out' }, ref: ref, ...rest, children: children }));
 });
 Button.displayName = 'Button';
 

package/dist/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","useToken","getButtonStyles","_jsx","ChakraButton"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACnE,GAAG,KACD;IACF,MAAM,gBAAgB,GAAGC,cAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAE9D,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEC,cAAA,CAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EACV,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,CAAA,oCAAA,EAAuC,gBAAgB,CAAA,gBAAA,CAAkB;AACpF,YAAA,GAAG,MAAM;AACV,SAAA,EACD,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","getButtonStyles","_jsx","ChakraButton","focusRing"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAGC,6BAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEC,eAACC,YAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACNC,mBAAS,EACb,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,EAC5C,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Button/Button.mjs

@@ -1,7 +1,8 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { useToken, Button as Button$1 } from '@chakra-ui/react';
+import { Button as Button$1 } from '@chakra-ui/react';
+import { focusRing } from '../../utils/focusRing.mjs';
 import { getButtonStyles } from './Button.styles.mjs';
 
 /**
@@ -18,8 +19,7 @@ import { getButtonStyles } from './Button.styles.mjs';
  * <Button colorPalette="neutral" variant="ghost">Close</Button>
  * ```
  */
-const Button = forwardRef(({ colorPalette, variant = 'soft', _focus, size, children, ...rest }, ref) => {
-    const primaryMainColor = useToken('colors', 'primary.main')[0];
+const Button = forwardRef(({ colorPalette, variant = 'soft', size, children, ...rest }, ref) => {
     const palette = colorPalette ?? 'primary';
     const styles = getButtonStyles(palette, variant);
     /**
@@ -32,11 +32,7 @@ const Button = forwardRef(({ colorPalette, variant = 'soft', _focus, size, child
      * We override fontSize for xs size to 'sm' (12.25px) for better readability.
      * Other sizes use Chakra's default textStyle mapping.
      */
-    return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, _focus: {
-            outline: 'none',
-            boxShadow: `rgb(255, 255, 255) 0px 0px 0px 2px, ${primaryMainColor} 0px 0px 0px 4px`,
-            ..._focus,
-        }, transition: "all 0.25s ease-in-out", ref: ref, ...rest, children: children }));
+    return (jsx(Button$1, { border: "1px solid", lineHeight: "1.2", fontWeight: "semibold", size: size, borderRadius: "md", ...styles, ...focusRing, cursor: "pointer", css: { transition: 'all 0.25s ease-in-out' }, ref: ref, ...rest, children: children }));
 });
 Button.displayName = 'Button';
 

package/dist/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;AAMA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EACnE,GAAG,KACD;IACF,MAAM,gBAAgB,GAAG,QAAQ,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC;AAE9D,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,GAAA,CAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EACV,MAAM,EAAE;AACN,YAAA,OAAO,EAAE,MAAM;YACf,SAAS,EAAE,CAAA,oCAAA,EAAuC,gBAAgB,CAAA,gBAAA,CAAkB;AACpF,YAAA,GAAG,MAAM;AACV,SAAA,EACD,UAAU,EAAC,uBAAuB,EAClC,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CAAC,EAAE,YAAY,EAAE,OAAO,GAAG,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACnE,IAAA,MAAM,OAAO,GAAG,YAAY,IAAI,SAAS;IAEzC,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,EAAE,OAAO,CAAC;AAEhD;;;;;;;;;AASG;IACH,QACEA,IAACC,QAAY,EAAA,EACX,MAAM,EAAC,WAAW,EAClB,UAAU,EAAC,KAAK,EAChB,UAAU,EAAC,UAAU,EACrB,IAAI,EAAE,IAAI,EACV,YAAY,EAAC,IAAI,EAAA,GACb,MAAM,EAAA,GACN,SAAS,EACb,MAAM,EAAC,SAAS,EAChB,GAAG,EAAE,EAAE,UAAU,EAAE,uBAAuB,EAAE,EAC5C,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAEP,QAAQ,EAAA,CACI;AAEnB,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Button/Button.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAyTlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,+EAA2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAKzC,CAAC"}
+{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEnE,KAAK,UAAU,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAC3C,kBAAkB,EAClB,MAAM,CAAC,aAAa,EAAE,UAAU,CAAC,CAiVlC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAC1B,eAAc,kBAA8B,EAC5C,UAAS,aAAuB,KAC/B,UAEF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,EAOnD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB,sBAAsB,CAAC;AAEtD;;GAEG;AACH,eAAO,MAAM,uBAAuB,+EAA2B,CAAC;AAEhE;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,aAAa,EAKzC,CAAC"}