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

package/dist/components/Confetti/Confetti.mjs

@@ -4,39 +4,8 @@ import { forwardRef, useMemo } from 'react';
 import { Box } from '@chakra-ui/react';
 import { MOTION_DURATION_MS } from '../../theme/motion.mjs';
 import { confettiPiece } from './Confetti.styles.mjs';
+import { DEFAULT_CONFETTI_COLORS } from './confettiColors.mjs';
 
-/**
- * Literal hex, and the one place in this library that is deliberately off the
- * palette.
- *
- * The first version reached for `primary.main` / `success.main` /
- * `warning.main` / `danger.main`, which was wrong twice over. **Semantically**,
- * those colours mean things: raining the error red and the warning amber over
- * "payment complete" says something the screen does not. Confetti is the one
- * element on a page with nothing to communicate, so a colour that communicates
- * is the wrong kind of colour.
- *
- * **And optically**, the palette is built for interface legibility — text and
- * controls on a light surface — so it sits dark and desaturated: average
- * lightness 47%, nothing above 80% saturation, and three of the five in the
- * blue range. Fifty pieces of that read as a chart legend falling. These six
- * average 56% lightness, four of them are fully saturated, and they span the
- * whole wheel (9°–330°), which is what makes a burst read as a burst.
- *
- * The cost, stated rather than hidden: these do not follow a re-theme, and they
- * do not adapt to dark mode — a bright hex on a dark surface is brighter still.
- * That is acceptable for a burst that lasts two seconds and carries no
- * information, and it is why `colors` is a prop: an app that needs its own
- * festival palette passes one.
- */
-const DEFAULT_COLORS = [
-    '#FFD700', // gold
-    '#FF69B4', // hot pink
-    '#00CED1', // turquoise
-    '#FF6347', // tomato
-    '#9370DB', // medium purple
-    '#32CD32', // lime
-];
 /**
  * A seeded generator, so one burst is stable across re-renders.
  *
@@ -79,15 +48,12 @@ const scatter = (seed) => {
  * nothing, and doing it in CSS keeps the decision on the same media query as
  * every other preset instead of on a hook that has to guess before hydration.
  *
- * **The default colours are literal hex, and this is the one place in the
- * library deliberately off the palette.** Semantic tokens mean things, and
- * raining `danger.main` over "payment complete" says something the screen does
- * not — confetti is the one element on a page with nothing to communicate. The
- * palette is also built for interface legibility on a light surface, so it runs
- * dark and narrow (average lightness 47%, three of five in the blue range) and
- * fifty pieces of it read as a chart legend falling. The cost is real and
- * stated: these do not follow a re-theme and do not adapt to dark mode. `colors`
- * is a prop for an app that needs its own.
+ * **The default colours are decorative only** (`confettiColors.ts`): coral,
+ * beige and the system hues that mean nothing — red, yellow, green and blue are
+ * left out because they are the danger, warning, success and info colours, and
+ * raining error red over "payment complete" says something the screen does not.
+ * They are light-mode hex and do not flip for dark mode. `colors` is a prop for
+ * an app that needs its own.
  *
  * **Takes no children — it is an overlay, not a wrapper.** It renders absolutely
  * against the nearest positioned ancestor, which is therefore the stage: give
@@ -98,7 +64,7 @@ const scatter = (seed) => {
  * {justPurchased && <Confetti />}
  * ```
  */
