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

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

@@ -1,59 +1,102 @@
+import type { ElementType } from 'react';
 import { ButtonProps as ChakraButtonProps } from '@chakra-ui/react';
+import type { PolymorphicProps } from '../../types/polymorphic';
 /**
- * Button color palette - defines the semantic color family.
+ * Button variant — one role per value (5.0 BAZE palette).
  *
- * This overrides Chakra UI's colorPalette prop with our Golden Ratio
- * color system values. Chakra's default colorPalettes are not supported.
+ * Overrides Chakra UI's `variant` prop; Chakra's own variants are not supported.
+ * There is no separate colour axis any more: the role *is* the colour.
  *
- * - `primary`: Blue - main brand actions, CTAs
- * - `secondary`: Violet - accent actions, highlights
- * - `danger`: Rose - destructive actions, errors
- * - `success`: Green - positive actions, confirmations
- * - `warning`: Gold - caution actions, alerts
- * - `neutral`: Gray - low-emphasis, tertiary actions
+ * - `primary`: BAZE black fill — the one main action of a screen
+ * - `action`: black "run" button whose icon is coral (`action.iconOnSolid`)
+ * - `secondary`: outlined surface button — cancel, alternative actions
+ * - `subtle`: quiet warm-wash fill — low-emphasis actions (the default)
+ * - `ghost`: no fill, no border — toolbars, inline actions
+ * - `danger`: red fill — a confirmed destructive action
+ *
+ * For a *secondary* destructive action (a "delete" link-ish button next to a
+ * form) keep `secondary`/`ghost`/`subtle` and add `isDestructive`.
  */
-export type ButtonColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral';
+export type ButtonVariant = 'primary' | 'action' | 'secondary' | 'subtle' | 'ghost' | 'danger';
 /**
- * Button variant - defines the visual appearance/fill style.
- *
- * This overrides Chakra UI's variant prop with our custom variants.
- * Chakra's default variants (solid, outline, ghost, link) are replaced
- * with our Golden Ratio-based styling system.
+ * @deprecated 5.0 removed the colour axis — `colorPalette` is no longer a
+ * Button prop. Pick a `variant` role instead (and `isDestructive` for a
+ * danger-coloured secondary/ghost/subtle button). Kept only so existing type
+ * imports get a deprecation instead of a hard error; will be removed in 6.0.
  *
- * - `solid`: Filled background with contrasting text (most prominent)
- * - `soft`: Light tinted background with darker text (subtle)
- * - `outline`: Transparent with colored border (medium emphasis)
- * - `ghost`: Transparent with no border (lowest emphasis)
+ * Old → new: `primary|neutral` + `solid` → `primary`; `danger` + `solid` →
+ * `danger`; any + `outline` → `secondary`; any + `soft` → `subtle`;
+ * `danger` + `outline|ghost|soft` → same role + `isDestructive`.
  */
-export type ButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+export type ButtonColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral';
 /**
- * Button props with two-dimensional variant system.
- *
- * Combines `colorPalette` (what color) with `variant` (how it looks)
- * for flexible, consistent button styling.
+ * @deprecated 4.x variant names. Still accepted at runtime (mapped, with a
+ * development warning) but no longer part of `ButtonVariant`.
+ */
+export type LegacyButtonVariant = 'solid' | 'soft' | 'outline' | 'ghost';
+/**
+ * Button props.
  *
- * @note Overrides Chakra UI's `variant` and `colorPalette` props.
- *       Chakra's default values are not supported.
+ * @note Overrides Chakra UI's `variant`; Chakra's `colorPalette` /
+ *       `colorScheme` are not accepted.
  *
  * @example
  * ```tsx
- * <Button colorPalette="primary" variant="solid">Submit</Button>
- * <Button colorPalette="danger" variant="soft">Delete</Button>
- * <Button colorPalette="secondary" variant="outline">Cancel</Button>
+ * <Button variant="primary">저장</Button>
+ * <Button variant="secondary">취소</Button>
+ * <Button variant="ghost" isDestructive>삭제</Button>
+ * <Button variant="danger">영구 삭제</Button>
  * ```
  */
