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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.styles.js","sources":["../../../src/components/Confetti/Confetti.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AACI,MAAM,aAAa,GAAsB;AAC9C,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,GAAG,EAAE,GAAG;;;;;AAKR,IAAA,YAAY,EAAE,GAAG;AACjB,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,iBAAiB,EACf,+EAA+E;AACjF,IAAA,uBAAuB,EAAE,QAAQ;;;;;;;;AAQjC,IAAA,iBAAiB,EAAE,MAAM;;;;;IAKzB,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;;;;;"}

package/dist/components/Confetti/Confetti.styles.mjs

@@ -0,0 +1,58 @@
+"use client";
+/**
+ * One falling piece.
+ *
+ * ## Why the duration is a token *times a factor*
+ *
+ * The first pass of this pinned every piece to `motion.celebrate.fall` exactly,
+ * on the reasoning that randomising a clock leaves a burst with no known
+ * length. That reasoning was right about sequencing and wrong about confetti:
+ * fifty pieces falling at *identical* speed do not read as fifty pieces. They
+ * read as one sheet, because equal speed is the one thing debris never has —
+ * real pieces differ in mass and in how much air they catch, and that
+ * difference is most of what makes a burst look like a burst.
+ *
+ * So the rate varies, but as a bounded multiple of the token rather than an
+ * open `2 + Math.random()`. The scale still sets the pace, the burst still has
+ * a computable ceiling (`fall × 1.3`, plus the delay spread), and the pieces
+ * still fall at different speeds. What the original had that mattered is kept;
+ * what it had that made the burst unschedulable is not.
+ *
+ * `linear`, and this is one of two places in the library where the curve is not
+ * a preference. The other is the spinner, where easing would put a seam in a
+ * loop; here it is gravity — a piece that decelerates on the way down reads as
+ * being lowered rather than dropped. None of the three house curves is right,
+ * and inventing a fourth for confetti alone would be a preset with one call
+ * site.
+ *
+ * `forwards`, so a piece stays gone. Without it every piece snaps back to the
+ * top of the container on the final frame.
+ */
+const confettiPiece = {
+    position: 'absolute',
+    top: '0',
+    // No radius, and not a token. `radii.xs` is 4px in this theme — a value
+    // chosen for buttons and cards, which is most of the width of a 10px piece.
+    // The radius scale exists for things a finger touches; a fragment is not one,
+    // and a corner is what makes it read as torn paper rather than a pill.
+    borderRadius: '0',
+    animationName: 'confetti-fall',
+    animationDuration: 'calc(var(--chakra-durations-motion-celebrate-fall) * var(--confetti-rate, 1))',
+    animationTimingFunction: 'linear',
+    // `both`, not `forwards`. Each piece waits out a delay of up to
+    // `motion.base`, and with `forwards` alone the element renders in its *own*
+    // CSS state during that wait — parked at `top: 0`, which is the top edge of
+    // the container and fully visible. Forty pieces then sit in a row along the
+    // rim and drop when their delay expires: hanging, not falling. The backwards
+    // half of `both` applies the 0% frame during the delay instead, which is
+    // above the edge and clipped away.
+    animationFillMode: 'both',
+    // Nothing to soften: a burst carries no information, so under reduced motion
+    // the pieces stay where they are and invisible. Done in CSS rather than by
+    // branching in JS so the decision sits on the same media query as every
+    // preset, instead of on a hook that has to guess before hydration.
+    _motionReduce: { animationName: 'none', opacity: 0 },
+};
+
+export { confettiPiece };
+//# sourceMappingURL=Confetti.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.styles.mjs","sources":["../../../src/components/Confetti/Confetti.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4BG;AACI,MAAM,aAAa,GAAsB;AAC9C,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,GAAG,EAAE,GAAG;;;;;AAKR,IAAA,YAAY,EAAE,GAAG;AACjB,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,iBAAiB,EACf,+EAA+E;AACjF,IAAA,uBAAuB,EAAE,QAAQ;;;;;;;;AAQjC,IAAA,iBAAiB,EAAE,MAAM;;;;;IAKzB,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE;;;;;"}

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