-const Confetti = forwardRef(({ pieceCount = 50, colors = DEFAULT_COLORS, seed = 1, ...rest }, ref) => {
+const Confetti = forwardRef(({ pieceCount = 50, colors = DEFAULT_CONFETTI_COLORS, seed = 1, ...rest }, ref) => {
     const pieces = useMemo(() => {
         const next = scatter(seed);
         return Array.from({ length: pieceCount }, (_, i) => ({

package/dist/components/Confetti/Confetti.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Confetti.mjs","sources":["../../../src/components/Confetti/Confetti.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACH,MAAM,cAAc,GAAG;AACrB,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,SAAS;AACT,IAAA,SAAS;CACV;AAED;;;;;;AAMG;AACH,MAAM,OAAO,GAAG,CAAC,IAAY,KAAI;AAC/B,IAAA,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC;AACjB,IAAA,OAAO,MAAK;QACV,CAAC,GAAG,CAAC,CAAC,GAAG,OAAO,GAAG,UAAU,IAAI,UAAU;QAC3C,OAAO,CAAC,GAAG,UAAU;AACvB,IAAA,CAAC;AACH,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8CG;AACI,MAAM,QAAQ,GAAG,UAAU,CAChC,CACE,EACE,UAAU,GAAG,EAAE,EACf,MAAM,GAAG,cAAc,EACvB,IAAI,GAAG,CAAC,EACR,GAAG,IAAI,EACO,EAChB,GAAkC,KAChC;AACF,IAAA,MAAM,MAAM,GAAG,OAAO,CAAC,MAAK;AAC1B,QAAA,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC;AAC1B,QAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM;AACnD,YAAA,EAAE,EAAE,CAAC;AACL,YAAA,IAAI,EAAE,CAAA,EAAG,IAAI,EAAE,GAAG,GAAG,CAAA,CAAA,CAAG;AACxB,YAAA,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;;AAEjD,YAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,GAAG,GAAG,EAAE,CAAC,CAAA,EAAA,CAAI;;;;AAI3C,YAAA,IAAI,EAAE,IAAI,EAAE,GAAG,GAAG,GAAG,SAAS,GAAG,QAAQ;;;;;;;AAOzC,YAAA,KAAK,EAAE,CAAA,EAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;AACxC,YAAA,MAAM,EAAE,CAAA,EAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAA,EAAA,CAAI;;;;AAIzC,YAAA,IAAI,EAAE,CAAC,IAAI,GAAG,IAAI,EAAE,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC;;;;;AAKvC,YAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAA,EAAA,CAAI;AAC3D,SAAA,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,IAAI,CAAC,CAAC;IAE9B,QACEA,IAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAC,GAAG,EACT,QAAQ,EAAC,QAAQ,EACjB,aAAa,EAAC,MAAM,EAAA,aAAA,EAAA,IAAA;;;;QAKpB,aAAa,EAAC,MAAM,EAAA,GAChB,IAAI,YAEP,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,MACZA,GAAA,CAAC,GAAG,EAAA,EAEF,GAAG,EAAE,aAAa,EAClB,EAAE,EAAE,CAAC,CAAC,KAAK,EACX,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,CAAC,EAAE,CAAC,CAAC,KAAK,EACV,CAAC,EAAE,CAAC,CAAC,MAAM,EACX,KAAK,EACH;gBACE,kBAAkB,EAAE,CAAC,CAAC,KAAK;gBAC3B,iBAAiB,EAAE,CAAC,CAAC,IAAI;gBACzB,iBAAiB,EAAE,CAAC,CAAC,IAAI;gBACzB,cAAc,EAAE,CAAC,CAAC,KAAK;aACD,EAAA,EAZrB,CAAC,CAAC,EAAE,CAcT,CACH,CAAC,EAAA,CACE;AAEV,CAAC;AAGH,QAAQ,CAAC,WAAW,GAAG,UAAU;;;;"}
+{"version":3,"file":"Confetti.mjs","sources":["../../../src/components/Confetti/Confetti.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"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"}

package/dist/components/Confetti/confettiColors.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Hues that carry meaning elsewhere in the system and so never colour a piece
+ * by default: red, yellow and green are the danger, warning and success
+ * solids, and blue is info and links. The same rule as the chart series
+ * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
+ * burst says something the screen does not.
+ */
+export declare const CONFETTI_EXCLUDED_HUES: readonly ["red", "yellow", "green", "blue"];
+/**
+ * Default piece colours: the house coral (`CORAL.base`, the send/accent coral —
+ * not a status colour), the house beige (`RAMPS.sand.light['8']`, the raw step
+ * behind `secondary.fg`), and the light-mode base of every system hue that
+ * carries no status meaning (brown, orange, mint, teal, cyan, indigo, purple,
+ * pink …).
+ *
+ * Raw hex rather than tokens is a choice, not a constraint. Each piece is a
+ * `<Box bg={…}>`, so a token string would resolve just as well; hex keeps the
+ * default in the same shape as the `colors` prop (any CSS colour string), and
+ * keeps the burst the same in both modes. The cost, stated rather than hidden:
+ * these are the LIGHT-mode values and do not follow dark mode — acceptable for
+ * a two-second burst that carries no information. `colors` is a prop for an
+ * app that needs its own (tokens included).
+ */
+export declare const DEFAULT_CONFETTI_COLORS: string[];
+//# sourceMappingURL=confettiColors.d.ts.map

package/dist/components/Confetti/confettiColors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confettiColors.d.ts","sourceRoot":"","sources":["../../../src/components/Confetti/confettiColors.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,sBAAsB,6CAKzB,CAAC;AAMX;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,uBAAuB,EAAE,MAAM,EAI3C,CAAC"}

package/dist/components/Confetti/confettiColors.js

@@ -0,0 +1,43 @@
+"use client";
+'use strict';
+
+var palette_generated = require('../../theme/palette.generated.js');
+
+/**
+ * Hues that carry meaning elsewhere in the system and so never colour a piece
+ * by default: red, yellow and green are the danger, warning and success
+ * solids, and blue is info and links. The same rule as the chart series
+ * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
+ * burst says something the screen does not.
+ */
+const CONFETTI_EXCLUDED_HUES = [
+    'red',
+    'yellow',
+    'green',
+    'blue',
+];
+const DECORATIVE_HUES = Object.keys(palette_generated.SYSTEM_HUES).filter((hue) => !CONFETTI_EXCLUDED_HUES.includes(hue));
+/**
+ * Default piece colours: the house coral (`CORAL.base`, the send/accent coral —
+ * not a status colour), the house beige (`RAMPS.sand.light['8']`, the raw step
+ * behind `secondary.fg`), and the light-mode base of every system hue that
+ * carries no status meaning (brown, orange, mint, teal, cyan, indigo, purple,
+ * pink …).
+ *
+ * Raw hex rather than tokens is a choice, not a constraint. Each piece is a
+ * `<Box bg={…}>`, so a token string would resolve just as well; hex keeps the
+ * default in the same shape as the `colors` prop (any CSS colour string), and
+ * keeps the burst the same in both modes. The cost, stated rather than hidden:
+ * these are the LIGHT-mode values and do not follow dark mode — acceptable for
+ * a two-second burst that carries no information. `colors` is a prop for an
+ * app that needs its own (tokens included).
+ */
+const DEFAULT_CONFETTI_COLORS = [
+    palette_generated.CORAL.base,
+    palette_generated.RAMPS.sand.light['8'],
+    ...DECORATIVE_HUES.map((hue) => palette_generated.SYSTEM_HUES[hue].base),
+];
+
+exports.CONFETTI_EXCLUDED_HUES = CONFETTI_EXCLUDED_HUES;
+exports.DEFAULT_CONFETTI_COLORS = DEFAULT_CONFETTI_COLORS;
+//# sourceMappingURL=confettiColors.js.map

package/dist/components/Confetti/confettiColors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confettiColors.js","sources":["../../../src/components/Confetti/confettiColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES","CORAL","RAMPS"],"mappings":";;;;;AAGA;;;;;;AAMG;AACI,MAAM,sBAAsB,GAAG;IACpC,KAAK;IACL,QAAQ;IACR,OAAO;IACP,MAAM;;AAGR,MAAM,eAAe,GAAI,MAAM,CAAC,IAAI,CAACA,6BAAW,CAAiB,CAAC,MAAM,CACtE,CAAC,GAAG,KAAK,CAAE,sBAA4C,CAAC,QAAQ,CAAC,GAAG,CAAC,CACtE;AAED;;;;;;;;;;;;;;AAcG;AACI,MAAM,uBAAuB,GAAa;AAC/C,IAAAC,uBAAK,CAAC,IAAI;AACV,IAAAC,uBAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AACrB,IAAA,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,KAAKF,6BAAW,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;;;;;;"}

package/dist/components/Confetti/confettiColors.mjs

@@ -0,0 +1,40 @@
+"use client";
+import { SYSTEM_HUES, CORAL, RAMPS } from '../../theme/palette.generated.mjs';
+
+/**
+ * Hues that carry meaning elsewhere in the system and so never colour a piece
+ * by default: red, yellow and green are the danger, warning and success
+ * solids, and blue is info and links. The same rule as the chart series
+ * defaults (`LineGraph/seriesColors.ts`) — a red piece in a "payment complete"
+ * burst says something the screen does not.
+ */
+const CONFETTI_EXCLUDED_HUES = [
+    'red',
+    'yellow',
+    'green',
+    'blue',
+];
+const DECORATIVE_HUES = Object.keys(SYSTEM_HUES).filter((hue) => !CONFETTI_EXCLUDED_HUES.includes(hue));
+/**
+ * Default piece colours: the house coral (`CORAL.base`, the send/accent coral —
+ * not a status colour), the house beige (`RAMPS.sand.light['8']`, the raw step
+ * behind `secondary.fg`), and the light-mode base of every system hue that
+ * carries no status meaning (brown, orange, mint, teal, cyan, indigo, purple,
+ * pink …).
+ *
+ * Raw hex rather than tokens is a choice, not a constraint. Each piece is a
+ * `<Box bg={…}>`, so a token string would resolve just as well; hex keeps the
+ * default in the same shape as the `colors` prop (any CSS colour string), and
+ * keeps the burst the same in both modes. The cost, stated rather than hidden:
+ * these are the LIGHT-mode values and do not follow dark mode — acceptable for
+ * a two-second burst that carries no information. `colors` is a prop for an
+ * app that needs its own (tokens included).
+ */
+const DEFAULT_CONFETTI_COLORS = [
+    CORAL.base,
+    RAMPS.sand.light['8'],
+    ...DECORATIVE_HUES.map((hue) => SYSTEM_HUES[hue].base),
+];
+
+export { CONFETTI_EXCLUDED_HUES, DEFAULT_CONFETTI_COLORS };
+//# sourceMappingURL=confettiColors.mjs.map

package/dist/components/Confetti/confettiColors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"confettiColors.mjs","sources":["../../../src/components/Confetti/confettiColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGA;;;;;;AAMG;AACI,MAAM,sBAAsB,GAAG;IACpC,KAAK;IACL,QAAQ;IACR,OAAO;IACP,MAAM;;AAGR,MAAM,eAAe,GAAI,MAAM,CAAC,IAAI,CAAC,WAAW,CAAiB,CAAC,MAAM,CACtE,CAAC,GAAG,KAAK,CAAE,sBAA4C,CAAC,QAAQ,CAAC,GAAG,CAAC,CACtE;AAED;;;;;;;;;;;;;;AAcG;AACI,MAAM,uBAAuB,GAAa;AAC/C,IAAA,KAAK,CAAC,IAAI;AACV,IAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC;AACrB,IAAA,GAAG,eAAe,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC;;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"CopyableCode.d.ts","sourceRoot":"","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA6DzD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,GAAI,uCAI1B,iBAAiB,4CA+DnB,CAAC"}
+{"version":3,"file":"CopyableCode.d.ts","sourceRoot":"","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA6DzD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,YAAY,GAAI,uCAI1B,iBAAiB,4CA8DnB,CAAC"}

package/dist/components/CopyableCode/CopyableCode.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var useTranslate = require('../../hooks/useTranslate.js');
 var Button = require('../Button/Button.js');
+require('../Button/Button.styles.js');
 var Card = require('../Card/Card.js');
 var index = require('../Icon/index.js');
 
@@ -70,7 +71,7 @@ const CopyableCode = ({ children, onCopy, containerProps, }) => {
     return (jsxRuntime.jsxs(react.Flex, { position: "relative", width: "100%", ...containerProps, children: [jsxRuntime.jsxs(Card.Card, { overflow: "hidden", maxW: "100%", p: 0, width: "100%", children: [jsxRuntime.jsx(react.Box, { as: "pre", whiteSpace: "nowrap", overflowX: "scroll", p: 4, pr: 20, children: children }), jsxRuntime.jsx(react.Box, { position: "absolute", right: 0, top: 0, bottom: 0, w: 24, 
                         // Fade matches the Card surface (bg.surface) so it flips with the
                         // mode instead of fading to white on dark.
-                        bg: "linear-gradient(to right, transparent, var(--chakra-colors-bg-surface) 15%)", pointerEvents: "none" })] }), jsxRuntime.jsx(Button.Button, { colorPalette: copied ? 'success' : 'primary', variant: "solid", size: "xs", onClick: handleCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: jsxRuntime.jsxs(react.Box, { display: "inline-grid", placeItems: "center", overflow: "hidden", children: [jsxRuntime.jsxs(SwapLabel, { show: !copied, past: true, children: [jsxRuntime.jsx(index.FaRegCopy, { boxSize: "xs" }), translate('copy')] }), jsxRuntime.jsxs(SwapLabel, { show: copied, past: false, children: [jsxRuntime.jsx(index.FaCheck, { boxSize: "xs" }), translate('copied')] })] }) })] }));
+                        bg: "linear-gradient(to right, transparent, var(--chakra-colors-bg-surface) 15%)", pointerEvents: "none" })] }), jsxRuntime.jsx(Button.Button, { variant: "primary", size: "xs", onClick: handleCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: jsxRuntime.jsxs(react.Box, { display: "inline-grid", placeItems: "center", overflow: "hidden", children: [jsxRuntime.jsxs(SwapLabel, { show: !copied, past: true, children: [jsxRuntime.jsx(index.FaRegCopy, { boxSize: "xs" }), translate('copy')] }), jsxRuntime.jsxs(SwapLabel, { show: copied, past: false, children: [jsxRuntime.jsx(index.FaCheck, { boxSize: "xs" }), translate('copied')] })] }) })] }));
 };
 
 exports.CopyableCode = CopyableCode;

package/dist/components/CopyableCode/CopyableCode.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableCode.js","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"sourcesContent":[null],"names":["_jsx","Box","useTranslate","useState","useRef","useEffect","_jsxs","Flex","Card","Button","FaRegCopy","FaCheck"],"mappings":"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"}
+{"version":3,"file":"CopyableCode.js","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"sourcesContent":[null],"names":["_jsx","Box","useTranslate","useState","useRef","useEffect","_jsxs","Flex","Card","Button","FaRegCopy","FaCheck"],"mappings":"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"}

package/dist/components/CopyableCode/CopyableCode.mjs

@@ -4,6 +4,7 @@ import { useState, useRef, useEffect } from 'react';
 import { Flex, Box } from '@chakra-ui/react';
 import { useTranslate } from '../../hooks/useTranslate.mjs';
 import { Button } from '../Button/Button.mjs';
+import '../Button/Button.styles.mjs';
 import { Card } from '../Card/Card.mjs';
 import { FaRegCopy, FaCheck } from '../Icon/index.mjs';
 
@@ -68,7 +69,7 @@ const CopyableCode = ({ children, onCopy, containerProps, }) => {
     return (jsxs(Flex, { position: "relative", width: "100%", ...containerProps, children: [jsxs(Card, { overflow: "hidden", maxW: "100%", p: 0, width: "100%", children: [jsx(Box, { as: "pre", whiteSpace: "nowrap", overflowX: "scroll", p: 4, pr: 20, children: children }), jsx(Box, { position: "absolute", right: 0, top: 0, bottom: 0, w: 24, 
                         // Fade matches the Card surface (bg.surface) so it flips with the
                         // mode instead of fading to white on dark.
-                        bg: "linear-gradient(to right, transparent, var(--chakra-colors-bg-surface) 15%)", pointerEvents: "none" })] }), jsx(Button, { colorPalette: copied ? 'success' : 'primary', variant: "solid", size: "xs", onClick: handleCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: jsxs(Box, { display: "inline-grid", placeItems: "center", overflow: "hidden", children: [jsxs(SwapLabel, { show: !copied, past: true, children: [jsx(FaRegCopy, { boxSize: "xs" }), translate('copy')] }), jsxs(SwapLabel, { show: copied, past: false, children: [jsx(FaCheck, { boxSize: "xs" }), translate('copied')] })] }) })] }));
+                        bg: "linear-gradient(to right, transparent, var(--chakra-colors-bg-surface) 15%)", pointerEvents: "none" })] }), jsx(Button, { variant: "primary", size: "xs", onClick: handleCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: jsxs(Box, { display: "inline-grid", placeItems: "center", overflow: "hidden", children: [jsxs(SwapLabel, { show: !copied, past: true, children: [jsx(FaRegCopy, { boxSize: "xs" }), translate('copy')] }), jsxs(SwapLabel, { show: copied, past: false, children: [jsx(FaCheck, { boxSize: "xs" }), translate('copied')] })] }) })] }));
 };
 
 export { CopyableCode };

