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

package/dist/components/Card/Card.styles.js

@@ -4,18 +4,49 @@
 /**
  * Card styles using the Golden Ratio color system.
  */
+/**
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
+ * shadow. A raised hover said "this floats", and a card in a list does not;
+ * the tier step and the border say "this is the one under the pointer" with
+ * no elevation, and both tokens invert, so the state reads in dark mode where
+ * a neutral tint would vanish.
+ */
 const clickableStyles = {
     cursor: 'pointer',
     _hover: {
-        boxShadow: 'lg',
+        bg: 'bg.subtle',
+        borderColor: 'border.strong',
     },
 };
+/**
+ * The wash card: one tier off the page with a hairline. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted). It is what `gradient` used to paint with a
+ * 180deg wash and a brand-tinted border; the gradient read as decoration and
+ * the tinted border claimed brand for a surface that is not an action.
+ *
+ * The tier is `bg.subtle` in light but `bg.muted` in dark: `bg.subtle` sits
+ * one grayDark step above `bg.surface` there, too close to read as a different
+ * surface, and `border.subtle` resolves to the same step, so the hairline would
+ * vanish. `border.default` keeps the edge in both modes.
+ */
+const washStyles = {
+    bg: { base: 'bg.subtle', _dark: 'bg.muted' },
+    borderColor: 'border.default',
+};
 const variantStyles = {
     default: {},
-    gradient: {
-        bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
-        border: '1px solid',
-        borderColor: 'primary.light',
+    wash: washStyles,
+    /** @deprecated Renders as `wash`; use `variant="wash"`. */
+    gradient: washStyles,
+    // Soft resting elevation — a gentle shadow does the separating, so the border
+    // can soften to `border.subtle` (which alone would be too faint, especially in
+    // dark mode). Use for standalone content cards that should read as raised
+    // objects rather than flat framed boxes.
+    elevated: {
+        boxShadow: 'sm',
+        borderColor: 'border.subtle',
     },
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}
+{"version":3,"file":"Card.styles.js","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;AAEG;AAEH;;;;;;;AAOG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGH;;;;;;;;;;;AAWG;AACH,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC5C,IAAA,WAAW,EAAE,gBAAgB;CAC9B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;AAEhB,IAAA,QAAQ,EAAE,UAAU;;;;;AAKpB,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;;"}

package/dist/components/Card/Card.styles.mjs

@@ -2,18 +2,49 @@
 /**
  * Card styles using the Golden Ratio color system.
  */
+/**
+ * The clickable hover is flat: the ground steps one tier to `bg.subtle` and
+ * the border darkens to `border.strong`. Nothing lifts and nothing grows a
+ * shadow. A raised hover said "this floats", and a card in a list does not;
+ * the tier step and the border say "this is the one under the pointer" with
+ * no elevation, and both tokens invert, so the state reads in dark mode where
+ * a neutral tint would vanish.
+ */
 const clickableStyles = {
     cursor: 'pointer',
     _hover: {
-        boxShadow: 'lg',
+        bg: 'bg.subtle',
+        borderColor: 'border.strong',
     },
 };
+/**
+ * The wash card: one tier off the page with a hairline. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted). It is what `gradient` used to paint with a
+ * 180deg wash and a brand-tinted border; the gradient read as decoration and
+ * the tinted border claimed brand for a surface that is not an action.
+ *
+ * The tier is `bg.subtle` in light but `bg.muted` in dark: `bg.subtle` sits
+ * one grayDark step above `bg.surface` there, too close to read as a different
+ * surface, and `border.subtle` resolves to the same step, so the hairline would
+ * vanish. `border.default` keeps the edge in both modes.
+ */
+const washStyles = {
+    bg: { base: 'bg.subtle', _dark: 'bg.muted' },
+    borderColor: 'border.default',
+};
 const variantStyles = {
     default: {},
-    gradient: {
-        bg: 'linear-gradient(180deg, var(--chakra-colors-bg-subtle) 0%, var(--chakra-colors-bg-surface) 100%)',
-        border: '1px solid',
-        borderColor: 'primary.light',
+    wash: washStyles,
+    /** @deprecated Renders as `wash`; use `variant="wash"`. */
+    gradient: washStyles,
+    // Soft resting elevation — a gentle shadow does the separating, so the border
+    // can soften to `border.subtle` (which alone would be too faint, especially in
+    // dark mode). Use for standalone content cards that should read as raised
+    // objects rather than flat framed boxes.
+    elevated: {
+        boxShadow: 'sm',
+        borderColor: 'border.subtle',
     },
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,SAAS,EAAE,IAAI;AAChB,KAAA;;AAGI,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,QAAQ,EAAE;AACR,QAAA,EAAE,EAAE,kGAAkG;AACtG,QAAA,MAAM,EAAE,WAAW;AACnB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;"}
+{"version":3,"file":"Card.styles.mjs","sources":["../../../src/components/Card/Card.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;;AAEG;AAEH;;;;;;;AAOG;AACI,MAAM,eAAe,GAAG;AAC7B,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,MAAM,EAAE;AACN,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;AAGH;;;;;;;;;;;AAWG;AACH,MAAM,UAAU,GAAG;IACjB,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE;AAC5C,IAAA,WAAW,EAAE,gBAAgB;CAC9B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;AAEhB,IAAA,QAAQ,EAAE,UAAU;;;;;AAKpB,IAAA,QAAQ,EAAE;AACR,QAAA,SAAS,EAAE,IAAI;AACf,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;;"}

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

@@ -1,7 +1,25 @@
+import type { ElementType } from 'react';
 import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
-export type CardVariant = 'default' | 'gradient';
-export type CardProps = ChakraCardRootProps & {
+import type { PolymorphicProps } from '../../types/polymorphic';
+/**
+ * `gradient` is a deprecated alias of `wash` and renders identically; it stays
+ * so consumers on the alpha line keep compiling while they migrate.
+ */
+export type CardVariant = 'default' | 'wash' | 'gradient' | 'elevated';
+export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
     clickable?: boolean;
     variant?: CardVariant;
 };
+/**
+ * Props for `Card`, typed for whatever element `as` renders.
+ *
+ * A `clickable` card is the case that needs this: the whole card is one target,
+ * so it should BE the link rather than contain one. Defaults to `'div'`, so
+ * bare `CardProps` is unchanged.
+ *
+ * ```tsx
+ * <Card clickable as={NextLink} href={`/courses/${id}`}>…</Card>
+ * ```
+ */
+export type CardProps<TElement extends ElementType = 'div'> = PolymorphicProps<TElement, CardOwnProps>;
 //# sourceMappingURL=Card.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAExE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,UAAU,CAAC;AAEjD,MAAM,MAAM,SAAS,GAAG,mBAAmB,GAAG;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC"}
+{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,UAAU,CAAC;AAEvE,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}

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

@@ -1,3 +1,3 @@
 export { Card } from './Card';
-export type { CardProps } from './Card.types';
+export type { CardOwnProps, CardProps, CardVariant } from './Card.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}

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

@@ -0,0 +1,16 @@
+import type { SystemStyleObject } from '@chakra-ui/react';
+/**
+ * Strokes the checkmark on instead of flashing it in, one `motion.beat` after
+ * the box fills.
+ *
+ * Local rather than part of the shared vocabulary because it is sized to one
+ * icon: the dash is {@link CHECKMARK_DASH} user units, which covers Chakra's
+ * ~22.6-unit tick with a margin. Anything else drawing a path would need its
+ * own length, which is exactly the sign that this is a component's business
+ * rather than a preset everyone chooses from.
+ *
+ * An animation rather than a transition because the polyline only mounts once
+ * the box is checked — there is no previous value for a transition to run from.
+ */
+export declare const checkmarkDraw: SystemStyleObject;
+//# sourceMappingURL=Checkbox.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAI1D;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,aAAa,EAAE,iBAQ3B,CAAC"}

package/dist/components/Checkbox/Checkbox.styles.js

@@ -0,0 +1,30 @@
+"use client";
+'use strict';
+
+var motion = require('../../theme/motion.js');
+
+/**
+ * Strokes the checkmark on instead of flashing it in, one `motion.beat` after
+ * the box fills.
+ *
+ * Local rather than part of the shared vocabulary because it is sized to one
+ * icon: the dash is {@link CHECKMARK_DASH} user units, which covers Chakra's
+ * ~22.6-unit tick with a margin. Anything else drawing a path would need its
+ * own length, which is exactly the sign that this is a component's business
+ * rather than a preset everyone chooses from.
+ *
+ * An animation rather than a transition because the polyline only mounts once
+ * the box is checked — there is no previous value for a transition to run from.
+ */
+const checkmarkDraw = {
+    '& polyline, & path': {
+        strokeDasharray: motion.CHECKMARK_DASH,
+        animation: `checkmark-draw var(--chakra-durations-moderate) var(--chakra-easings-emphasized) var(--chakra-durations-motion-beat) both`,
+    },
+    _motionReduce: {
+        '& polyline, & path': { animation: 'none', strokeDasharray: 'none' },
+    },
+};
+
+exports.checkmarkDraw = checkmarkDraw;
+//# sourceMappingURL=Checkbox.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.js","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":[null],"names":["CHECKMARK_DASH"],"mappings":";;;;;AAIA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAsB;AAC9C,IAAA,oBAAoB,EAAE;AACpB,QAAA,eAAe,EAAEA,qBAAc;AAC/B,QAAA,SAAS,EAAE,CAAA,yHAAA,CAA2H;AACvI,KAAA;AACD,IAAA,aAAa,EAAE;QACb,oBAAoB,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE;AACrE,KAAA;;;;;"}

package/dist/components/Checkbox/Checkbox.styles.mjs

@@ -0,0 +1,28 @@
+"use client";
+import { CHECKMARK_DASH } from '../../theme/motion.mjs';
+
+/**
+ * Strokes the checkmark on instead of flashing it in, one `motion.beat` after
+ * the box fills.
+ *
+ * Local rather than part of the shared vocabulary because it is sized to one
+ * icon: the dash is {@link CHECKMARK_DASH} user units, which covers Chakra's
+ * ~22.6-unit tick with a margin. Anything else drawing a path would need its
+ * own length, which is exactly the sign that this is a component's business
+ * rather than a preset everyone chooses from.
+ *
+ * An animation rather than a transition because the polyline only mounts once
+ * the box is checked — there is no previous value for a transition to run from.
+ */
+const checkmarkDraw = {
+    '& polyline, & path': {
+        strokeDasharray: CHECKMARK_DASH,
+        animation: `checkmark-draw var(--chakra-durations-moderate) var(--chakra-easings-emphasized) var(--chakra-durations-motion-beat) both`,
+    },
+    _motionReduce: {
+        '& polyline, & path': { animation: 'none', strokeDasharray: 'none' },
+    },
+};
+
+export { checkmarkDraw };
+//# sourceMappingURL=Checkbox.styles.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.styles.mjs","sources":["../../../src/components/Checkbox/Checkbox.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;AAYG;AACI,MAAM,aAAa,GAAsB;AAC9C,IAAA,oBAAoB,EAAE;AACpB,QAAA,eAAe,EAAE,cAAc;AAC/B,QAAA,SAAS,EAAE,CAAA,yHAAA,CAA2H;AACvI,KAAA;AACD,IAAA,aAAa,EAAE;QACb,oBAAoB,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,EAAE;AACrE,KAAA;;;;;"}

package/dist/components/Checkbox/CheckboxControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,cAAc,EAE3B,MAAM,kBAAkB,CAAC;AAI1B,eAAO,MAAM,eAAe,wHA0B3B,CAAC"}
+{"version":3,"file":"CheckboxControl.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,QAAQ,IAAI,cAAc,EAE3B,MAAM,kBAAkB,CAAC;AAM1B,eAAO,MAAM,eAAe,wHAiC3B,CAAC"}

package/dist/components/Checkbox/CheckboxControl.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
+var Checkbox_styles = require('./Checkbox.styles.js');
 
 const CheckboxControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Checkbox.Control, { ref: ref, borderRadius: "xs", 
     // The unchecked box is border-only, so it needs a clearly visible outline.
@@ -16,7 +17,11 @@ const CheckboxControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.C
         // on dark, unlike Input/Textarea whose disabled fills flip).
         bgColor: { base: 'gray.300', _dark: 'gray.1200' },
         borderColor: 'border.subtle',
-    }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Checkbox.Indicator, {}) })));
+    }, 
+    // The box fills first, then the tick is stroked on 60ms later. Firing them
+    // together reads as one indistinct flash; the gap makes it two beats —
+    // "pressed", then "confirmed".
+    animationStyle: "feedback", transitionProperty: "background-color, border-color", ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Checkbox.Indicator, { css: Checkbox_styles.checkmarkDraw }) })));
 CheckboxControl.displayName = 'Checkbox.Control';
 
 exports.CheckboxControl = CheckboxControl;