-export type ButtonProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' | 'colorPalette' | 'leftIcon' | 'rightIcon'> & {
-    /**
-     * The color palette of the button (semantic color family).
-     * Overrides Chakra UI's colorPalette prop (Chakra v3).
-     * @default 'primary'
-     */
-    colorPalette?: ButtonColorPalette;
+export type ButtonOwnProps = Omit<ChakraButtonProps, 'variant' | 'colorScheme' | 'colorPalette' | 'leftIcon' | 'rightIcon' | 'as'> & {
     /**
-     * The visual variant of the button (fill style).
+     * The role of the button (fill, border and text colour together).
      * Overrides Chakra UI's variant prop.
-     * @default 'solid'
+     * @default 'subtle'
      */
     variant?: ButtonVariant;
+    /**
+     * Danger-coloured text (`danger.fg`) for a destructive action that does not
+     * deserve a red fill. Applies to `secondary`, `ghost` and `subtle`; the
+     * border and fill stay the variant's own. Ignored on `primary`, `action` and
+     * `danger` (use `variant="danger"` for a filled destructive button).
+     * @default false
+     */
+    isDestructive?: boolean;
+    /**
+     * Raises the button 1px on hover and puts a shadow under it, so it reads as
+     * lifting toward the pointer. Pressing sets it back down, under the existing
+     * `scale` press.
+     *
+     * Off by default and deliberately opt-in: a lift is emphasis, and a form of
+     * six buttons all lifting is noise. Use it where one button is the point of
+     * the screen — a primary call to action, a card that is itself a button — not
+     * as a house style.
+     *
+     * The shadow yields to the keyboard focus ring, which is also a `box-shadow`;
+     * a focused button that is also hovered keeps its ring and still lifts.
+     *
+     * @default false
+     */
+    lift?: boolean;
 };
+/**
+ * Props for `Button`, typed for whatever element `as` renders.
+ *
+ * Defaults to `'button'`, so `ButtonProps` on its own means exactly what it
+ * meant before this became polymorphic — every existing call site and every
+ * `ComponentProps<typeof Button>` keeps its type.
+ *
+ * `as` now carries the element's own props with it:
+ *
+ * ```tsx
+ * <Button as="a" href="/docs" target="_blank" rel="noreferrer">문서</Button>
+ * <Button as={Link} href="/admin" prefetch={false}>관리자</Button>
+ * ```
+ *
+ * Before, `as` swapped the rendered element but not the type — `href` was not a
+ * `<button>` prop, so consumers reached for `@ts-expect-error`. See
+ * `src/types/polymorphic.ts` for why `asChild` does not cover this case.
+ */
+export type ButtonProps<TElement extends ElementType = 'button'> = PolymorphicProps<TElement, ButtonOwnProps>;
 //# sourceMappingURL=Button.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEpE;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEnE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,CACtE,GAAG;IACF;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC"}
