@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 5.0.0-alpha.0

package/dist/components/Avatar/Avatar.js

@@ -4,10 +4,37 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var colors = require('../../theme/colors.js');
 
+function hueForName(name) {
+    // No name, no identity to colour: `undefined` so the caller falls back to
+    // the neutral pair. `SYSTEM_HUE_NAMES[0]` is red, and a red placeholder
+    // avatar reads as an error state.
+    if (!name)
+        return undefined;
+    let hash = 0;
+    for (let i = 0; i < name.length; i += 1) {
+        // `| 0` keeps the running hash a 32-bit int so it can't grow unbounded
+        // over a long name before the modulo at the end.
+        hash = (hash * 31 + name.charCodeAt(i)) | 0;
+    }
+    const index = Math.abs(hash) % colors.SYSTEM_HUE_NAMES.length;
+    return colors.SYSTEM_HUE_NAMES[index];
+}
+/**
+ * Fallback (initials / icon) colours: the person's hue when there is one,
+ * otherwise the neutral pair Badge `neutral` uses.
+ */
+function avatarFallbackColors(name, colorHue) {
+    const hue = colorHue ?? hueForName(name);
+    if (!hue)
+        return { bg: 'bg.muted', color: 'secondary.fgStrong' };
+    return { bg: `category.${hue}.surface`, color: `category.${hue}.fg` };
+}
 const AvatarComponent = React.forwardRef((props, ref) => {
-    const { src, name, ...rest } = props;
-    return (jsxRuntime.jsxs(react.Avatar.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsxRuntime.jsx(react.Avatar.Fallback, { name: name }), jsxRuntime.jsx(react.Avatar.Image, { src: src })] }));
+    const { src, name, colorHue, ...rest } = props;
+    const fallback = avatarFallbackColors(name, colorHue);
+    return (jsxRuntime.jsxs(react.Avatar.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsxRuntime.jsx(react.Avatar.Fallback, { name: name, bg: fallback.bg, color: fallback.color }), jsxRuntime.jsx(react.Avatar.Image, { src: src })] }));
 });
 AvatarComponent.displayName = 'Avatar';
 const Avatar = Object.assign(AvatarComponent, {
@@ -21,4 +48,6 @@ const Avatar = Object.assign(AvatarComponent, {
 });
 
 exports.Avatar = Avatar;
+exports.avatarFallbackColors = avatarFallbackColors;
+exports.hueForName = hueForName;
 //# 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","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,eAAe,EAC3B,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;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["SYSTEM_HUE_NAMES","forwardRef","_jsxs","ChakraAvatar","_jsx","AvatarRoot","AvatarRootProvider","AvatarFallback","AvatarImage","AvatarIcon","AvatarGroup","AvatarContext"],"mappings":";;;;;;;;AA+CM,SAAU,UAAU,CAAC,IAAwB,EAAA;;;;AAIjD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;;;AAGvC,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;AACA,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAGA,uBAAgB,CAAC,MAAM;AACtD,IAAA,OAAOA,uBAAgB,CAAC,KAAK,CAAC;AAChC;AAEA;;;AAGG;AACG,SAAU,oBAAoB,CAClC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAChE,IAAA,OAAO,EAAE,EAAE,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,QAAA,CAAU,EAAE,KAAK,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,GAAA,CAAK,EAAE;AACvE;AAEA,MAAM,eAAe,GAAGC,gBAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAC9C,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC;AACrD,IAAA,QACEC,eAAA,CAACC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EAAA,QAAA,EAAA,CAERC,cAAA,CAACD,YAAY,CAAC,QAAQ,EAAA,EACpB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAA,CACrB,EACFC,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

@@ -2,10 +2,37 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Avatar as Avatar$1, AvatarContext, AvatarGroup, AvatarIcon, AvatarImage, AvatarFallback, AvatarRootProvider, AvatarRoot } from '@chakra-ui/react';
+import { SYSTEM_HUE_NAMES } from '../../theme/colors.mjs';
 
+function hueForName(name) {
+    // No name, no identity to colour: `undefined` so the caller falls back to
+    // the neutral pair. `SYSTEM_HUE_NAMES[0]` is red, and a red placeholder
+    // avatar reads as an error state.
+    if (!name)
+        return undefined;
+    let hash = 0;
+    for (let i = 0; i < name.length; i += 1) {
+        // `| 0` keeps the running hash a 32-bit int so it can't grow unbounded
+        // over a long name before the modulo at the end.
+        hash = (hash * 31 + name.charCodeAt(i)) | 0;
+    }
+    const index = Math.abs(hash) % SYSTEM_HUE_NAMES.length;
+    return SYSTEM_HUE_NAMES[index];
+}
+/**
+ * Fallback (initials / icon) colours: the person's hue when there is one,
+ * otherwise the neutral pair Badge `neutral` uses.
+ */
+function avatarFallbackColors(name, colorHue) {
+    const hue = colorHue ?? hueForName(name);
+    if (!hue)
+        return { bg: 'bg.muted', color: 'secondary.fgStrong' };
+    return { bg: `category.${hue}.surface`, color: `category.${hue}.fg` };
+}
 const AvatarComponent = forwardRef((props, ref) => {
-    const { src, name, ...rest } = props;
-    return (jsxs(Avatar$1.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsx(Avatar$1.Fallback, { name: name }), jsx(Avatar$1.Image, { src: src })] }));
+    const { src, name, colorHue, ...rest } = props;
+    const fallback = avatarFallbackColors(name, colorHue);
+    return (jsxs(Avatar$1.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", overflow: "hidden", bgColor: "transparent", ...rest, children: [jsx(Avatar$1.Fallback, { name: name, bg: fallback.bg, color: fallback.color }), jsx(Avatar$1.Image, { src: src })] }));
 });
 AvatarComponent.displayName = 'Avatar';
 const Avatar = Object.assign(AvatarComponent, {
@@ -18,5 +45,5 @@ const Avatar = Object.assign(AvatarComponent, {
     Context: AvatarContext,
 });
 
-export { Avatar };
+export { Avatar, avatarFallbackColors, hueForName };
 //# 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":";;;;;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,eAAe,EAC3B,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;;;;"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraAvatar","_jsx"],"mappings":";;;;;;AA+CM,SAAU,UAAU,CAAC,IAAwB,EAAA;;;;AAIjD,IAAA,IAAI,CAAC,IAAI;AAAE,QAAA,OAAO,SAAS;IAC3B,IAAI,IAAI,GAAG,CAAC;AACZ,IAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,EAAE;;;AAGvC,QAAA,IAAI,GAAG,CAAC,IAAI,GAAG,EAAE,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;IAC7C;AACA,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,gBAAgB,CAAC,MAAM;AACtD,IAAA,OAAO,gBAAgB,CAAC,KAAK,CAAC;AAChC;AAEA;;;AAGG;AACG,SAAU,oBAAoB,CAClC,IAAwB,EACxB,QAAoB,EAAA;IAEpB,MAAM,GAAG,GAAG,QAAQ,IAAI,UAAU,CAAC,IAAI,CAAC;AACxC,IAAA,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,oBAAoB,EAAE;AAChE,IAAA,OAAO,EAAE,EAAE,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,QAAA,CAAU,EAAE,KAAK,EAAE,CAAA,SAAA,EAAY,GAAG,CAAA,GAAA,CAAK,EAAE;AACvE;AAEA,MAAM,eAAe,GAAG,UAAU,CAChC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK;IAC9C,MAAM,QAAQ,GAAG,oBAAoB,CAAC,IAAI,EAAE,QAAQ,CAAC;AACrD,IAAA,QACEA,IAAA,CAACC,QAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe,EAC3B,QAAQ,EAAC,QAAQ,EACjB,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EAAA,QAAA,EAAA,CAERC,GAAA,CAACD,QAAY,CAAC,QAAQ,EAAA,EACpB,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,QAAQ,CAAC,EAAE,EACf,KAAK,EAAE,QAAQ,CAAC,KAAK,EAAA,CACrB,EACFC,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,3 +1,3 @@
 export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarProps, AvatarRootProps, } from './Avatar';
-export { Avatar } from './Avatar';
+export { Avatar, avatarFallbackColors, hueForName } 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,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"}
+{"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,oBAAoB,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC"}

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

@@ -1,16 +1,3 @@
-import { BadgeProps } from './Badge.types';
-/**
- * Badge component with color variants using the Golden Ratio color system.
- *
- * @example
- * ```tsx
- * <Badge>Default</Badge>
- * <Badge variant="success">Completed</Badge>
- * <Badge variant="danger">Error</Badge>
- * <Badge variant="warning">Pending</Badge>
- * <Badge variant="secondary">Featured</Badge>
- * <Badge variant="neutral">Draft</Badge>
- * ```
- */
-export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { BadgeOwnProps } from './Badge.types';
+export declare const Badge: import("../..").PolymorphicComponent<BadgeOwnProps, "span">;
 //# sourceMappingURL=Badge.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,KAAK,0GAgBjB,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAwC9C,eAAO,MAAM,KAAK,6DAAgD,CAAC"}

package/dist/components/Badge/Badge.js

@@ -4,25 +4,32 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 var Badge_styles = require('./Badge.styles.js');
 
 /**
- * Badge component with color variants using the Golden Ratio color system.
+ * Badge — a small, non-interactive label.
+ *
+ * `neutral` (default) is the grey-wash everyday badge; `success` / `warning` /
+ * `danger` / `info` report a status. For an unread/notification number use
+ * `CountBadge`; for a removable or selectable label use `Tag`.
  *
  * @example
  * ```tsx
- * <Badge>Default</Badge>
+ * <Badge>Pro</Badge>
  * <Badge variant="success">Completed</Badge>
  * <Badge variant="danger">Error</Badge>
  * <Badge variant="warning">Pending</Badge>
- * <Badge variant="secondary">Featured</Badge>
- * <Badge variant="neutral">Draft</Badge>
+ * <Badge variant="info">New</Badge>
  * ```
  */
-const Badge = React.forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
-    return (jsxRuntime.jsx(react.Badge, { ...Badge_styles.baseStyles, ...Badge_styles.variantStyles[variant], w: "fit-content", textTransform: textTransform, ...rest, ref: ref }));
+const BadgeImpl = React.forwardRef(({ textTransform = 'none', variant, ...rest }, ref) => {
+    const resolved = Badge_styles.resolveBadgeVariant(variant);
+    return (jsxRuntime.jsx(react.Badge, { ...Badge_styles.baseStyles, ...Badge_styles.variantStyles[resolved], w: "fit-content", textTransform: textTransform, ...rest, ref: ref }));
 });
-Badge.displayName = 'Badge';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+BadgeImpl.displayName = 'Badge';
+const Badge = polymorphic.polymorphic(BadgeImpl);
 
 exports.Badge = Badge;
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraBadge","baseStyles","variantStyles"],"mappings":";;;;;;;;AAMA;;;;;;;;;;;;AAYG;MACU,KAAK,GAAGA,gBAAU,CAC7B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAc,EACpE,GAAqC,KACnC;IACF,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,OAAO,CAAC,EAC1B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","resolveBadgeVariant","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;;;;AAeG;AACH,MAAM,SAAS,GAAGA,gBAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAGC,gCAAmB,CAAC,OAAO,CAAC;IAC7C,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAGC,uBAAW,CAAwB,SAAS;;;;"}

package/dist/components/Badge/Badge.mjs

@@ -2,25 +2,32 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Badge as Badge$1 } from '@chakra-ui/react';
-import { variantStyles, baseStyles } from './Badge.styles.mjs';
+import { polymorphic } from '../../types/polymorphic.mjs';
+import { resolveBadgeVariant, variantStyles, baseStyles } from './Badge.styles.mjs';
 
 /**
- * Badge component with color variants using the Golden Ratio color system.
+ * Badge — a small, non-interactive label.
+ *
+ * `neutral` (default) is the grey-wash everyday badge; `success` / `warning` /
+ * `danger` / `info` report a status. For an unread/notification number use
+ * `CountBadge`; for a removable or selectable label use `Tag`.
  *
  * @example
  * ```tsx
- * <Badge>Default</Badge>
+ * <Badge>Pro</Badge>
  * <Badge variant="success">Completed</Badge>
  * <Badge variant="danger">Error</Badge>
  * <Badge variant="warning">Pending</Badge>
- * <Badge variant="secondary">Featured</Badge>
- * <Badge variant="neutral">Draft</Badge>
+ * <Badge variant="info">New</Badge>
  * ```
  */
-const Badge = forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
-    return (jsx(Badge$1, { ...baseStyles, ...variantStyles[variant], w: "fit-content", textTransform: textTransform, ...rest, ref: ref }));
+const BadgeImpl = forwardRef(({ textTransform = 'none', variant, ...rest }, ref) => {
+    const resolved = resolveBadgeVariant(variant);
+    return (jsx(Badge$1, { ...baseStyles, ...variantStyles[resolved], w: "fit-content", textTransform: textTransform, ...rest, ref: ref }));
 });
-Badge.displayName = 'Badge';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+BadgeImpl.displayName = 'Badge';
+const Badge = polymorphic(BadgeImpl);
 
 export { Badge };
 //# sourceMappingURL=Badge.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;AAMA;;;;;;;;;;;;AAYG;MACU,KAAK,GAAG,UAAU,CAC7B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAc,EACpE,GAAqC,KACnC;IACF,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,OAAO,CAAC,EAC1B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
+{"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;;;;AAeG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC7C,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAG,WAAW,CAAwB,SAAS;;;;"}

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

@@ -1,8 +1,6 @@
 import { BadgeVariant } from './Badge.types';
 /**
- * Badge base styles using the Golden Ratio color system.
- *
- * These styles are shared across all badge variants.
+ * Badge base styles, shared by every variant.
  */
 export declare const baseStyles: {
     borderRadius: string;
@@ -11,8 +9,24 @@ export declare const baseStyles: {
     alignItems: string;
     justifyContent: string;
 };
+/**
+ * Badge colours per variant (5.0 BAZE tokens).
+ *
+ * `neutral` is a neutral `bg.muted` fill with `secondary.fgStrong` text — the
+ * sand tint (`secondary.surface`) is not a component background, so the
+ * secondary identity rides on the text only. The status variants use their family's soft
+ * `.bg` + `.fg`, which the contrast audit checks in both modes.
+ */
 export declare const variantStyles: Record<BadgeVariant, {
     bgColor: string;
     color: string;
 }>;
+/** Every 5.0 badge variant, in display order. */
+export declare const badgeVariants: BadgeVariant[];
+/**
+ * Resolve a (possibly 4.x) variant to a 5.0 one. `primary` / `secondary` and
+ * anything unknown fall back to `neutral`, warning once per value in
+ * development so a consumer's untyped call site still renders.
+ */
+export declare const resolveBadgeVariant: (variant: unknown) => BadgeVariant;
 //# sourceMappingURL=Badge.styles.d.ts.map

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;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,YAAY,EACZ;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAyDnC,CAAC"}
+{"version":3,"file":"Badge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C;;GAEG;AACH,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,EAAE,MAAM,CAChC,YAAY,EACZ;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAsBnC,CAAC;AAEF,iDAAiD;AACjD,eAAO,MAAM,aAAa,EAAE,YAAY,EAMvC,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,SAAS,OAAO,KAAG,YAetD,CAAC"}

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

@@ -1,10 +1,10 @@
 "use client";
 'use strict';
 
+var isDev = require('../../utils/isDev.js');
+
 /**
- * Badge base styles using the Golden Ratio color system.
- *
- * These styles are shared across all badge variants.
+ * Badge base styles, shared by every variant.
  */
 const baseStyles = {
     borderRadius: '2xl',
@@ -13,59 +13,65 @@ const baseStyles = {
     alignItems: 'center',
     justifyContent: 'center',
 };
+/**
+ * Badge colours per variant (5.0 BAZE tokens).
+ *
+ * `neutral` is a neutral `bg.muted` fill with `secondary.fgStrong` text — the
+ * sand tint (`secondary.surface`) is not a component background, so the
+ * secondary identity rides on the text only. The status variants use their family's soft
+ * `.bg` + `.fg`, which the contrast audit checks in both modes.
+ */
 const variantStyles = {
-    /**
-     * Primary badge - Default, general purpose
-     * Blue extralight background with dark blue text
-     */
-    primary: {
-        bgColor: 'primary.extralight', // #E8EEFB
-        color: 'primary.dark', // #0D317D
-    },
-    /**
-     * Secondary badge - Accent, highlight
-     * Violet extralight background with dark violet text
-     */
-    secondary: {
-        bgColor: 'secondary.extralight', // #F4E8FB
-        color: 'secondary.dark', // #570D7D
+    neutral: {
+        bgColor: 'bg.muted',
+        color: 'secondary.fgStrong',
     },
-    /**
-     * Success badge - Positive states
-     * Green extralight background with dark green text
-     */
     success: {
-        bgColor: 'success.extralight', // #E9FBE8
-        color: 'success.dark', // #147D0D
+        bgColor: 'success.bg',
+        color: 'success.fg',
     },
-    /**
-     * Warning badge - Caution states
-     * Gold extralight background with dark gold text
-     */
     warning: {
-        bgColor: 'warning.extralight', // #FBF6E8
-        color: 'warning.dark', // #7D610D
+        bgColor: 'warning.bg',
+        color: 'warning.fg',
     },
-    /**
-     * Danger badge - Error/negative states
-     * Rose extralight background with dark rose text
-     */
     danger: {
-        bgColor: 'danger.extralight', // #FBE8E9
-        color: 'danger.dark', // #7D0D14
+        bgColor: 'danger.bg',
+        color: 'danger.fg',
     },
-    /**
-     * Neutral badge - Neutral information
-     * Muted neutral surface with default foreground; both flip in dark mode.
-     * Light values are unchanged (bg.muted → gray.100; fg.default → gray.1300,
-     * one imperceptible step from the previous gray.1200).
-     */
-    neutral: {
-        bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
-        color: 'fg.default', // gray.1300 / gray.50 (_dark)
+    info: {
+        bgColor: 'info.bg',
+        color: 'info.fg',
     },
 };
+/** Every 5.0 badge variant, in display order. */
+const badgeVariants = [
+    'neutral',
+    'success',
+    'warning',
+    'danger',
+    'info',
+];
+const warned = new Set();
+/**
+ * Resolve a (possibly 4.x) variant to a 5.0 one. `primary` / `secondary` and
+ * anything unknown fall back to `neutral`, warning once per value in
+ * development so a consumer's untyped call site still renders.
+ */
+const resolveBadgeVariant = (variant) => {
+    if (typeof variant === 'string' &&
+        Object.prototype.hasOwnProperty.call(variantStyles, variant)) {
+        return variant;
+    }
+    if (variant !== undefined && isDev.isDev() && !warned.has(String(variant))) {
+        warned.add(String(variant));
+        console.warn(`[logician-ui] <Badge variant="${String(variant)}"> was removed in 5.0 and now renders as "neutral". ` +
+            'Use variant="neutral" (or a status variant: success | warning | danger | info).');
+    }
+    return 'neutral';
+};
 
+exports.badgeVariants = badgeVariants;
 exports.baseStyles = baseStyles;
+exports.resolveBadgeVariant = resolveBadgeVariant;
 exports.variantStyles = variantStyles;
 //# sourceMappingURL=Badge.styles.js.map

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,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;;;;;AAKG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,YAAY;AACpB,KAAA;;;;;;"}
+{"version":3,"file":"Badge.styles.js","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":["isDev"],"mappings":";;;;;AAIA;;AAEG;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;;AAG1B;;;;;;;AAOG;AACI,MAAM,aAAa,GAGtB;AACF,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,oBAAoB;AAC5B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,KAAK,EAAE,WAAW;AACnB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;;AAGH;AACO,MAAM,aAAa,GAAmB;IAC3C,SAAS;IACT,SAAS;IACT,SAAS;IACT,QAAQ;IACR,MAAM;;AAGR,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU;AAEhC;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,OAAgB,KAAkB;IACpE,IACE,OAAO,OAAO,KAAK,QAAQ;AAC3B,QAAA,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,EAC5D;AACA,QAAA,OAAO,OAAuB;IAChC;AACA,IAAA,IAAI,OAAO,KAAK,SAAS,IAAIA,WAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;QACpE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CACV,CAAA,8BAAA,EAAiC,MAAM,CAAC,OAAO,CAAC,CAAA,oDAAA,CAAsD;AACpG,YAAA,iFAAiF,CACpF;IACH;AACA,IAAA,OAAO,SAAS;AAClB;;;;;;;"}

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

@@ -1,8 +1,8 @@
 "use client";
+import { isDev } from '../../utils/isDev.mjs';
+
 /**
- * Badge base styles using the Golden Ratio color system.
- *
- * These styles are shared across all badge variants.
+ * Badge base styles, shared by every variant.
  */
 const baseStyles = {
     borderRadius: '2xl',
@@ -11,58 +11,62 @@ const baseStyles = {
     alignItems: 'center',
     justifyContent: 'center',
 };
+/**
+ * Badge colours per variant (5.0 BAZE tokens).
+ *
+ * `neutral` is a neutral `bg.muted` fill with `secondary.fgStrong` text — the
+ * sand tint (`secondary.surface`) is not a component background, so the
+ * secondary identity rides on the text only. The status variants use their family's soft
+ * `.bg` + `.fg`, which the contrast audit checks in both modes.
+ */
 const variantStyles = {
-    /**
-     * Primary badge - Default, general purpose
-     * Blue extralight background with dark blue text
-     */
-    primary: {
-        bgColor: 'primary.extralight', // #E8EEFB
-        color: 'primary.dark', // #0D317D
-    },
-    /**
-     * Secondary badge - Accent, highlight
-     * Violet extralight background with dark violet text
-     */
-    secondary: {
-        bgColor: 'secondary.extralight', // #F4E8FB
-        color: 'secondary.dark', // #570D7D
+    neutral: {
+        bgColor: 'bg.muted',
+        color: 'secondary.fgStrong',
     },
-    /**
-     * Success badge - Positive states
-     * Green extralight background with dark green text
-     */
     success: {
-        bgColor: 'success.extralight', // #E9FBE8
-        color: 'success.dark', // #147D0D
+        bgColor: 'success.bg',
+        color: 'success.fg',
     },
-    /**
-     * Warning badge - Caution states
-     * Gold extralight background with dark gold text
-     */
     warning: {
-        bgColor: 'warning.extralight', // #FBF6E8
-        color: 'warning.dark', // #7D610D
+        bgColor: 'warning.bg',
+        color: 'warning.fg',
     },
-    /**
-     * Danger badge - Error/negative states
-     * Rose extralight background with dark rose text
-     */
     danger: {
-        bgColor: 'danger.extralight', // #FBE8E9
-        color: 'danger.dark', // #7D0D14
+        bgColor: 'danger.bg',
+        color: 'danger.fg',
     },
-    /**
-     * Neutral badge - Neutral information
-     * Muted neutral surface with default foreground; both flip in dark mode.
-     * Light values are unchanged (bg.muted → gray.100; fg.default → gray.1300,
-     * one imperceptible step from the previous gray.1200).
-     */
-    neutral: {
-        bgColor: 'bg.muted', // gray.100 / gray.1200 (_dark)
-        color: 'fg.default', // gray.1300 / gray.50 (_dark)
+    info: {
+        bgColor: 'info.bg',
+        color: 'info.fg',
     },
 };
+/** Every 5.0 badge variant, in display order. */
+const badgeVariants = [
+    'neutral',
+    'success',
+    'warning',
+    'danger',
+    'info',
+];
+const warned = new Set();
+/**
+ * Resolve a (possibly 4.x) variant to a 5.0 one. `primary` / `secondary` and
+ * anything unknown fall back to `neutral`, warning once per value in
+ * development so a consumer's untyped call site still renders.
+ */
+const resolveBadgeVariant = (variant) => {
+    if (typeof variant === 'string' &&
+        Object.prototype.hasOwnProperty.call(variantStyles, variant)) {
+        return variant;
+    }
+    if (variant !== undefined && isDev() && !warned.has(String(variant))) {
+        warned.add(String(variant));
+        console.warn(`[logician-ui] <Badge variant="${String(variant)}"> was removed in 5.0 and now renders as "neutral". ` +
+            'Use variant="neutral" (or a status variant: success | warning | danger | info).');
+    }
+    return 'neutral';
+};
 
-export { baseStyles, variantStyles };
+export { badgeVariants, baseStyles, resolveBadgeVariant, variantStyles };
 //# sourceMappingURL=Badge.styles.mjs.map

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,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;;;;;AAKG;AACH,IAAA,OAAO,EAAE;QACP,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,YAAY;AACpB,KAAA;;;;;"}
+{"version":3,"file":"Badge.styles.mjs","sources":["../../../src/components/Badge/Badge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;AAEG;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;;AAG1B;;;;;;;AAOG;AACI,MAAM,aAAa,GAGtB;AACF,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,UAAU;AACnB,QAAA,KAAK,EAAE,oBAAoB;AAC5B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,YAAY;AACrB,QAAA,KAAK,EAAE,YAAY;AACpB,KAAA;AACD,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,WAAW;AACpB,QAAA,KAAK,EAAE,WAAW;AACnB,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,SAAS;AACjB,KAAA;;AAGH;AACO,MAAM,aAAa,GAAmB;IAC3C,SAAS;IACT,SAAS;IACT,SAAS;IACT,QAAQ;IACR,MAAM;;AAGR,MAAM,MAAM,GAAG,IAAI,GAAG,EAAU;AAEhC;;;;AAIG;AACI,MAAM,mBAAmB,GAAG,CAAC,OAAgB,KAAkB;IACpE,IACE,OAAO,OAAO,KAAK,QAAQ;AAC3B,QAAA,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,EAC5D;AACA,QAAA,OAAO,OAAuB;IAChC;AACA,IAAA,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,EAAE;QACpE,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAC3B,OAAO,CAAC,IAAI,CACV,CAAA,8BAAA,EAAiC,MAAM,CAAC,OAAO,CAAC,CAAA,oDAAA,CAAsD;AACpG,YAAA,iFAAiF,CACpF;IACH;AACA,IAAA,OAAO,SAAS;AAClB;;;;"}

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

@@ -1,23 +1,40 @@
+import type { ElementType } from 'react';
 import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
 /**
- * Badge variant types for the Golden Ratio color system.
+ * Badge variants (5.0).
  *
- * Each variant uses the `lightest` background shade with `dark` text
- * for optimal readability and WCAG AA compliance.
+ * - `neutral` (default): neutral `bg.muted` with `secondary.fgStrong`
+ *   text — the everyday label ("Pro", "Beta", "Draft").
+ * - `success` / `warning` / `danger` / `info`: the status family's soft
+ *   `{status}.bg` surface with `{status}.fg` text. Use these ONLY when the
+ *   badge reports a status — never as decoration.
  *
- * - `primary`: Default blue badge for general purpose
- * - `secondary`: Violet accent badge
- * - `success`: Green badge for positive states
- * - `warning`: Gold badge for caution states
- * - `danger`: Rose badge for error/negative states
- * - `neutral`: Gray badge for neutral information
+ * **Breaking in 5.0:** `primary` and `secondary` were removed. At runtime they
+ * still render (as `neutral`) and warn once in development.
  */
-export type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface BadgeProps extends Omit<ChakraBadgeProps, 'variant'> {
+export type BadgeVariant = 'neutral' | 'success' | 'warning' | 'danger' | 'info';
+/**
+ * 4.x variants that 5.0 maps to `neutral` at runtime.
+ * @deprecated Removed from the type in 5.0; use `neutral`.
+ */
+export type LegacyBadgeVariant = 'primary' | 'secondary';
+export type BadgeOwnProps = Omit<ChakraBadgeProps, 'variant' | 'as'> & {
     /**
-     * The color variant of the badge.
-     * @default 'primary'
+     * The colour role of the badge.
+     * @default 'neutral'
      */
     variant?: BadgeVariant;
-}
+};
+/**
+ * Props for `Badge`, typed for whatever element `as` renders.
+ *
+ * Defaults to `'span'`, so bare `BadgeProps` is unchanged. A badge that acts as
+ * a citation or filter link is the case that needs this.
+ *
+ * ```tsx
+ * <Badge as="a" href={`#cite-${n}`}>{n}</Badge>
+ * ```
+ */
+export type BadgeProps<TElement extends ElementType = 'span'> = PolymorphicProps<TElement, BadgeOwnProps>;
 //# sourceMappingURL=Badge.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,gBAAgB,EAAE,SAAS,CAAC;IACnE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB"}
+{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAC1D,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
 export { Badge } from './Badge';
-export { baseStyles as badgeStyles, variantStyles as badgeVariantStyles, } from './Badge.styles';
-export type { BadgeProps, BadgeVariant } from './Badge.types';
+export { baseStyles as badgeStyles, badgeVariants, variantStyles as badgeVariantStyles, } from './Badge.styles';
+export type { BadgeOwnProps, BadgeProps, BadgeVariant, LegacyBadgeVariant, } from './Badge.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,UAAU,IAAI,WAAW,EACzB,aAAa,IAAI,kBAAkB,GACpC,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EACL,UAAU,IAAI,WAAW,EACzB,aAAa,EACb,aAAa,IAAI,kBAAkB,GACpC,MAAM,gBAAgB,CAAC;AACxB,YAAY,EACV,aAAa,EACb,UAAU,EACV,YAAY,EACZ,kBAAkB,GACnB,MAAM,eAAe,CAAC"}