package/dist/components/Checkbox/CheckboxControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxControl.js","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCheckbox","focusRing"],"mappings":";;;;;;;;AAQO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,cAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI;;;;IAIjB,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EACpD,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,aAAa;;;QAGrB,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;AACjD,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA,EAAA,GACGC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETF,cAAA,CAACC,cAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"CheckboxControl.js","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCheckbox","focusRing","checkmarkDraw"],"mappings":";;;;;;;;;AAUO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,cAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI;;;;IAIjB,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EACpD,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,aAAa;;;QAGrB,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;AACjD,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;IAID,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/CC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAITF,eAACC,cAAc,CAAC,SAAS,EAAA,EAAC,GAAG,EAAEE,6BAAa,EAAA,CAAI,EAAA,CACzB,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/Checkbox/CheckboxControl.mjs

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Checkbox } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
+import { checkmarkDraw } from './Checkbox.styles.mjs';
 
 const CheckboxControl = forwardRef((props, ref) => (jsx(Checkbox.Control, { ref: ref, borderRadius: "xs", 
     // The unchecked box is border-only, so it needs a clearly visible outline.
@@ -14,7 +15,11 @@ const CheckboxControl = forwardRef((props, ref) => (jsx(Checkbox.Control, { ref:
         // on dark, unlike Input/Textarea whose disabled fills flip).
         bgColor: { base: 'gray.300', _dark: 'gray.1200' },
         borderColor: 'border.subtle',
-    }, ...focusRing, ...props, children: jsx(Checkbox.Indicator, {}) })));
+    }, 
+    // The box fills first, then the tick is stroked on 60ms later. Firing them
+    // together reads as one indistinct flash; the gap makes it two beats —
+    // "pressed", then "confirmed".
+    animationStyle: "feedback", transitionProperty: "background-color, border-color", ...focusRing, ...props, children: jsx(Checkbox.Indicator, { css: checkmarkDraw }) })));
 CheckboxControl.displayName = 'Checkbox.Control';
 
 export { CheckboxControl };