package/dist/components/CopyableCode/CopyableCode.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CopyableCode.mjs","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"CopyableCode.mjs","sources":["../../../src/components/CopyableCode/CopyableCode.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/components/CountBadge/CountBadge.d.ts

@@ -0,0 +1,41 @@
+/**
+ * CountBadge — an unread / notification count (moved into the design system
+ * from FactChat's `UnreadCountBadge`).
+ *
+ * - Numeric: `count` as text, capped at `max` (default 99 → `"99+"`). Renders
+ *   nothing for 0 unless `showZero`.
+ * - Dot (`dot`): a small circle with no number. `aria-hidden` unless it is
+ *   given a `label` — then it is an `img` with that name.
+ *
+ * Give it a `label` whenever the number alone would not make sense out of
+ * context and the badge sits in readable content — next to a nav item's
+ * text, in a list row.
+ *
+ * NOT on an icon-only button: the button's `aria-label` replaces its whole
+ * subtree as the accessible name, so the badge's hidden label is never
+ * announced. Put the count in the button's `aria-label` instead and leave
+ * the badge unlabelled (it is then only the visible number):
+ *
+ * ```tsx
+ * <IconButton aria-label={`알림, 읽지 않음 ${n}개`} variant="ghost">
+ *   <BellIcon />
+ *   <CountBadge count={n} position="absolute" top={0} right={0} />
+ * </IconButton>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CountBadge count={5} />
+ * <CountBadge count={120} label="읽지 않은 알림 120개" />   // shows 99+
+ * <CountBadge dot label="새 소식" />
+ * ```
+ */
+export declare const CountBadge: import("react").ForwardRefExoticComponent<Omit<import("@chakra-ui/react").BoxProps, "children"> & {
+    count?: number;
+    max?: number;
+    dot?: boolean;
+    showZero?: boolean;
+    label?: string;
+    size?: import("./CountBadge.types").CountBadgeSize;
+} & import("react").RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=CountBadge.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.d.ts","sourceRoot":"","sources":["../../../src/components/CountBadge/CountBadge.tsx"],"names":[],"mappings":"AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,UAAU;;;;;;;mDAkEtB,CAAC"}

package/dist/components/CountBadge/CountBadge.js

@@ -0,0 +1,60 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var CountBadge_styles = require('./CountBadge.styles.js');
+
+/**
+ * CountBadge — an unread / notification count (moved into the design system
+ * from FactChat's `UnreadCountBadge`).
+ *
+ * - Numeric: `count` as text, capped at `max` (default 99 → `"99+"`). Renders
+ *   nothing for 0 unless `showZero`.
+ * - Dot (`dot`): a small circle with no number. `aria-hidden` unless it is
+ *   given a `label` — then it is an `img` with that name.
+ *
+ * Give it a `label` whenever the number alone would not make sense out of
+ * context and the badge sits in readable content — next to a nav item's
+ * text, in a list row.
+ *
+ * NOT on an icon-only button: the button's `aria-label` replaces its whole
+ * subtree as the accessible name, so the badge's hidden label is never
+ * announced. Put the count in the button's `aria-label` instead and leave
+ * the badge unlabelled (it is then only the visible number):
+ *
+ * ```tsx
+ * <IconButton aria-label={`알림, 읽지 않음 ${n}개`} variant="ghost">
+ *   <BellIcon />
+ *   <CountBadge count={n} position="absolute" top={0} right={0} />
+ * </IconButton>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CountBadge count={5} />
+ * <CountBadge count={120} label="읽지 않은 알림 120개" />   // shows 99+
+ * <CountBadge dot label="새 소식" />
+ * ```
+ */
+const CountBadge = React.forwardRef(({ count, max = 99, dot = false, showZero = false, label, size = 'md', 'aria-label': ariaLabel, ...rest }, ref) => {
+    const name = label ?? ariaLabel;
+    const isEmpty = (count ?? 0) <= 0;
+    if (dot) {
+        if (count !== undefined && isEmpty && !showZero)
+            return null;
+        const dotSize = CountBadge_styles.countBadgeDotSizes[size];
+        return (jsxRuntime.jsx(react.Box, { as: "span", display: "inline-block", flexShrink: 0, boxSize: dotSize, borderRadius: "full", bgColor: "count.bg", ...(name
+                ? { role: 'img', 'aria-label': name }
+                : { 'aria-hidden': true }), "data-count-badge": "dot", ...rest, ref: ref }));
+    }
+    if (isEmpty && !showZero)
+        return null;
+    const text = CountBadge_styles.formatCount(count ?? 0, max);
+    return (jsxRuntime.jsx(react.Box, { as: "span", ...CountBadge_styles.countBadgeBaseStyles, ...CountBadge_styles.countBadgeSizeStyles[size], "data-count-badge": "count", ...rest, ref: ref, children: name ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(react.Box, { as: "span", "aria-hidden": true, children: text }), jsxRuntime.jsx(react.Box, { as: "span", srOnly: true, children: name })] })) : (text) }));
+});
+CountBadge.displayName = 'CountBadge';
+
+exports.CountBadge = CountBadge;
+//# sourceMappingURL=CountBadge.js.map

