@mindlogic-ai/logician-ui 4.0.0-alpha.8 → 4.0.0

package/USAGE.md

@@ -297,3 +297,20 @@ function App() {
   Responsive Button
 </Button>
 ```
+
+### 5. Actions in Feedback Surfaces
+
+- A toast takes at most one action, through the `action` prop; dismiss is the ×
+- Never put a `<Button>` inside a toast's `description`
+- Inside a tinted toast or banner, the action uses the status color
+- Panes and dialogs carry buttons: ink solid primary + outline neutral
+
+Full rules and the surface matrix: Storybook → **Guidelines / Actions in feedback surfaces** (`src/guidelines/FeedbackActions.mdx`).
+
+```tsx
+showToast({
+  status: 'error',
+  description: '크레딧이 부족합니다.',
+  action: { label: '크레딧 구매', onClick: openCreditPurchaseModal },
+});
+```

package/dist/components/Appear/Appear.d.ts

@@ -0,0 +1,45 @@
+import { AppearProps } from './Appear.types';
+/**
+ * Brings an element in on mount — a fade, plus an optional scale (a *stamp*
+ * landing on something) or vertical travel (content *arriving*).
+ *
+ * ## Which of the three entrances this is
+ *
+ * The library has three, and they are not interchangeable:
+ *
+ * - `animationStyle="presence"` — a part that **has both states**. Menus,
+ *   popovers, modals: the node stays mounted and Chakra flips `_open` /
+ *   `_closed`, so it can animate *out* as well as in.
+ * - `staggerProps(index)` — items of **one list**, where the index is the
+ *   cadence and the whole point is the rhythm between siblings.
+ * - `Appear` — a **single element entering once**, on its own schedule, usually
+ *   as a response to something the reader just did. The delay is hand-set per
+ *   call site because there is no list to derive it from.
+ *
+ * The rule of thumb: if the element can close, use `presence`; if it has
+ * siblings arriving with it, use `stagger`; otherwise this.
+ *
+ * ## What it does not do
+ *
+ * It does not animate out. CSS cannot animate an element that is being removed
+ * from the DOM, which is exactly the gap `presence` fills by keeping the node
+ * mounted. FactChat's version accepts an `exit` too, but only inside an
+ * `AnimatePresence` ancestor — standalone it is a no-op there as well, so
+ * nothing that actually ran is lost in the port.
+ *
+ * ## What it puts in the DOM
+ *
+ * **One `div` around `children`**, and layout props land on that wrapper rather
+ * than on the child. Usually the same result — but the child is no longer a
+ * *direct* child of what surrounds it, so animate the inner element instead of
+ * wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
+ * and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
+ * typeahead.
+ *
+ * ```tsx
+ * <Appear scaleFrom={0.5}>✓</Appear>
+ * <Appear rise={6} delayMs={120}>정답입니다</Appear>
+ * ```
+ */
+export declare const Appear: import("react").ForwardRefExoticComponent<AppearProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Appear.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.d.ts","sourceRoot":"","sources":["../../../src/components/Appear/Appear.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,eAAO,MAAM,MAAM,wGAgClB,CAAC"}

package/dist/components/Appear/Appear.js

@@ -0,0 +1,61 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var react = require('@chakra-ui/react');
+var mergeCss = require('../../utils/mergeCss.js');
+var Appear_styles = require('./Appear.styles.js');
+
+/**
+ * Brings an element in on mount — a fade, plus an optional scale (a *stamp*
+ * landing on something) or vertical travel (content *arriving*).
+ *
+ * ## Which of the three entrances this is
+ *
+ * The library has three, and they are not interchangeable:
+ *
+ * - `animationStyle="presence"` — a part that **has both states**. Menus,
+ *   popovers, modals: the node stays mounted and Chakra flips `_open` /
+ *   `_closed`, so it can animate *out* as well as in.
+ * - `staggerProps(index)` — items of **one list**, where the index is the
+ *   cadence and the whole point is the rhythm between siblings.
+ * - `Appear` — a **single element entering once**, on its own schedule, usually
+ *   as a response to something the reader just did. The delay is hand-set per
+ *   call site because there is no list to derive it from.
+ *
+ * The rule of thumb: if the element can close, use `presence`; if it has
+ * siblings arriving with it, use `stagger`; otherwise this.
+ *
+ * ## What it does not do
+ *
+ * It does not animate out. CSS cannot animate an element that is being removed
+ * from the DOM, which is exactly the gap `presence` fills by keeping the node
+ * mounted. FactChat's version accepts an `exit` too, but only inside an
+ * `AnimatePresence` ancestor — standalone it is a no-op there as well, so
+ * nothing that actually ran is lost in the port.
+ *
+ * ## What it puts in the DOM
+ *
+ * **One `div` around `children`**, and layout props land on that wrapper rather
+ * than on the child. Usually the same result — but the child is no longer a
+ * *direct* child of what surrounds it, so animate the inner element instead of
+ * wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
+ * and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
+ * typeahead.
+ *
+ * ```tsx
+ * <Appear scaleFrom={0.5}>✓</Appear>
+ * <Appear rise={6} delayMs={120}>정답입니다</Appear>
+ * ```
+ */
+const Appear = React.forwardRef(({ scaleFrom, rise, delayMs, durationMs, children, css, ...rest }, ref) => (jsxRuntime.jsx(react.Box, { ref: ref, ...rest, css: mergeCss.mergeCss(Appear_styles.appearIn, 
+    // Omitted props leave the keyframe's identity defaults in place, so one
+    // keyframe serves a plain fade, a stamp, an arrival, or all three.
+    scaleFrom === undefined ? undefined : { '--appear-scale': scaleFrom }, rise === undefined ? undefined : { '--appear-rise': `${rise}px` }, delayMs === undefined ? undefined : { animationDelay: `${delayMs}ms` }, durationMs === undefined
+        ? undefined
+        : { animationDuration: `${durationMs}ms` }, css), children: children })));
+Appear.displayName = 'Appear';
+
+exports.Appear = Appear;
+//# sourceMappingURL=Appear.js.map

package/dist/components/Appear/Appear.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.js","sources":["../../../src/components/Appear/Appear.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Box","mergeCss","appearIn"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCG;AACI,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,SAAS,EACT,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACK,EACd,GAAkC,MAElCC,eAACC,SAAG,EAAA,EACF,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,GAAG,EAAEC,iBAAQ,CACXC,sBAAQ;;;IAGR,SAAS,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,EACrE,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,eAAe,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,EAAE,EACjE,OAAO,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,EAAG,OAAO,CAAA,EAAA,CAAI,EAAE,EACtE,UAAU,KAAK;AACb,UAAE;AACF,UAAE,EAAE,iBAAiB,EAAE,CAAA,EAAG,UAAU,CAAA,EAAA,CAAI,EAAE,EAC5C,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL,CACP;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Appear/Appear.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { Box } from '@chakra-ui/react';
+import { mergeCss } from '../../utils/mergeCss.mjs';
+import { appearIn } from './Appear.styles.mjs';
+
+/**
+ * Brings an element in on mount — a fade, plus an optional scale (a *stamp*
+ * landing on something) or vertical travel (content *arriving*).
+ *
+ * ## Which of the three entrances this is
+ *
+ * The library has three, and they are not interchangeable:
+ *
+ * - `animationStyle="presence"` — a part that **has both states**. Menus,
+ *   popovers, modals: the node stays mounted and Chakra flips `_open` /
+ *   `_closed`, so it can animate *out* as well as in.
+ * - `staggerProps(index)` — items of **one list**, where the index is the
+ *   cadence and the whole point is the rhythm between siblings.
+ * - `Appear` — a **single element entering once**, on its own schedule, usually
+ *   as a response to something the reader just did. The delay is hand-set per
+ *   call site because there is no list to derive it from.
+ *
+ * The rule of thumb: if the element can close, use `presence`; if it has
+ * siblings arriving with it, use `stagger`; otherwise this.
+ *
+ * ## What it does not do
+ *
+ * It does not animate out. CSS cannot animate an element that is being removed
+ * from the DOM, which is exactly the gap `presence` fills by keeping the node
+ * mounted. FactChat's version accepts an `exit` too, but only inside an
+ * `AnimatePresence` ancestor — standalone it is a no-op there as well, so
+ * nothing that actually ran is lost in the port.
+ *
+ * ## What it puts in the DOM
+ *
+ * **One `div` around `children`**, and layout props land on that wrapper rather
+ * than on the child. Usually the same result — but the child is no longer a
+ * *direct* child of what surrounds it, so animate the inner element instead of
+ * wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
+ * and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
+ * typeahead.
+ *
+ * ```tsx
+ * <Appear scaleFrom={0.5}>✓</Appear>
+ * <Appear rise={6} delayMs={120}>정답입니다</Appear>
+ * ```
+ */
+const Appear = forwardRef(({ scaleFrom, rise, delayMs, durationMs, children, css, ...rest }, ref) => (jsx(Box, { ref: ref, ...rest, css: mergeCss(appearIn, 
+    // Omitted props leave the keyframe's identity defaults in place, so one
+    // keyframe serves a plain fade, a stamp, an arrival, or all three.
+    scaleFrom === undefined ? undefined : { '--appear-scale': scaleFrom }, rise === undefined ? undefined : { '--appear-rise': `${rise}px` }, delayMs === undefined ? undefined : { animationDelay: `${delayMs}ms` }, durationMs === undefined
+        ? undefined
+        : { animationDuration: `${durationMs}ms` }, css), children: children })));
+Appear.displayName = 'Appear';
+
+export { Appear };
+//# sourceMappingURL=Appear.mjs.map

package/dist/components/Appear/Appear.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.mjs","sources":["../../../src/components/Appear/Appear.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCG;AACI,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,SAAS,EACT,IAAI,EACJ,OAAO,EACP,UAAU,EACV,QAAQ,EACR,GAAG,EACH,GAAG,IAAI,EACK,EACd,GAAkC,MAElCA,IAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,KACJ,IAAI,EACR,GAAG,EAAE,QAAQ,CACX,QAAQ;;;IAGR,SAAS,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,gBAAgB,EAAE,SAAS,EAAE,EACrE,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,eAAe,EAAE,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI,EAAE,EACjE,OAAO,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,cAAc,EAAE,CAAA,EAAG,OAAO,CAAA,EAAA,CAAI,EAAE,EACtE,UAAU,KAAK;AACb,UAAE;AACF,UAAE,EAAE,iBAAiB,EAAE,CAAA,EAAG,UAAU,CAAA,EAAA,CAAI,EAAE,EAC5C,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACL,CACP;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

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

@@ -0,0 +1,18 @@
+import type { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * A mount entrance.
+ *
+ * `overshoot`, and that is the whole reason this is not just a fade: an entrance
+ * that settles slightly past its resting state reads as something *landing*,
+ * which is what a stamp is. On `standard` the same scale reads as a rendering
+ * hiccup — the curve is doing more work here than the amplitude.
+ *
+ * `motion.base`, the default for anything arriving.
+ *
+ * Under reduced motion the fade stays and the movement goes. The element still
+ * has to become visible — it was not there a moment ago — but neither the scale
+ * nor the travel carries information, so both are dropped by resetting their
+ * custom properties to identity rather than by killing the animation.
+ */
+export declare const appearIn: SystemStyleObject;
+//# sourceMappingURL=Appear.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Appear/Appear.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,QAAQ,EAAE,iBAUtB,CAAC"}

package/dist/components/Appear/Appear.styles.js

@@ -0,0 +1,32 @@
+"use client";
+'use strict';
+
+/**
+ * A mount entrance.
+ *
+ * `overshoot`, and that is the whole reason this is not just a fade: an entrance
+ * that settles slightly past its resting state reads as something *landing*,
+ * which is what a stamp is. On `standard` the same scale reads as a rendering
+ * hiccup — the curve is doing more work here than the amplitude.
+ *
+ * `motion.base`, the default for anything arriving.
+ *
+ * Under reduced motion the fade stays and the movement goes. The element still
+ * has to become visible — it was not there a moment ago — but neither the scale
+ * nor the travel carries information, so both are dropped by resetting their
+ * custom properties to identity rather than by killing the animation.
+ */
+const appearIn = {
+    animationName: 'appear-in',
+    animationDuration: 'motion.base',
+    animationTimingFunction: 'overshoot',
+    animationFillMode: 'both',
+    _motionReduce: {
+        '--appear-scale': '1',
+        '--appear-rise': '0px',
+        animationTimingFunction: 'standard',
+    },
+};
+
+exports.appearIn = appearIn;
+//# sourceMappingURL=Appear.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.styles.js","sources":["../../../src/components/Appear/Appear.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;AAcG;AACI,MAAM,QAAQ,GAAsB;AACzC,IAAA,aAAa,EAAE,WAAW;AAC1B,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,WAAW;AACpC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE;AACb,QAAA,gBAAgB,EAAE,GAAG;AACrB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,uBAAuB,EAAE,UAAU;AACpC,KAAA;;;;;"}

package/dist/components/Appear/Appear.styles.mjs

@@ -0,0 +1,30 @@
+"use client";
+/**
+ * A mount entrance.
+ *
+ * `overshoot`, and that is the whole reason this is not just a fade: an entrance
+ * that settles slightly past its resting state reads as something *landing*,
+ * which is what a stamp is. On `standard` the same scale reads as a rendering
+ * hiccup — the curve is doing more work here than the amplitude.
+ *
+ * `motion.base`, the default for anything arriving.
+ *
+ * Under reduced motion the fade stays and the movement goes. The element still
+ * has to become visible — it was not there a moment ago — but neither the scale
+ * nor the travel carries information, so both are dropped by resetting their
+ * custom properties to identity rather than by killing the animation.
+ */
+const appearIn = {
+    animationName: 'appear-in',
+    animationDuration: 'motion.base',
+    animationTimingFunction: 'overshoot',
+    animationFillMode: 'both',
+    _motionReduce: {
+        '--appear-scale': '1',
+        '--appear-rise': '0px',
+        animationTimingFunction: 'standard',
+    },
+};
+
+export { appearIn };
+//# sourceMappingURL=Appear.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.styles.mjs","sources":["../../../src/components/Appear/Appear.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;AAcG;AACI,MAAM,QAAQ,GAAsB;AACzC,IAAA,aAAa,EAAE,WAAW;AAC1B,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,WAAW;AACpC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE;AACb,QAAA,gBAAgB,EAAE,GAAG;AACrB,QAAA,eAAe,EAAE,KAAK;AACtB,QAAA,uBAAuB,EAAE,UAAU;AACpC,KAAA;;;;;"}

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

@@ -0,0 +1,18 @@
+import type { BoxProps } from '@chakra-ui/react';
+export interface AppearProps extends Omit<BoxProps, 'scale' | 'translate'> {
+    /**
+     * Scale to grow from — for a **stamp**: a mark that lands on something, like a
+     * ✓ on a correct answer or a reward medallion. Omit for a plain fade.
+     */
+    scaleFrom?: number;
+    /**
+     * Vertical travel in px — for content **arriving**: a row, a card, a banner.
+     * Positive values rise from below.
+     */
+    rise?: number;
+    /** Delay before it appears. */
+    delayMs?: number;
+    /** Defaults to `motion.base` (300ms). */
+    durationMs?: number;
+}
+//# sourceMappingURL=Appear.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Appear.types.d.ts","sourceRoot":"","sources":["../../../src/components/Appear/Appear.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,GAAG,WAAW,CAAC;IACxE;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,yCAAyC;IACzC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Appear/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,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;AAoC9C,eAAO,MAAM,KAAK,6DAAgD,CAAC"}

package/dist/components/Badge/Badge.js

@@ -4,6 +4,7 @@
 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');
 
 /**
@@ -19,10 +20,12 @@ var Badge_styles = require('./Badge.styles.js');
  * <Badge variant="neutral">Draft</Badge>
  * ```
  */
-const Badge = React.forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
+const BadgeImpl = 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 }));
 });