package/dist/components/Checkbox/CheckboxControl.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxControl.mjs","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCheckbox"],"mappings":";;;;;;AAQO,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,QAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI;;;;IAIjB,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EACpD,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,aAAa;;;QAGrB,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;AACjD,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA,EAAA,GACG,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAETD,GAAA,CAACC,QAAc,CAAC,SAAS,EAAA,EAAA,CAAG,EAAA,CACL,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}
+{"version":3,"file":"CheckboxControl.mjs","sources":["../../../src/components/Checkbox/CheckboxControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCheckbox"],"mappings":";;;;;;;AAUO,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,QAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI;;;;IAIjB,WAAW,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EACpD,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EAClE,cAAc,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE,EACxE,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,aAAa;;;QAGrB,OAAO,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,WAAW,EAAE;AACjD,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;;;;IAID,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/C,SAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAITD,IAACC,QAAc,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,aAAa,EAAA,CAAI,EAAA,CACzB,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}

package/dist/components/Chip/Chip.d.ts

@@ -1,17 +1,4 @@
-import { ChipProps } from './Chip.types';
-/**
- * A chip component for displaying tags, labels, or status indicators.
- *
- * Uses a two-dimensional variant system:
- * - `colorScheme`: What semantic color (primary, secondary, danger, etc.)
- * - `variant`: How it looks visually (solid, soft, outline)
- *
- * @example
- * ```tsx
- * <Chip colorScheme="primary" variant="solid">Active</Chip>
- * <Chip colorScheme="danger" variant="soft">Error</Chip>
- * <Chip colorScheme="success" variant="outline">Completed</Chip>
- * ```
- */
-export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & import("react").RefAttributes<HTMLButtonElement>>;
+import { ChipOwnProps } from './Chip.types';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+export declare const Chip: import("../..").PolymorphicComponent<ChipOwnProps, "span">;
 //# sourceMappingURL=Chip.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI,yGAiBhB,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAqC5C,yEAAyE;AACzE,eAAO,MAAM,IAAI,4DAA8C,CAAC"}

package/dist/components/Chip/Chip.js

@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
 var focusRing = require('../../utils/focusRing.js');
+var polymorphic = require('../../types/polymorphic.js');
 var Chip_styles = require('./Chip.styles.js');
 
 /**
@@ -21,11 +22,13 @@ var Chip_styles = require('./Chip.styles.js');
  * <Chip colorScheme="success" variant="outline">Completed</Chip>
  * ```
  */
-const Chip = React.forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
+const ChipImpl = React.forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
     const styles = Chip_styles.getChipStyles(colorScheme, variant);
     return (jsxRuntime.jsx(react.Badge, { ...Chip_styles.baseStyles, ...styles, ...focusRing.focusRing, ...rest, ref: ref }));
 });