+{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,WAAW,IAAI,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAOpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,QAAQ,GACR,WAAW,GACX,QAAQ,GACR,OAAO,GACP,QAAQ,CAAC;AAEb;;;;;;;;;GASG;AACH,MAAM,MAAM,kBAAkB,GAC1B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;GAGG;AACH,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAC/B,iBAAiB,EACjB,SAAS,GAAG,aAAa,GAAG,cAAc,GAAG,UAAU,GAAG,WAAW,GAAG,IAAI,CAC7E,GAAG;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,MAAM,WAAW,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IAC7D,gBAAgB,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
 export { Button } from './Button';
-export { buttonColorPalettes, buttonColorPaletteStyles, buttonVariants, getButtonStyles, } from './Button.styles';
-export type { ButtonColorPalette, ButtonProps, ButtonVariant, } from './Button.types';
+export { buttonColorPalettes, buttonColorPaletteStyles, buttonVariants, buttonVariantStyles, getButtonStyles, } from './Button.styles';
+export type { ButtonColorPalette, ButtonOwnProps, ButtonProps, ButtonVariant, LegacyButtonVariant, } from './Button.types';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,cAAc,EACd,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,kBAAkB,EAClB,WAAW,EACX,aAAa,GACd,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,mBAAmB,EACnB,wBAAwB,EACxB,cAAc,EACd,mBAAmB,EACnB,eAAe,GAChB,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,kBAAkB,EAClB,cAAc,EACd,WAAW,EACX,aAAa,EACb,mBAAmB,GACpB,MAAM,gBAAgB,CAAC"}

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

@@ -1,6 +1,3 @@
-import { Card as ChakraCard } from '@chakra-ui/react';
-export declare const Card: import("react").ForwardRefExoticComponent<ChakraCard.RootProps & {
-    clickable?: boolean;
-    variant?: import("./Card.types").CardVariant;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import { CardOwnProps } from './Card.types';
+export declare const Card: import("../..").PolymorphicComponent<CardOwnProps, "div">;
 //# sourceMappingURL=Card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAKtD,eAAO,MAAM,IAAI;;;kDA+BhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAoC5C,eAAO,MAAM,IAAI,2DAA6C,CAAC"}

package/dist/components/Card/Card.js

@@ -4,20 +4,22 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var polymorphic = require('../../types/polymorphic.js');
 var Card_styles = require('./Card.styles.js');
 
-const Card = React.forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
+const CardImpl = React.forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
     const mergedHover = clickable
         ? { ...Card_styles.clickableStyles._hover, ..._hover }
         : _hover;
-    return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "bg.surface", color: "fg.default", boxShadow: "none", border: "1px solid", 
-        // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
-        // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
-        // so cards blended into the canvas. default gives the card a discernible
-        // edge in both modes. The `gradient` variant keeps its primary.light border.
-        borderColor: "border.default", borderRadius: "lg", transitionProperty: "common", transitionDuration: "normal", transitionTimingFunction: "ease", p: 8, ...(clickable ? { cursor: Card_styles.clickableStyles.cursor } : {}), ...Card_styles.variantStyles[variant], ...rest, _hover: mergedHover }));
+    return (jsxRuntime.jsx(react.Card.Root, { ref: ref, position: "relative", bg: "bg.surface", color: "fg.default", boxShadow: "none", border: "1px solid", borderColor: "border.subtle", borderRadius: "lg", 
+        // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.
+        // It fell through as a literal, `transition-duration: normal` is invalid
+        // CSS, and the whole declaration was dropped, so hover never transitioned.
+        animationStyle: "feedback", transitionProperty: "common", p: 8, ...(clickable ? { cursor: Card_styles.clickableStyles.cursor } : {}), ...Card_styles.variantStyles[variant], ...rest, _hover: mergedHover }));
 });
-Card.displayName = 'Card';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+CardImpl.displayName = 'Card';
+const Card = polymorphic.polymorphic(CardImpl);
 
 exports.Card = Card;
 //# sourceMappingURL=Card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles"],"mappings":";;;;;;;;MAMa,IAAI,GAAGA,gBAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;QAKlB,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.js","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["forwardRef","clickableStyles","_jsx","ChakraCard","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA,MAAM,QAAQ,GAAGA,gBAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAGC,2BAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEC,cAAA,CAACC,UAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAEF,2BAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrDG,yBAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAGC,uBAAW,CAAsB,QAAQ;;;;"}

package/dist/components/Card/Card.mjs

@@ -2,20 +2,22 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Card as Card$1 } from '@chakra-ui/react';
+import { polymorphic } from '../../types/polymorphic.mjs';
 import { clickableStyles, variantStyles } from './Card.styles.mjs';
 