package/dist/components/CountBadge/CountBadge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.js","sources":["../../../src/components/CountBadge/CountBadge.tsx"],"sourcesContent":[null],"names":["forwardRef","countBadgeDotSizes","_jsx","Box","formatCount","countBadgeBaseStyles","countBadgeSizeStyles","_jsxs","_Fragment"],"mappings":";;;;;;;;AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI,MAAM,UAAU,GAAGA,gBAAU,CAClC,CACE,EACE,KAAK,EACL,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,KAAK,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACS,EAClB,GAAmC,KACjC;AACF,IAAA,MAAM,IAAI,GAAG,KAAK,IAAI,SAAS;IAC/B,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC;IAEjC,IAAI,GAAG,EAAE;AACP,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,IAAI;AAC5D,QAAA,MAAM,OAAO,GAAGC,oCAAkB,CAAC,IAAI,CAAC;AACxC,QAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,cAAc,EACtB,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,OAAO,EAChB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,UAAU,EAAA,IACb;kBACD,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI;AACnC,kBAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAAA,kBAAA,EACX,KAAK,EAAA,GAClB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;IAEN;IAEA,IAAI,OAAO,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,IAAI;IAErC,MAAM,IAAI,GAAGC,6BAAW,CAAC,KAAK,IAAI,CAAC,EAAE,GAAG,CAAC;AAEzC,IAAA,QACEF,cAAA,CAACC,SAAG,EAAA,EACF,EAAE,EAAC,MAAM,EAAA,GACLE,sCAAoB,EAAA,GACpBC,sCAAoB,CAAC,IAAI,CAAC,EAAA,kBAAA,EACb,OAAO,EAAA,GACpB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,IAAI,IACHC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACEN,cAAA,CAACC,SAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EACX,IAAI,EAAA,CACD,EACND,cAAA,CAACC,SAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,MAAM,EAAA,IAAA,EAAA,QAAA,EAClB,IAAI,EAAA,CACD,CAAA,EAAA,CACL,KAEH,IAAI,CACL,EAAA,CACG;AAEV,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