-Chip.displayName = 'Chip';
+ChipImpl.displayName = 'Chip';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Chip = polymorphic.polymorphic(ChipImpl);
 
 exports.Chip = Chip;
 //# sourceMappingURL=Chip.js.map

package/dist/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["forwardRef","getChipStyles","_jsx","ChakraBadge","baseStyles","focusRing"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;AAaG;MACU,IAAI,GAAGA,gBAAU,CAC5B,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAa,EACjE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,yBAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,sBAAU,KACV,MAAM,EAAA,GACNC,mBAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["forwardRef","getChipStyles","_jsx","ChakraBadge","baseStyles","focusRing","polymorphic"],"mappings":";;;;;;;;;;AASA;;;;;;;;;;;;;AAaG;AACH,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAgB,EACpE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAGC,yBAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,sBAAU,KACV,MAAM,EAAA,GACNC,mBAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAGC,uBAAW,CAAuB,QAAQ;;;;"}

package/dist/components/Chip/Chip.mjs

@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Badge } from '@chakra-ui/react';
 import { focusRing } from '../../utils/focusRing.mjs';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { getChipStyles, baseStyles } from './Chip.styles.mjs';
 
 /**
@@ -19,11 +20,13 @@ import { getChipStyles, baseStyles } from './Chip.styles.mjs';
  * <Chip colorScheme="success" variant="outline">Completed</Chip>
  * ```
  */