-const Card = forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
+const CardImpl = forwardRef(({ clickable, variant = 'default', _hover, ...rest }, ref) => {
     const mergedHover = clickable
         ? { ...clickableStyles._hover, ..._hover }
         : _hover;
-    return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "bg.surface", color: "fg.default", boxShadow: "none", border: "1px solid", 
-        // border.default (gray.300 / gray.1100 _dark) instead of border.subtle:
-        // subtle's _dark (gray.1300 #1E2433) is ~invisible on bg.surface in dark,
-        // so cards blended into the canvas. default gives the card a discernible
-        // edge in both modes. The `gradient` variant keeps its primary.light border.
-        borderColor: "border.default", borderRadius: "lg", transitionProperty: "common", transitionDuration: "normal", transitionTimingFunction: "ease", p: 8, ...(clickable ? { cursor: clickableStyles.cursor } : {}), ...variantStyles[variant], ...rest, _hover: mergedHover }));
+    return (jsx(Card$1.Root, { ref: ref, position: "relative", bg: "bg.surface", color: "fg.default", boxShadow: "none", border: "1px solid", borderColor: "border.subtle", borderRadius: "lg", 
+        // Was `transitionDuration="normal"` — a Chakra v2 token absent from v3.
+        // It fell through as a literal, `transition-duration: normal` is invalid
+        // CSS, and the whole declaration was dropped, so hover never transitioned.
+        animationStyle: "feedback", transitionProperty: "common", p: 8, ...(clickable ? { cursor: clickableStyles.cursor } : {}), ...variantStyles[variant], ...rest, _hover: mergedHover }));
 });
-Card.displayName = 'Card';
+/** Type-level polymorphism over the same runtime — see the note on `Button`. */
+CardImpl.displayName = 'Card';
+const Card = polymorphic(CardImpl);
 
 export { Card };
 //# sourceMappingURL=Card.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;MAMa,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,EAAA,EACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW;;;;;QAKlB,WAAW,EAAC,gBAAgB,EAC5B,YAAY,EAAC,IAAI,EACjB,kBAAkB,EAAC,QAAQ,EAC3B,kBAAkB,EAAC,QAAQ,EAC3B,wBAAwB,EAAC,MAAM,EAC/B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC;AAGH,IAAI,CAAC,WAAW,GAAG,MAAM;;;;"}
+{"version":3,"file":"Card.mjs","sources":["../../../src/components/Card/Card.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCard"],"mappings":";;;;;;;AAOA,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAE,SAAS,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;IAC3D,MAAM,WAAW,GAAG;UAChB,EAAE,GAAG,eAAe,CAAC,MAAM,EAAE,GAAG,MAAM;UACtC,MAAM;AAEV,IAAA,QACEA,GAAA,CAACC,MAAU,CAAC,IAAI,IACd,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,YAAY,EACf,KAAK,EAAC,YAAY,EAClB,SAAS,EAAC,MAAM,EAChB,MAAM,EAAC,WAAW,EAClB,WAAW,EAAC,eAAe,EAC3B,YAAY,EAAC,IAAI;;;;AAIjB,QAAA,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,QAAQ,EAC3B,CAAC,EAAE,CAAC,EAAA,IACC,SAAS,GAAG,EAAE,MAAM,EAAE,eAAe,CAAC,MAAM,EAAE,GAAG,EAAE,CAAC,KACrD,aAAa,CAAC,OAAO,CAAC,EAAA,GACtB,IAAI,EACR,MAAM,EAAE,WAAW,EAAA,CACnB;AAEN,CAAC,CACF;AAED;AACA,QAAQ,CAAC,WAAW,GAAG,MAAM;MAEhB,IAAI,GAAG,WAAW,CAAsB,QAAQ;;;;"}

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