package/dist/components/CountBadge/CountBadge.mjs

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '@chakra-ui/react';
+import { countBadgeDotSizes, formatCount, countBadgeSizeStyles, countBadgeBaseStyles } from './CountBadge.styles.mjs';
+
+/**
+ * CountBadge — an unread / notification count (moved into the design system
+ * from FactChat's `UnreadCountBadge`).
+ *
+ * - Numeric: `count` as text, capped at `max` (default 99 → `"99+"`). Renders
+ *   nothing for 0 unless `showZero`.
+ * - Dot (`dot`): a small circle with no number. `aria-hidden` unless it is
+ *   given a `label` — then it is an `img` with that name.
+ *
+ * Give it a `label` whenever the number alone would not make sense out of
+ * context and the badge sits in readable content — next to a nav item's
+ * text, in a list row.
+ *
+ * NOT on an icon-only button: the button's `aria-label` replaces its whole
+ * subtree as the accessible name, so the badge's hidden label is never
+ * announced. Put the count in the button's `aria-label` instead and leave
+ * the badge unlabelled (it is then only the visible number):
+ *
+ * ```tsx
+ * <IconButton aria-label={`알림, 읽지 않음 ${n}개`} variant="ghost">
+ *   <BellIcon />
+ *   <CountBadge count={n} position="absolute" top={0} right={0} />
+ * </IconButton>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CountBadge count={5} />
+ * <CountBadge count={120} label="읽지 않은 알림 120개" />   // shows 99+
+ * <CountBadge dot label="새 소식" />
+ * ```
+ */
+const CountBadge = forwardRef(({ count, max = 99, dot = false, showZero = false, label, size = 'md', 'aria-label': ariaLabel, ...rest }, ref) => {
+    const name = label ?? ariaLabel;
+    const isEmpty = (count ?? 0) <= 0;
+    if (dot) {
+        if (count !== undefined && isEmpty && !showZero)
+            return null;
+        const dotSize = countBadgeDotSizes[size];
+        return (jsx(Box, { as: "span", display: "inline-block", flexShrink: 0, boxSize: dotSize, borderRadius: "full", bgColor: "count.bg", ...(name
+                ? { role: 'img', 'aria-label': name }
+                : { 'aria-hidden': true }), "data-count-badge": "dot", ...rest, ref: ref }));
+    }
+    if (isEmpty && !showZero)
+        return null;
+    const text = formatCount(count ?? 0, max);
+    return (jsx(Box, { as: "span", ...countBadgeBaseStyles, ...countBadgeSizeStyles[size], "data-count-badge": "count", ...rest, ref: ref, children: name ? (jsxs(Fragment, { children: [jsx(Box, { as: "span", "aria-hidden": true, children: text }), jsx(Box, { as: "span", srOnly: true, children: name })] })) : (text) }));
+});
+CountBadge.displayName = 'CountBadge';
+
+export { CountBadge };
+//# sourceMappingURL=CountBadge.mjs.map