-const Chip = forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
+const ChipImpl = forwardRef(({ colorScheme = 'primary', variant = 'soft', ...rest }, ref) => {
     const styles = getChipStyles(colorScheme, variant);
     return (jsx(Badge, { ...baseStyles, ...styles, ...focusRing, ...rest, ref: ref }));
 });
-Chip.displayName = 'Chip';
+ChipImpl.displayName = 'Chip';
+/** Type-level polymorphism over the same runtime — see `polymorphic`. */
+const Chip = polymorphic(ChipImpl);
 
 export { Chip };
 //# sourceMappingURL=Chip.mjs.map

package/dist/components/Chip/Chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;AAaG;MACU,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAa,EACjE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAW,EAAA,EAAA,GACN,UAAU,KACV,MAAM,EAAA,GACN,SAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Chip.mjs","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;;AASA;;;;;;;;;;;;;AAaG;AACH,MAAM,QAAQ,GAAG,UAAU,CACzB,CACE,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,IAAI,EAAgB,EACpE,GAAqC,KACnC;IACF,MAAM,MAAM,GAAG,aAAa,CAAC,WAAW,EAAE,OAAO,CAAC;AAElD,IAAA,QACEA,GAAA,CAACC,KAAW,EAAA,EAAA,GACN,UAAU,KACV,MAAM,EAAA,GACN,SAAS,EAAA,GACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED,QAAQ,CAAC,WAAW,GAAG,MAAM;AAE7B;MACa,IAAI,GAAG,WAAW,CAAuB,QAAQ;;;;"}

package/dist/components/Chip/Chip.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';
 /**
  * Chip color schemes - determines the semantic color of the chip.
  *
@@ -25,8 +27,15 @@ export type ChipVariant = 'solid' | 'soft' | 'outline';
  *
  * This matches the Button component's architecture for consistency.
  */