-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","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;AAYG;AACH,MAAM,SAAS,GAAGA,gBAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAiB,EACvE,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,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAGC,uBAAW,CAAwB,SAAS;;;;"}

package/dist/components/Badge/Badge.mjs

@@ -2,6 +2,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Badge as Badge$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { variantStyles, baseStyles } from './Badge.styles.mjs';
 
 /**
@@ -17,10 +18,12 @@ import { variantStyles, baseStyles } from './Badge.styles.mjs';
  * <Badge variant="neutral">Draft</Badge>
  * ```
  */
-const Badge = forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
+const BadgeImpl = forwardRef(({ textTransform = 'none', variant = 'primary', ...rest }, ref) => {
     return (jsx(Badge$1, { ...baseStyles, ...variantStyles[variant], 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;;;;;;;;;;;;AAYG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAiB,EACvE,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,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAG,WAAW,CAAwB,SAAS;;;;"}

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

@@ -1,4 +1,6 @@
+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.
  *
@@ -13,11 +15,22 @@ import { BadgeProps as ChakraBadgeProps } from '@chakra-ui/react';
  * - `neutral`: Gray badge for neutral information
  */
 export type BadgeVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'neutral';
-export interface BadgeProps extends Omit<ChakraBadgeProps, 'variant'> {
+export type BadgeOwnProps = Omit<ChakraBadgeProps, 'variant' | 'as'> & {
     /**
      * The color variant of the badge.
      * @default 'primary'
      */
     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;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,WAAW,GACX,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,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 type { BadgeOwnProps, BadgeProps, BadgeVariant } 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,IAAI,kBAAkB,GACpC,MAAM,gBAAgB,CAAC;AACxB,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/Banner/Banner.js

@@ -4,6 +4,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+require('../Typography/Caption.js');
 require('../Typography/H1.js');
 require('../Typography/H2.js');
 require('../Typography/H3.js');
@@ -29,7 +30,7 @@ const Banner = React.forwardRef(({ children, variant = 'info', hideIcon = false,
             borderTopLeftRadius: 'lg',
             borderBottomLeftRadius: 'lg',
             ...Banner_styles.accentStyles[variant],
-        }, ...styles.container, ...Banner_styles.bannerStyles[variant], ref: ref, ...rest, children: jsxRuntime.jsxs(react.Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsx(Icon, { mr: 2, color: color, boxSize: "md" }) })), typeof children === 'string' ? (jsxRuntime.jsx(Text.Text, { w: "100%", ...styles.text, ...Banner_styles.textStyles[variant], children: children })) : (jsxRuntime.jsx(react.Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
+        }, ...styles.container, ...Banner_styles.bannerStyles[variant], ref: ref, ...rest, children: jsxRuntime.jsxs(react.Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsx(Icon, { mr: 2, color: color, boxSize: styles.icon.boxSize }) })), typeof children === 'string' ? (jsxRuntime.jsx(Text.Text, { w: "100%", ...styles.text, ...Banner_styles.textStyles[variant], children: children })) : (jsxRuntime.jsx(react.Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
 });
 Banner.displayName = 'Banner';
 

package/dist/components/Banner/Banner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["forwardRef","iconConfig","sizeStyles","_jsx","Box","accentStyles","bannerStyles","_jsxs","Flex","Text","textStyles"],"mappings":";;;;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAGC,wBAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAGC,wBAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAGC,0BAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChBC,0BAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,YAERC,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzB,CAAC,QAAQ,KACRL,eAACC,SAAG,EAAA,EAAA,QAAA,EACFD,cAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACtC,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,cAAA,CAACM,SAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAMC,wBAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPP,cAAA,CAACK,UAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Banner.js","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["forwardRef","iconConfig","sizeStyles","_jsx","Box","accentStyles","bannerStyles","_jsxs","Flex","Text","textStyles"],"mappings":";;;;;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAGA,gBAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAGC,wBAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAGC,wBAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAGC,0BAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChBC,0BAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,aACzB,CAAC,QAAQ,KACRL,cAAA,CAACC,SAAG,cACFD,cAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAA,CAAI,EAAA,CACvD,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,cAAA,CAACM,SAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAMC,wBAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPP,cAAA,CAACK,UAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/Banner/Banner.mjs

@@ -2,6 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Box, Flex } from '@chakra-ui/react';
+import '../Typography/Caption.mjs';
 import '../Typography/H1.mjs';
 import '../Typography/H2.mjs';
 import '../Typography/H3.mjs';
@@ -27,7 +28,7 @@ const Banner = forwardRef(({ children, variant = 'info', hideIcon = false, size
             borderTopLeftRadius: 'lg',
             borderBottomLeftRadius: 'lg',
             ...accentStyles[variant],
-        }, ...styles.container, ...bannerStyles[variant], ref: ref, ...rest, children: jsxs(Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsx(Box, { children: jsx(Icon, { mr: 2, color: color, boxSize: "md" }) })), typeof children === 'string' ? (jsx(Text, { w: "100%", ...styles.text, ...textStyles[variant], children: children })) : (jsx(Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
+        }, ...styles.container, ...bannerStyles[variant], ref: ref, ...rest, children: jsxs(Flex, { align: "stretch", gap: 2, children: [!hideIcon && (jsx(Box, { children: jsx(Icon, { mr: 2, color: color, boxSize: styles.icon.boxSize }) })), typeof children === 'string' ? (jsx(Text, { w: "100%", ...styles.text, ...textStyles[variant], children: children })) : (jsx(Flex, { w: "100%", flexDir: "column", justify: "center", children: children }))] }) }));
 });
 Banner.displayName = 'Banner';
 

package/dist/components/Banner/Banner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.mjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAG,YAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChB,YAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,YAERC,IAAA,CAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzB,CAAC,QAAQ,KACRD,IAAC,GAAG,EAAA,EAAA,QAAA,EACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACtC,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAM,UAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPA,GAAA,CAAC,IAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}
+{"version":3,"file":"Banner.mjs","sources":["../../../src/components/Banner/Banner.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;AAaO,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,QAAQ,EACR,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,EACX,GAAG,IAAI,EACK,EACd,GAAkC,KAChC;IACF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;AAC3C,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;AAC/B,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,QAAQ,EAAC,UAAU,EACnB,oBAAoB,EAAC,IAAI,EACzB,uBAAuB,EAAC,IAAI,EAC5B,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,WAAW,EAClB,SAAS,EAAC,MAAM,EAChB,OAAO,EAAE;AACP,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,GAAG,EAAE,MAAM;AACX,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,MAAM,EAAE,MAAM;YACd,KAAK,EAAE,MAAM,CAAC,WAAW;AACzB,YAAA,mBAAmB,EAAE,IAAI;AACzB,YAAA,sBAAsB,EAAE,IAAI;YAC5B,GAAG,YAAY,CAAC,OAAO,CAAC;SACzB,EAAA,GACG,MAAM,CAAC,SAAS,EAAA,GAChB,YAAY,CAAC,OAAO,CAAC,EACzB,GAAG,EAAE,GAAG,EAAA,GACJ,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,CAAC,aACzB,CAAC,QAAQ,KACRD,GAAA,CAAC,GAAG,cACFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,OAAO,EAAA,CAAI,EAAA,CACvD,CACP,EACA,OAAO,QAAQ,KAAK,QAAQ,IAC3BA,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,MAAM,CAAC,IAAI,EAAA,GAAM,UAAU,CAAC,OAAO,CAAC,EAAA,QAAA,EACpD,QAAQ,EAAA,CACJ,KAEPA,GAAA,CAAC,IAAI,IAAC,CAAC,EAAC,MAAM,EAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAC,QAAQ,EAAA,QAAA,EAC7C,QAAQ,GACJ,CACR,CAAA,EAAA,CACI,EAAA,CACH;AAEV,CAAC;AAGH,MAAM,CAAC,WAAW,GAAG,QAAQ;;;;"}

package/dist/components/BottomSheet/BottomSheet.d.ts

@@ -0,0 +1,28 @@
+import type { BottomSheetProps } from './BottomSheet.types';
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+export declare const BottomSheet: {
+    ({ children, portalProps, ...rest }: BottomSheetProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=BottomSheet.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.d.ts","sourceRoot":"","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAI5D;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,WAAW;yCAIrB,gBAAgB;;CAWlB,CAAC"}

package/dist/components/BottomSheet/BottomSheet.js

@@ -0,0 +1,38 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('@chakra-ui/react');
+var BottomSheetContext = require('./BottomSheetContext.js');
+var BottomSheetOverlay = require('./BottomSheetOverlay.js');
+
+/**
+ * A sheet that rises from the bottom edge and can be dragged between snap
+ * points or swiped away — built on Ark's `Drawer` (zag-js), not on Chakra's
+ * `Drawer`, which wraps Ark's *Dialog* and so has no swipe, snap points or
+ * grabber.
+ *
+ * Same shape as `Modal`: this is the root and the portal, and the overlay comes
+ * with it whenever the sheet is modal. Pass `modal={false}` for a sheet that
+ * leaves the page behind it interactive (no overlay, no focus trap, no scroll
+ * lock) — typically with `snapPoints` so it can rest half-open.
+ *
+ * @example
+ * ```tsx
+ * <BottomSheet open={open} onOpenChange={(e) => setOpen(e.open)}>
+ *   <BottomSheetContent>
+ *     <BottomSheetHeader>노드 추가</BottomSheetHeader>
+ *     <BottomSheetCloseButton />
+ *     <BottomSheetBody>…</BottomSheetBody>
+ *   </BottomSheetContent>
+ * </BottomSheet>
+ * ```
+ */
+const BottomSheet = ({ children, portalProps, ...rest }) => {
+    const isModal = rest.modal !== false;
+    return (jsxRuntime.jsx(BottomSheetContext.StyledRoot, { ...rest, children: jsxRuntime.jsxs(react.Portal, { ...portalProps, children: [isModal && jsxRuntime.jsx(BottomSheetOverlay.BottomSheetOverlay, {}), children] }) }));
+};
+BottomSheet.displayName = 'BottomSheet';
+
+exports.BottomSheet = BottomSheet;
+//# sourceMappingURL=BottomSheet.js.map

package/dist/components/BottomSheet/BottomSheet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BottomSheet.js","sources":["../../../src/components/BottomSheet/BottomSheet.tsx"],"sourcesContent":[null],"names":["_jsx","StyledRoot","_jsxs","Portal","BottomSheetOverlay"],"mappings":";;;;;;;;AAOA;;;;;;;;;;;;;;;;;;;;;AAqBG;AACI,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,KAAK,KAAK;IAEpC,QACEA,eAACC,6BAAU,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAClBC,eAAA,CAACC,YAAM,EAAA,EAAA,GAAK,WAAW,aACpB,OAAO,IAAIH,eAACI,qCAAkB,EAAA,EAAA,CAAG,EACjC,QAAQ,CAAA,EAAA,CACF,EAAA,CACE;AAEjB;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}