package/dist/components/CountBadge/CountBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.mjs","sources":["../../../src/components/CountBadge/CountBadge.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","_Fragment"],"mappings":";;;;;;AAWA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACI,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,KAAK,EACL,GAAG,GAAG,EAAE,EACR,GAAG,GAAG,KAAK,EACX,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,YAAY,EAAE,SAAS,EACvB,GAAG,IAAI,EACS,EAClB,GAAmC,KACjC;AACF,IAAA,MAAM,IAAI,GAAG,KAAK,IAAI,SAAS;IAC/B,MAAM,OAAO,GAAG,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC;IAEjC,IAAI,GAAG,EAAE;AACP,QAAA,IAAI,KAAK,KAAK,SAAS,IAAI,OAAO,IAAI,CAAC,QAAQ;AAAE,YAAA,OAAO,IAAI;AAC5D,QAAA,MAAM,OAAO,GAAG,kBAAkB,CAAC,IAAI,CAAC;AACxC,QAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,MAAM,EACT,OAAO,EAAC,cAAc,EACtB,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,OAAO,EAChB,YAAY,EAAC,MAAM,EACnB,OAAO,EAAC,UAAU,EAAA,IACb;kBACD,EAAE,IAAI,EAAE,KAAK,EAAE,YAAY,EAAE,IAAI;AACnC,kBAAE,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,EAAA,kBAAA,EACX,KAAK,EAAA,GAClB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;IAEN;IAEA,IAAI,OAAO,IAAI,CAAC,QAAQ;AAAE,QAAA,OAAO,IAAI;IAErC,MAAM,IAAI,GAAG,WAAW,CAAC,KAAK,IAAI,CAAC,EAAE,GAAG,CAAC;AAEzC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAC,MAAM,EAAA,GACL,oBAAoB,EAAA,GACpB,oBAAoB,CAAC,IAAI,CAAC,EAAA,kBAAA,EACb,OAAO,EAAA,GACpB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,QAAA,EAEP,IAAI,IACHC,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACEF,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAA,aAAA,EAAA,IAAA,EAAA,QAAA,EACX,IAAI,EAAA,CACD,EACNA,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,MAAM,EAAC,MAAM,EAAA,IAAA,EAAA,QAAA,EAClB,IAAI,EAAA,CACD,CAAA,EAAA,CACL,KAEH,IAAI,CACL,EAAA,CACG;AAEV,CAAC;AAGH,UAAU,CAAC,WAAW,GAAG,YAAY;;;;"}

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