-export interface ChipProps extends Omit<ChakraBadgeProps, 'colorScheme' | 'variant'> {
+export type ChipOwnProps = Omit<ChakraBadgeProps, 'colorScheme' | 'variant' | 'as'> & {
     colorScheme?: ChipColorScheme;
     variant?: ChipVariant;
-}
+};
+/**
+ * Props for `Chip`, typed for whatever element `as` renders. Defaults to
+ * `'span'`, so the bare type is unchanged. A filter chip that navigates is the
+ * case that needs this — as a real link it keeps middle-click and
+ * open-in-new-tab.
+ */
+export type ChipProps<TElement extends ElementType = 'span'> = PolymorphicProps<TElement, ChipOwnProps>;
 //# sourceMappingURL=Chip.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAElE;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,gBAAgB,EAChB,aAAa,GAAG,SAAS,CAC1B;IACC,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB"}
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.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;;;;;;;;;GASG;AACH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;AAEvD;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,gBAAgB,EAChB,aAAa,GAAG,SAAS,GAAG,IAAI,CACjC,GAAG;IACF,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;GAKG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAAI,gBAAgB,CAC7E,QAAQ,EACR,YAAY,CACb,CAAC"}

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

@@ -1,4 +1,4 @@
 export { Chip } from './Chip';
 export { colorSchemes, colorSchemeStyles, getChipStyles, variants, } from './Chip.styles';
-export type { ChipColorScheme, ChipProps, ChipVariant } from './Chip.types';
+export type { ChipColorScheme, ChipOwnProps, ChipProps, ChipVariant, } from './Chip.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,YAAY,EAAE,eAAe,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EACL,YAAY,EACZ,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,eAAe,EACf,YAAY,EACZ,SAAS,EACT,WAAW,GACZ,MAAM,cAAc,CAAC"}

package/dist/components/CodeTabs/CodeTabs.js

@@ -6,6 +6,7 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 var Code = require('../Code/Code.js');
 var Tab = require('../Tabs/Tab/Tab.js');
+require('../Tabs/Tab/Tab.styles.js');
 var TabList = require('../Tabs/TabList/TabList.js');
 var Tabs = require('../Tabs/Tabs.js');
 var CopyButton = require('./CopyButton.js');

package/dist/components/CodeTabs/CodeTabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":";;;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEC,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,cAAA,CAACC,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBD,cAAA,CAACE,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIF,cAAA,CAACG,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVH,cAAA,CAACI,SAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEJ,cAAA,CAACK,SAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}
+{"version":3,"file":"CodeTabs.js","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["useState","_jsxs","Tabs","TabList","_jsx","Flex","Tab","CopyButton","Box","Code"],"mappings":";;;;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEC,eAAA,CAACC,SAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERD,eAAA,CAACE,eAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,cAAA,CAACC,UAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBD,cAAA,CAACE,OAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIF,cAAA,CAACG,qBAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVH,cAAA,CAACI,SAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEJ,cAAA,CAACK,SAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}

package/dist/components/CodeTabs/CodeTabs.mjs

@@ -4,6 +4,7 @@ import { useState } from 'react';
 import { Flex, Box } from '@chakra-ui/react';
 import { Code } from '../Code/Code.mjs';
 import { Tab } from '../Tabs/Tab/Tab.mjs';
+import '../Tabs/Tab/Tab.styles.mjs';
 import { TabList } from '../Tabs/TabList/TabList.mjs';
 import { Tabs } from '../Tabs/Tabs.mjs';
 import { CopyButton } from './CopyButton.mjs';