@@ -0,0 +1,13 @@
+import type { BoxProps } from '@chakra-ui/react';
+export interface ConfettiProps extends BoxProps {
+    /** How many pieces. Defaults to 50. */
+    pieceCount?: number;
+    /** Colour token names to pick from. Defaults to the palette's five accents. */
+    colors?: string[];
+    /**
+     * Changes the scatter. The generator is seeded rather than `Math.random()` so
+     * one burst holds still across re-renders; pass a new seed to re-scatter.
+     */
+    seed?: number;
+}
+//# sourceMappingURL=Confetti.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Confetti.types.d.ts","sourceRoot":"","sources":["../../../src/components/Confetti/Confetti.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,aAAc,SAAQ,QAAQ;IAC7C,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}

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/Confetti/index.d.ts

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

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

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

package/dist/components/Container/Container.d.ts

@@ -1,5 +1,4 @@
-import { ContainerProps } from '@chakra-ui/react';
-export declare const Container: ({ style, disableResponsive, ...rest }: ContainerProps & {
-    disableResponsive?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+import { ContainerOwnProps } from './Container.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Container: import("../..").PolymorphicComponent<ContainerOwnProps, "div">;
 //# sourceMappingURL=Container.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgC,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIhF,eAAO,MAAM,SAAS,GAAI,uCAIvB,cAAc,GAAG;IAAE,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAAE,4CAWlD,CAAC"}
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAsBtD,yEAAyE;AACzE,eAAO,MAAM,SAAS,gEAAuD,CAAC"}

package/dist/components/Container/Container.js

@@ -3,15 +3,19 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 var useContainerSize = require('./useContainerSize.js');
 
-const Container = ({ style, disableResponsive, ...rest }) => {
+const ContainerImpl = ({ style, disableResponsive, ...rest }) => {
     const containerSize = useContainerSize.default();
     return (jsxRuntime.jsx(react.Container, { style: {
             ...style,
             ...(disableResponsive ? {} : { minWidth: `${containerSize}px` }),
         }, ...rest }));
 };
+ContainerImpl.displayName = 'Container';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Container = polymorphic.polymorphic(ContainerImpl);
 
 exports.Container = Container;
 //# sourceMappingURL=Container.js.map

package/dist/components/Container/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["useContainerSize","_jsx","ChakraContainer"],"mappings":";;;;;;;AAKO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EAC0C,KAAI;AACrD,IAAA,MAAM,aAAa,GAAGA,wBAAgB,EAAE;AACxC,IAAA,QACEC,cAAA,CAACC,eAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Container.js","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["useContainerSize","_jsx","ChakraContainer","polymorphic"],"mappings":";;;;;;;;AAOA,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACW,KAAI;AACtB,IAAA,MAAM,aAAa,GAAGA,wBAAgB,EAAE;AACxC,IAAA,QACEC,cAAA,CAACC,eAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;MACa,SAAS,GAAGC,uBAAW,CAA2B,aAAa;;;;"}

package/dist/components/Container/Container.mjs

@@ -1,15 +1,19 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Container as Container$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import useContainerSize from './useContainerSize.mjs';
 
-const Container = ({ style, disableResponsive, ...rest }) => {
+const ContainerImpl = ({ style, disableResponsive, ...rest }) => {
     const containerSize = useContainerSize();
     return (jsx(Container$1, { style: {
             ...style,
             ...(disableResponsive ? {} : { minWidth: `${containerSize}px` }),
         }, ...rest }));
 };
+ContainerImpl.displayName = 'Container';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Container = polymorphic(ContainerImpl);
 
 export { Container };
 //# sourceMappingURL=Container.mjs.map

package/dist/components/Container/Container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Container.mjs","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraContainer"],"mappings":";;;;;AAKO,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EAC0C,KAAI;AACrD,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE;AACxC,IAAA,QACEA,GAAA,CAACC,WAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN;;;;"}
+{"version":3,"file":"Container.mjs","sources":["../../../src/components/Container/Container.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraContainer"],"mappings":";;;;;;AAOA,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,iBAAiB,EACjB,GAAG,IAAI,EACW,KAAI;AACtB,IAAA,MAAM,aAAa,GAAG,gBAAgB,EAAE;AACxC,IAAA,QACEA,GAAA,CAACC,WAAe,EAAA,EACd,KAAK,EAAE;AACL,YAAA,GAAG,KAAK;AACR,YAAA,IAAI,iBAAiB,GAAG,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,EAAE,CAAC;SACjE,EAAA,GACG,IAAI,EAAA,CACR;AAEN,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,WAAW;AAEvC;MACa,SAAS,GAAG,WAAW,CAA2B,aAAa;;;;"}

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

@@ -0,0 +1,16 @@
+import type { ElementType } from 'react';
+import { ContainerProps as ChakraContainerProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
+export type ContainerOwnProps = Omit<ChakraContainerProps, 'as'> & {
+    /** Skip the responsive `minWidth` this component otherwise applies. */
+    disableResponsive?: boolean;
+};
+/**
+ * Props for `Container`, typed for whatever element `as` renders.
+ *
+ * Defaults to `'div'`, so the bare type is unchanged. A page container is
+ * often a landmark — `as="main"` / `as="section"` / `as="nav"` is how it says
+ * so, and KWCAG 반복 영역 건너뛰기 grades that structure.
+ */
+export type ContainerProps<TElement extends ElementType = 'div'> = PolymorphicProps<TElement, ContainerOwnProps>;
+//# sourceMappingURL=Container.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.types.d.ts","sourceRoot":"","sources":["../../../src/components/Container/Container.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,cAAc,IAAI,oBAAoB,EAAE,MAAM,kBAAkB,CAAC;AAG1E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,oBAAoB,EAAE,IAAI,CAAC,GAAG;IACjE,uEAAuE;IACvE,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,CAAC"}

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

@@ -1,3 +1,4 @@
 export { Container } from './Container';
+export type { ContainerOwnProps, ContainerProps } from './Container.types';
 export * from './useContainerSize';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Container/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3E,cAAc,oBAAoB,CAAC"}

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

@@ -2,6 +2,12 @@ import { CopyableCodeProps } from './CopyableCode.types';
 /**
  * Intended for a quick one-click copy of one-liner code snippets.
  *
+ * The button answers for itself: on click the copy icon crosses into a check and
+ * the label flips to "copied", then reverts. Copying is otherwise invisible —
+ * without a reply the member has no way to know it worked and clicks again — and
+ * a global toast is too much ceremony for something this small, so the control
+ * that was pressed is the thing that confirms.
+ *
  * @example
  * <CopyableCode onCopy={() => {}}>
  *   {`const example = 'This is a code example';

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":"AAOA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AACzD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,GAAI,uCAI1B,iBAAiB,4CAmCnB,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

@@ -2,15 +2,53 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+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');
 
+/** How long the button stays in its confirmed state before reverting, in ms. */
+const CONFIRM_HOLD_MS = 1600;
+/** How far the label sits from the window when it is not the one showing. */
+const LABEL_OFFSET = '8px';
+/**
+ * The two clocks a label swap needs: the outgoing label clears fast so the
+ * incoming one is not read through it, while the travel is slow enough to read
+ * as one thing replacing another rather than a flicker.
+ */
+const LABEL_TRANSITION = [
+    'opacity var(--chakra-durations-fast) var(--chakra-easings-standard)',
+    'translate var(--chakra-durations-motion-base) var(--chakra-easings-emphasized)',
+].join(', ');
+/**
+ * One of the button's two labels, stacked in the same grid cell as the other.
+ *
+ * Both labels are always in the layout, so the button is as wide as the longer
+ * of them and stops resizing when the state flips. That is the whole point
+ * here: this button is absolutely positioned against the right edge, and
+ * "복사" → "복사 완료" is two characters wider, so growing walked the button
+ * leftwards over the code the moment it was clicked (measured: 59px → 87px).
+ *
+ * Sizing this way rather than with a hand-tuned `minW` means the lock survives
+ * translation, where the longest string is not the one you measured.
+ *
+ * `past` decides which way the label leaves: the idle label has already
+ * happened by the time the confirmation shows, so it leaves upward and the
+ * confirmation rises into its place.
+ */
+const SwapLabel = ({ show, past, children, }) => (jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "inline-flex", alignItems: "center", justifyContent: "center", gap: "1.5", whiteSpace: "nowrap", opacity: show ? 1 : 0, translate: show ? '0 0' : `0 ${past ? '-' : ''}${LABEL_OFFSET}`, pointerEvents: show ? undefined : 'none', "aria-hidden": !show || undefined, transition: LABEL_TRANSITION, animationStyle: "composite", children: children }));
 /**
  * Intended for a quick one-click copy of one-liner code snippets.
  *
+ * The button answers for itself: on click the copy icon crosses into a check and
+ * the label flips to "copied", then reverts. Copying is otherwise invisible —
+ * without a reply the member has no way to know it worked and clicks again — and
+ * a global toast is too much ceremony for something this small, so the control
+ * that was pressed is the thing that confirms.
+ *
  * @example
  * <CopyableCode onCopy={() => {}}>
  *   {`const example = 'This is a code example';
@@ -19,10 +57,21 @@ var index = require('../Icon/index.js');
  */
 const CopyableCode = ({ children, onCopy, containerProps, }) => {
     const translate = useTranslate.useTranslate();
+    const [copied, setCopied] = React.useState(false);
+    const timer = React.useRef(undefined);
+    // The revert fires 1.6s after the click; unmounting in between would leave it
+    // writing into a gone component.
+    React.useEffect(() => () => clearTimeout(timer.current), []);
+    const handleCopy = () => {
+        onCopy?.();
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), CONFIRM_HOLD_MS);
+    };
     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.jsxs(Button.Button, { colorPalette: "primary", variant: "solid", size: "xs", onClick: onCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: [jsxRuntime.jsx(index.FaRegCopy, { boxSize: "xs" }), " ", translate('copy')] })] }));