@@ -1,17 +1,29 @@
 /**
  * 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.
+ */
 export declare const clickableStyles: {
     cursor: string;
     _hover: {
-        boxShadow: string;
+        bg: string;
+        borderColor: string;
     };
 };
 export declare const variantStyles: {
     default: {};
-    gradient: {
+    wash: {
         bg: string;
-        border: string;
+        borderColor: string;
+    };
+    elevated: {
+        boxShadow: string;
         borderColor: string;
     };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAO,MAAM,eAAe;;;;;CAK3B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;CAOzB,CAAC"}
+{"version":3,"file":"Card.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe;;;;;;CAM3B,CAAC;AAcF,eAAO,MAAM,aAAa;;;;;;;;;;CAWzB,CAAC"}

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

@@ -4,18 +4,42 @@
 /**
  * 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: a neutral `bg.muted` ground, borderless. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted) — the wash alone separates it from the page, so
+ * it does not need a hairline on top of it. (Not the sand `secondary.surface`:
+ * that tint reads peach as a background and is accent-only.)
+ */
+const washStyles = {
+    bg: 'bg.muted',
+    borderColor: 'transparent',
+};
 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,
+    // 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;;;;;;AAMG;AACH,MAAM,UAAU,GAAG;AACjB,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,WAAW,EAAE,aAAa;CAC3B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;;;;AAKhB,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,42 @@
 /**
  * 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: a neutral `bg.muted` ground, borderless. For a block that
+ * summarises or concludes (an AI summary, a total after a purchase, the
+ * invitation being accepted) — the wash alone separates it from the page, so
+ * it does not need a hairline on top of it. (Not the sand `secondary.surface`:
+ * that tint reads peach as a background and is accent-only.)
+ */
+const washStyles = {
+    bg: 'bg.muted',
+    borderColor: 'transparent',
+};
 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,
+    // 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;;;;;;AAMG;AACH,MAAM,UAAU,GAAG;AACjB,IAAA,EAAE,EAAE,UAAU;AACd,IAAA,WAAW,EAAE,aAAa;CAC3B;AAEM,MAAM,aAAa,GAAG;AAC3B,IAAA,OAAO,EAAE,EAAE;AACX,IAAA,IAAI,EAAE,UAAU;;;;;AAKhB,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,21 @@
+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';
+export type CardVariant = 'default' | 'wash' | '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,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,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;AAO1B,eAAO,MAAM,eAAe,wHAuC3B,CAAC"}

package/dist/components/Checkbox/CheckboxControl.js

@@ -4,19 +4,30 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var react = require('@chakra-ui/react');
+var disabledControl = require('../../utils/disabledControl.js');
 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.
-    // gray.500 in light; gray.800 in dark (border.strong's gray.900 was only
-    // 2.80:1 on canvas — gray.800 reaches the 3:1 non-text-contrast bar).
-    borderColor: { base: 'gray.500', _dark: 'gray.800' }, borderWidth: "1px", _checked: { bgColor: 'primary.main', borderColor: 'primary.main' }, _indeterminate: { bgColor: 'primary.main', borderColor: 'primary.main' }, cursor: "pointer", _disabled: {
+    // The unchecked box is border-only, so it needs a clearly visible outline;
+    // border.control is the 3:1 non-text-contrast token built for exactly this
+    // (input/checkbox/radio borders), on the same raised surface as Input.
+    bg: "bg.surface", borderColor: "border.control", borderWidth: "1px", _checked: {
+        bgColor: 'primary.main',
+        borderColor: 'primary.main',
+        color: 'fg.onPrimary',
+    }, _indeterminate: {
+        bgColor: 'primary.main',
+        borderColor: 'primary.main',
+        color: 'fg.onPrimary',
+    }, cursor: "pointer", _disabled: {
+        ...disabledControl.disabledControl,
         cursor: 'not-allowed',
-        // Flip the disabled fill (was a flat light gray.300 that stayed bright
-        // 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","disabledControl","focusRing","checkmarkDraw"],"mappings":";;;;;;;;;;AAWO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,cAAc,CAAC,OAAO,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,YAAY,EAAC,IAAI;;;;AAIjB,IAAA,EAAE,EAAC,YAAY,EACf,WAAW,EAAC,gBAAgB,EAC5B,WAAW,EAAC,KAAK,EACjB,QAAQ,EAAE;AACR,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,KAAK,EAAE,cAAc;AACtB,KAAA,EACD,cAAc,EAAE;AACd,QAAA,OAAO,EAAE,cAAc;AACvB,QAAA,WAAW,EAAE,cAAc;AAC3B,QAAA,KAAK,EAAE,cAAc;AACtB,KAAA,EACD,MAAM,EAAC,SAAS,EAChB,SAAS,EAAE;AACT,QAAA,GAAGC,+BAAe;AAClB,QAAA,MAAM,EAAE,aAAa;AACtB,KAAA;;;;IAID,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,gCAAgC,EAAA,GAC/CC,mBAAS,EAAA,GACT,KAAK,EAAA,QAAA,EAITH,eAACC,cAAc,CAAC,SAAS,EAAA,EAAC,GAAG,EAAEG,6BAAa,EAAA,CAAI,EAAA,CACzB,CAC1B;AAEH,eAAe,CAAC,WAAW,GAAG,kBAAkB;;;;"}