package/dist/components/CodeTabs/CodeTabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERA,IAAA,CAAC,OAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,GAAA,CAAC,GAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVA,GAAA,CAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}
+{"version":3,"file":"CodeTabs.mjs","sources":["../../../src/components/CodeTabs/CodeTabs.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AASO,MAAM,QAAQ,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAiB,KAAI;IACnE,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AACnC,IAAA,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC;AAEtE,IAAA,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE;AAC1B,QAAA,OAAO,IAAI;IACb;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE;IAErD,QACEA,IAAA,CAAC,IAAI,EAAA,EACH,OAAO,EAAC,WAAW,EACnB,YAAY,EAAC,IAAI,EACjB,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,OAAO,KAAK,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,EAAA,GACvD,IAAI,EAAA,QAAA,EAAA,CAERA,IAAA,CAAC,OAAO,IAAC,EAAE,EAAE,CAAC,EAAE,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACjCC,GAAA,CAAC,IAAI,EAAA,EAAC,CAAC,EAAC,MAAM,EAAC,IAAI,EAAE,CAAC,EAAA,QAAA,EACnB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,MACtBA,GAAA,CAAC,GAAG,EAAA,EAEF,KAAK,EAAE,QAAQ,EACf,EAAE,EAAC,MAAM,EACT,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,CAAC,EAAE,CAAC,EACJ,YAAY,EAAC,MAAM,EACnB,aAAa,EAAC,WAAW,EACzB,UAAU,EAAC,MAAM,EACjB,SAAS,EAAC,SAAS,EACnB,SAAS,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC7B,MAAM,EAAE;AACN,gCAAA,OAAO,EAAE,gBAAgB;AAC1B,6BAAA,EAAA,QAAA,EAEA,QAAQ,EAAA,EAfJ,CAAA,EAAG,QAAQ,CAAA,IAAA,CAAM,CAgBlB,CACP,CAAC,EAAA,CACG,EACN,MAAM,IAAIA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,WAAW,EAAA,CAAI,CAAA,EAAA,CACpD,EACVA,GAAA,CAAC,GAAG,IAAC,OAAO,EAAC,MAAM,EAAA,QAAA,EAChB,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,KAAI;AAC1B,oBAAA,MAAM,UAAU,GAAG,QAAQ,KAAK,aAAa;AAC7C,oBAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAEH,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAA,IAAA,EAAA,aAAA,EACG,CAAC,UAAU,EACxB,cAAc,EAAE;AACd,4BAAA,YAAY,EAAE,MAAM;AACpB,4BAAA,kBAAkB,EAAE,IAAI;AACxB,4BAAA,QAAQ,EAAE,OAAO;4BACjB,UAAU,EAAE,UAAU,GAAG,SAAS,GAAG,QAAQ;AAC9C,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,IAXxB,CAAA,EAAG,QAAQ,CAAA,MAAA,CAAQ,CAYnB;AAEX,gBAAA,CAAC,CAAC,EAAA,CACE,CAAA,EAAA,CACD;AAEX;;;;"}

package/dist/components/Collapsible/CollapsibleContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIpE,eAAO,MAAM,kBAAkB,2HAK7B,CAAC"}
+{"version":3,"file":"CollapsibleContent.d.ts","sourceRoot":"","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAIpE,eAAO,MAAM,kBAAkB,2HAiB7B,CAAC"}

package/dist/components/Collapsible/CollapsibleContent.js

@@ -6,7 +6,11 @@ var React = require('react');
 var react = require('@chakra-ui/react');
 
 const CollapsibleContent = React.forwardRef((props, ref) => {
-    return jsxRuntime.jsx(react.Collapsible.Content, { ref: ref, px: 4, py: 3, ...props });
+    // The one presence part that does not fade or scale: it interpolates the
+    // `--height` Ark measures. That is exactly why `presence` declares no
+    // `animation-name` — the recipe's `expand-height` / `collapse-height` survive
+    // and only the clock changes.
+    return (jsxRuntime.jsx(react.Collapsible.Content, { ref: ref, px: 4, py: 3, animationStyle: "presence", ...props }));
 });
 CollapsibleContent.displayName = 'CollapsibleContent';
 

package/dist/components/Collapsible/CollapsibleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.js","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCollapsible"],"mappings":";;;;;;;AAKO,MAAM,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,OAAOC,eAACC,iBAAiB,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAA,GAAM,KAAK,GAAI;AACzE,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"CollapsibleContent.js","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCollapsible"],"mappings":";;;;;;;AAKO,MAAM,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;IAKf,QACEC,cAAA,CAACC,iBAAiB,CAAC,OAAO,IACxB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,cAAc,EAAC,UAAU,EAAA,GACrB,KAAK,EAAA,CACT;AAEN,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/dist/components/Collapsible/CollapsibleContent.mjs