@@ -0,0 +1,13 @@
+import type { BoxProps } from '@chakra-ui/react';
+import type { CountBadgeSize } from './CountBadge.types';
+/**
+ * Shared look: the `count.*` pair (coral-red fill, white number), a pill whose
+ * min-width equals its height so a single digit is a circle, and tabular
+ * figures so the width does not jitter as the number changes.
+ */
+export declare const countBadgeBaseStyles: BoxProps;
+export declare const countBadgeSizeStyles: Record<CountBadgeSize, BoxProps>;
+export declare const countBadgeDotSizes: Record<CountBadgeSize, string>;
+/** `120, 99 → "99+"`; negative / non-finite → `"0"`. */
+export declare const formatCount: (count: number, max: number) => string;
+//# sourceMappingURL=CountBadge.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CountBadge/CountBadge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEzD;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,EAAE,QAYlC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,cAAc,EAAE,QAAQ,CAIjE,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAI7D,CAAC;AAEF,wDAAwD;AACxD,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,KAAG,MAGxD,CAAC"}

package/dist/components/CountBadge/CountBadge.styles.js

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+/**
+ * Shared look: the `count.*` pair (coral-red fill, white number), a pill whose
+ * min-width equals its height so a single digit is a circle, and tabular
+ * figures so the width does not jitter as the number changes.
+ */
+const countBadgeBaseStyles = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0,
+    bgColor: 'count.bg',
+    color: 'count.fg',
+    borderRadius: 'full',
+    fontWeight: 'bold',
+    lineHeight: '1',
+    whiteSpace: 'nowrap',
+    fontVariantNumeric: 'tabular-nums',
+};
+const countBadgeSizeStyles = {
+    sm: { h: '16px', minW: '16px', px: '4px', fontSize: '10px' },
+    md: { h: '18px', minW: '18px', px: '5px', fontSize: '11px' },
+    lg: { h: '22px', minW: '22px', px: '6px', fontSize: '12px' },
+};
+const countBadgeDotSizes = {
+    sm: '6px',
+    md: '8px',
+    lg: '10px',
+};
+/** `120, 99 → "99+"`; negative / non-finite → `"0"`. */
+const formatCount = (count, max) => {
+    const safe = Number.isFinite(count) && count > 0 ? Math.floor(count) : 0;
+    return safe > max ? `${max}+` : String(safe);
+};
+
+exports.countBadgeBaseStyles = countBadgeBaseStyles;
+exports.countBadgeDotSizes = countBadgeDotSizes;
+exports.countBadgeSizeStyles = countBadgeSizeStyles;
+exports.formatCount = formatCount;
+//# sourceMappingURL=CountBadge.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.styles.js","sources":["../../../src/components/CountBadge/CountBadge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;AAIG;AACI,MAAM,oBAAoB,GAAa;AAC5C,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,kBAAkB,EAAE,cAAc;;AAG7B,MAAM,oBAAoB,GAAqC;AACpE,IAAA,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC5D,IAAA,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC5D,IAAA,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;;AAGvD,MAAM,kBAAkB,GAAmC;AAChE,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,MAAM;;AAGZ;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,GAAW,KAAY;IAChE,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACxE,IAAA,OAAO,IAAI,GAAG,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,CAAG,GAAG,MAAM,CAAC,IAAI,CAAC;AAC9C;;;;;;;"}