+                        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":["useTranslate","_jsxs","Flex","Card","_jsx","Box","Button","FaRegCopy"],"mappings":";;;;;;;;;;AAQA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,cAAc,GACI,KAAI;AACtB,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;AAChC,IAAA,QACEC,eAAA,CAACC,UAAI,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA,GAAK,cAAc,aACvDD,eAAA,CAACE,SAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA,QAAA,EAAA,CACpDC,cAAA,CAACC,SAAG,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,YAC9D,QAAQ,EAAA,CACL,EACND,cAAA,CAACC,SAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,EAAE;;;AAGL,wBAAA,EAAE,EAAC,6EAA6E,EAChF,aAAa,EAAC,MAAM,EAAA,CACpB,CAAA,EAAA,CACG,EACPJ,eAAA,CAACK,aAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,EACf,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETF,cAAA,CAACG,eAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,GAAA,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA,EAAA,CACtC,CAAA,EAAA,CACJ;AAEX;;;;"}
+{"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

@@ -1,14 +1,52 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
+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 } from '../Icon/index.mjs';
+import { FaRegCopy, FaCheck } from '../Icon/index.mjs';
 
+/** How long the button stays in its confirmed state before reverting, in ms. */
+const CONFIRM_HOLD_MS = 1600;
+/** How far the label sits from the window when it is not the one showing. */
+const LABEL_OFFSET = '8px';
+/**
+ * The two clocks a label swap needs: the outgoing label clears fast so the
+ * incoming one is not read through it, while the travel is slow enough to read
+ * as one thing replacing another rather than a flicker.
+ */
+const LABEL_TRANSITION = [
+    'opacity var(--chakra-durations-fast) var(--chakra-easings-standard)',
+    'translate var(--chakra-durations-motion-base) var(--chakra-easings-emphasized)',
+].join(', ');
+/**
+ * One of the button's two labels, stacked in the same grid cell as the other.
+ *
+ * Both labels are always in the layout, so the button is as wide as the longer
+ * of them and stops resizing when the state flips. That is the whole point
+ * here: this button is absolutely positioned against the right edge, and
+ * "복사" → "복사 완료" is two characters wider, so growing walked the button
+ * leftwards over the code the moment it was clicked (measured: 59px → 87px).
+ *
+ * Sizing this way rather than with a hand-tuned `minW` means the lock survives
+ * translation, where the longest string is not the one you measured.
+ *
+ * `past` decides which way the label leaves: the idle label has already
+ * happened by the time the confirmation shows, so it leaves upward and the
+ * confirmation rises into its place.
+ */
+const SwapLabel = ({ show, past, children, }) => (jsx(Box, { gridArea: "1 / 1", display: "inline-flex", alignItems: "center", justifyContent: "center", gap: "1.5", whiteSpace: "nowrap", opacity: show ? 1 : 0, translate: show ? '0 0' : `0 ${past ? '-' : ''}${LABEL_OFFSET}`, pointerEvents: show ? undefined : 'none', "aria-hidden": !show || undefined, transition: LABEL_TRANSITION, animationStyle: "composite", children: children }));
 /**
  * Intended for a quick one-click copy of one-liner code snippets.
  *
+ * The button answers for itself: on click the copy icon crosses into a check and
+ * the label flips to "copied", then reverts. Copying is otherwise invisible —
+ * without a reply the member has no way to know it worked and clicks again — and
+ * a global toast is too much ceremony for something this small, so the control
+ * that was pressed is the thing that confirms.
+ *
  * @example
  * <CopyableCode onCopy={() => {}}>
  *   {`const example = 'This is a code example';
@@ -17,10 +55,21 @@ import { FaRegCopy } from '../Icon/index.mjs';
  */
 const CopyableCode = ({ children, onCopy, containerProps, }) => {
     const translate = useTranslate();
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(undefined);
+    // The revert fires 1.6s after the click; unmounting in between would leave it
+    // writing into a gone component.
+    useEffect(() => () => clearTimeout(timer.current), []);
+    const handleCopy = () => {
+        onCopy?.();
+        setCopied(true);
+        clearTimeout(timer.current);
+        timer.current = setTimeout(() => setCopied(false), CONFIRM_HOLD_MS);
+    };
     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" })] }), jsxs(Button, { colorPalette: "primary", variant: "solid", size: "xs", onClick: onCopy, position: "absolute", right: 4, top: "50%", transform: "translateY(-50%)", zIndex: 1, children: [jsx(FaRegCopy, { boxSize: "xs" }), " ", translate('copy')] })] }));
+                        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":["_jsxs","_jsx"],"mappings":";;;;;;;;AAQA;;;;;;;;AAQG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,QAAQ,EACR,MAAM,EACN,cAAc,GACI,KAAI;AACtB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,QAAQ,EAAC,UAAU,EAAC,KAAK,EAAC,MAAM,EAAA,GAAK,cAAc,aACvDA,IAAA,CAAC,IAAI,IAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM,EAAA,QAAA,EAAA,CACpDC,GAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAC,KAAK,EAAC,UAAU,EAAC,QAAQ,EAAC,SAAS,EAAC,QAAQ,EAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,YAC9D,QAAQ,EAAA,CACL,EACNA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,CAAC,EACN,MAAM,EAAE,CAAC,EACT,CAAC,EAAE,EAAE;;;AAGL,wBAAA,EAAE,EAAC,6EAA6E,EAChF,aAAa,EAAC,MAAM,EAAA,CACpB,CAAA,EAAA,CACG,EACPD,IAAA,CAAC,MAAM,EAAA,EACL,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,OAAO,EAAE,MAAM,EACf,QAAQ,EAAC,UAAU,EACnB,KAAK,EAAE,CAAC,EACR,GAAG,EAAC,KAAK,EACT,SAAS,EAAC,kBAAkB,EAC5B,MAAM,EAAE,CAAC,EAAA,QAAA,EAAA,CAETC,GAAA,CAAC,SAAS,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,GAAA,EAAE,SAAS,CAAC,MAAM,CAAC,CAAA,EAAA,CACtC,CAAA,EAAA,CACJ;AAEX;;;;"}
+{"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"}