@@ -4,7 +4,11 @@ import { forwardRef } from 'react';
 import { Collapsible } from '@chakra-ui/react';
 
 const CollapsibleContent = forwardRef((props, ref) => {
-    return jsx(Collapsible.Content, { ref: ref, px: 4, py: 3, ...props });
+    // The one presence part that does not fade or scale: it interpolates the
+    // `--height` Ark measures. That is exactly why `presence` declares no
+    // `animation-name` — the recipe's `expand-height` / `collapse-height` survive
+    // and only the clock changes.
+    return (jsx(Collapsible.Content, { ref: ref, px: 4, py: 3, animationStyle: "presence", ...props }));
 });
 CollapsibleContent.displayName = 'CollapsibleContent';
 

package/dist/components/Collapsible/CollapsibleContent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContent.mjs","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCollapsible"],"mappings":";;;;;AAKO,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;AACf,IAAA,OAAOA,IAACC,WAAiB,CAAC,OAAO,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAA,GAAM,KAAK,GAAI;AACzE,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
+{"version":3,"file":"CollapsibleContent.mjs","sources":["../../../src/components/Collapsible/CollapsibleContent.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCollapsible"],"mappings":";;;;;AAKO,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,KAAI;;;;;IAKf,QACEA,GAAA,CAACC,WAAiB,CAAC,OAAO,IACxB,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,cAAc,EAAC,UAAU,EAAA,GACrB,KAAK,EAAA,CACT;AAEN,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}

package/dist/components/ColorMode/ColorModeToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgB1D,CAAC"}
+{"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8C1D,CAAC"}

package/dist/components/ColorMode/ColorModeToggle.js

@@ -3,7 +3,8 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var lu = require('react-icons/lu');
+var react = require('@chakra-ui/react');
+var index = require('../Icon/index.js');
 var IconButton = require('../IconButton/IconButton.js');
 require('../IconButton/IconButton.styles.js');
 var useColorMode = require('./useColorMode.js');
@@ -26,7 +27,8 @@ const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...res
     React.useEffect(() => {
         setMounted(true);
     }, []);
-    return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: mounted && colorMode === 'dark' ? jsxRuntime.jsx(lu.LuSun, {}) : jsxRuntime.jsx(lu.LuMoon, {}) }));
+    const isDark = mounted && colorMode === 'dark';
+    return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: jsxRuntime.jsxs(react.Box, { display: "grid", placeItems: "center", children: [jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 1 : 0, transform: isDark ? undefined : 'rotate(-90deg) scale(0.5)', animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.SunIcon, {}) }), jsxRuntime.jsx(react.Box, { gridArea: "1 / 1", display: "grid", placeItems: "center", opacity: isDark ? 0 : 1, transform: isDark ? 'rotate(90deg) scale(0.5)' : undefined, animationStyle: "spring", transitionProperty: "opacity, transform", children: jsxRuntime.jsx(index.MoonIcon, {}) })] }) }));
 };
 ColorModeToggle.displayName = 'ColorModeToggle';
 

package/dist/components/ColorMode/ColorModeToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","LuSun","LuMoon"],"mappings":";;;;;;;;;;AAcA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAClE,OAAO,IAAI,SAAS,KAAK,MAAM,GAAGD,cAAA,CAACE,QAAK,EAAA,EAAA,CAAG,GAAGF,cAAA,CAACG,SAAM,EAAA,EAAA,CAAG,EAAA,CAC9C;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
+{"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","_jsxs","Box","SunIcon","MoonIcon"],"mappings":";;;;;;;;;;;AAeA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,MAAM,GAAG,OAAO,IAAI,SAAS,KAAK,MAAM;AAE9C,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAMnEC,eAAA,CAACC,SAAG,EAAA,EAAC,OAAO,EAAC,MAAM,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EAAA,CACrCH,cAAA,CAACG,SAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,2BAA2B,EAC3D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACI,aAAO,EAAA,EAAA,CAAG,EAAA,CACP,EACNJ,cAAA,CAACG,SAAG,EAAA,EACF,QAAQ,EAAC,OAAO,EAChB,OAAO,EAAC,MAAM,EACd,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC,EACvB,SAAS,EAAE,MAAM,GAAG,0BAA0B,GAAG,SAAS,EAC1D,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,oBAAoB,EAAA,QAAA,EAEvCH,cAAA,CAACK,cAAQ,EAAA,EAAA,CAAG,EAAA,CACR,CAAA,EAAA,CACF,EAAA,CACK;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}