package/dist/components/CountBadge/CountBadge.styles.mjs

@@ -0,0 +1,37 @@
+"use client";
+/**
+ * Shared look: the `count.*` pair (coral-red fill, white number), a pill whose
+ * min-width equals its height so a single digit is a circle, and tabular
+ * figures so the width does not jitter as the number changes.
+ */
+const countBadgeBaseStyles = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flexShrink: 0,
+    bgColor: 'count.bg',
+    color: 'count.fg',
+    borderRadius: 'full',
+    fontWeight: 'bold',
+    lineHeight: '1',
+    whiteSpace: 'nowrap',
+    fontVariantNumeric: 'tabular-nums',
+};
+const countBadgeSizeStyles = {
+    sm: { h: '16px', minW: '16px', px: '4px', fontSize: '10px' },
+    md: { h: '18px', minW: '18px', px: '5px', fontSize: '11px' },
+    lg: { h: '22px', minW: '22px', px: '6px', fontSize: '12px' },
+};
+const countBadgeDotSizes = {
+    sm: '6px',
+    md: '8px',
+    lg: '10px',
+};
+/** `120, 99 → "99+"`; negative / non-finite → `"0"`. */
+const formatCount = (count, max) => {
+    const safe = Number.isFinite(count) && count > 0 ? Math.floor(count) : 0;
+    return safe > max ? `${max}+` : String(safe);
+};
+
+export { countBadgeBaseStyles, countBadgeDotSizes, countBadgeSizeStyles, formatCount };
+//# sourceMappingURL=CountBadge.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.styles.mjs","sources":["../../../src/components/CountBadge/CountBadge.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA;;;;AAIG;AACI,MAAM,oBAAoB,GAAa;AAC5C,IAAA,OAAO,EAAE,aAAa;AACtB,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,cAAc,EAAE,QAAQ;AACxB,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,OAAO,EAAE,UAAU;AACnB,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,UAAU,EAAE,GAAG;AACf,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,kBAAkB,EAAE,cAAc;;AAG7B,MAAM,oBAAoB,GAAqC;AACpE,IAAA,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC5D,IAAA,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC5D,IAAA,EAAE,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;;AAGvD,MAAM,kBAAkB,GAAmC;AAChE,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,MAAM;;AAGZ;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,GAAW,KAAY;IAChE,MAAM,IAAI,GAAG,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;AACxE,IAAA,OAAO,IAAI,GAAG,GAAG,GAAG,CAAA,EAAG,GAAG,CAAA,CAAA,CAAG,GAAG,MAAM,CAAC,IAAI,CAAC;AAC9C;;;;"}

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

@@ -0,0 +1,33 @@
+import type { BoxProps } from '@chakra-ui/react';
+export type CountBadgeSize = 'sm' | 'md' | 'lg';
+export type CountBadgeProps = Omit<BoxProps, 'children'> & {
+    /**
+     * The number to show. In numeric mode a count of 0 (or less, or missing)
+     * renders nothing unless `showZero`. In dot mode a count is optional — pass
+     * one to hide the dot when it reaches 0.
+     */
+    count?: number;
+    /**
+     * Largest number shown as-is; anything above renders as `"{max}+"`.
+     * @default 99
+     */
+    max?: number;
+    /** Dot mode: a small circle with no number ("something new"). */
+    dot?: boolean;
+    /** Render `0` (numeric) / the dot (dot mode) even when `count` is 0. */
+    showZero?: boolean;
+    /**
+     * Accessible name. In numeric mode it is read INSTEAD of the bare number
+     * (e.g. "읽지 않은 알림 120개" rather than "99+"); in dot mode it is what
+     * makes the dot visible to assistive tech at all — without it the dot is
+     * `aria-hidden`. `aria-label` is accepted as an alias.
+     *
+     * Inside an element that has its own `aria-label` (an icon-only button) it
+     * is never announced — that `aria-label` replaces the subtree. Put the
+     * count in the button's `aria-label` there instead.
+     */
+    label?: string;
+    /** @default 'md' */
+    size?: CountBadgeSize;
+};
+//# sourceMappingURL=CountBadge.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountBadge.types.d.ts","sourceRoot":"","sources":["../../../src/components/CountBadge/CountBadge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,GAAG;IACzD;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,iEAAiE;IACjE,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;OASG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,cAAc,CAAC;CACvB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CountBadge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC"}