kang-components 0.3.0 → 0.5.0

package/dist/animated-text.d.ts

@@ -0,0 +1,49 @@
+/**
+ * AnimatedText — a domain-free cross-fading text cycler.
+ *
+ * Shows one of several string `variants`, periodically cross-fading to the next
+ * (a swap at the opacity-0 midpoint via react-spring's `onRest`). With two
+ * variants it simply toggles back and forth; with more it rotates in order.
+ *
+ * Domain-free: it knows nothing about languages, characters, or app state. The
+ * consumer decides what the variants are (e.g. an i18n layer maps its own
+ * language model down to `variants` + `staticIndex`). This keeps the multilingual
+ * knowledge in the app and the motion mechanics here.
+ *
+ * Layout never reflows during a swap: every candidate string is also rendered as
+ * a hidden sizer span stacked in the same grid cell, so the box is always sized
+ * to the widest candidate. Pass `sizers` when the set of strings that must fit is
+ * wider than the visible `variants` (e.g. the variants you cycle are a subset of
+ * all possible values).
+ *
+ * react-spring is used deliberately (not CSS): the text swap must happen exactly
+ * at the fade's midpoint, which needs `onRest`. This matches the project's
+ * CSS-first animation policy, which routes "animations requiring onRest" to
+ * react-spring. `@react-spring/web` and `react` are optional peer dependencies —
+ * only this module pulls them in.
+ */
+import { CSSProperties } from 'react';
+export type AnimatedTextProps = {
+    /** Strings to cross-fade between, in order. Two → toggle; more → rotate. */
+    variants: string[];
+    /** Cycle through variants (true) or hold a single static variant (false). Default true. */
+    animate?: boolean;
+    /** Which variant to show when `animate` is false. Default 0. */
+    staticIndex?: number;
+    /**
+     * Strings reserved (rendered hidden) purely to size the box so it never
+     * reflows mid-swap. Defaults to `variants`. Provide a wider set when the
+     * cycled variants are a subset of all possible values.
+     */
+    sizers?: string[];
+    /** Start at opacity 0 and fade in on mount. */
+    fadeIn?: boolean;
+    /** Maximum ms between cross-fade cycles (the minimum is 3500). Default 15000. */
+    maxDelay?: number;
+    /** Element to render the text grid as. Default 'div'. */
+    htmlElement?: keyof JSX.IntrinsicElements;
+    /** Styles for the text; font-related props are applied to every (visible + sizer) span. */
+    textStyles?: CSSProperties;
+};
+export default function AnimatedText({ variants, animate, staticIndex, sizers, fadeIn, maxDelay, htmlElement, textStyles, }: AnimatedTextProps): import("react").JSX.Element;
+//# sourceMappingURL=animated-text.d.ts.map

package/dist/animated-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-text.d.ts","sourceRoot":"","sources":["../src/animated-text.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,EAAiB,aAAa,EAA+B,MAAM,OAAO,CAAC;AAGlF,MAAM,MAAM,iBAAiB,GAAG;IAC/B,4EAA4E;IAC5E,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,2FAA2F;IAC3F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iFAAiF;IACjF,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;IAC1C,2FAA2F;IAC3F,UAAU,CAAC,EAAE,aAAa,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACpC,QAAQ,EACR,OAAc,EACd,WAAe,EACf,MAAM,EACN,MAAc,EACd,QAAgB,EAChB,WAAmB,EACnB,UAAU,GACV,EAAE,iBAAiB,+BAwDnB"}

package/dist/animated-text.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * AnimatedText — a domain-free cross-fading text cycler.
+ *
+ * Shows one of several string `variants`, periodically cross-fading to the next
+ * (a swap at the opacity-0 midpoint via react-spring's `onRest`). With two
+ * variants it simply toggles back and forth; with more it rotates in order.
+ *
+ * Domain-free: it knows nothing about languages, characters, or app state. The
+ * consumer decides what the variants are (e.g. an i18n layer maps its own
+ * language model down to `variants` + `staticIndex`). This keeps the multilingual
+ * knowledge in the app and the motion mechanics here.
+ *
+ * Layout never reflows during a swap: every candidate string is also rendered as
+ * a hidden sizer span stacked in the same grid cell, so the box is always sized
+ * to the widest candidate. Pass `sizers` when the set of strings that must fit is
+ * wider than the visible `variants` (e.g. the variants you cycle are a subset of
+ * all possible values).
+ *
+ * react-spring is used deliberately (not CSS): the text swap must happen exactly
+ * at the fade's midpoint, which needs `onRest`. This matches the project's
+ * CSS-first animation policy, which routes "animations requiring onRest" to
+ * react-spring. `@react-spring/web` and `react` are optional peer dependencies —
+ * only this module pulls them in.
+ */
+import { createElement, useEffect, useRef, useState } from 'react';
+import { animated, useSpring } from '@react-spring/web';
+const MIN_DELAY = 3500;
+const FIRST_CYCLE_DELAY = 500;
+export default function AnimatedText({ variants, animate = true, staticIndex = 0, sizers, fadeIn = false, maxDelay = 15000, htmlElement = 'div', textStyles, }) {
+    const [cycle, setCycle] = useState(0);
+    const [spring, springApi] = useSpring(() => ({
+        opacity: fadeIn ? 0 : 1,
+        config: { duration: 600 },
+    }));
+    const wasAnimating = useRef(animate);
+    useEffect(() => {
+        if (!animate) {
+            wasAnimating.current = animate;
+            return;
+        }
+        const justActivated = !wasAnimating.current && animate;
+        wasAnimating.current = animate;
+        const delay = justActivated
+            ? FIRST_CYCLE_DELAY
+            : Math.floor(Math.random() * (maxDelay - MIN_DELAY + 1)) + MIN_DELAY;
+        const timer = setTimeout(() => {
+            springApi.start({
+                opacity: 0,
+                onRest: () => {
+                    setCycle((c) => c + 1);
+                    springApi.start({ opacity: 1 });
+                },
+            });
+        }, delay);
+        return () => clearTimeout(timer);
+    }, [cycle, animate, springApi, maxDelay]);
+    const count = variants.length || 1;
+    const visibleText = animate
+        ? variants[cycle % count]
+        : variants[staticIndex] ?? variants[0];
+    const { fontSize, fontFamily, fontWeight, fontStyle, letterSpacing, lineHeight, ...rest } = textStyles || {};
+    const fontStyles = { fontSize, fontFamily, fontWeight, fontStyle, letterSpacing, lineHeight };
+    const gridStyle = { ...rest, display: 'inline-grid', alignContent: 'center' };
+    const visibleStyle = { ...fontStyles, gridArea: '1 / 1' };
+    const hiddenStyle = { ...fontStyles, gridArea: '1 / 1', visibility: 'hidden' };
+    const sizerStrings = sizers ?? variants;
+    return (_jsx(animated.div, { style: { ...spring, display: 'inline-block' }, children: createElement(htmlElement, { style: gridStyle }, createElement('span', { style: visibleStyle, key: 'visible' }, visibleText), ...sizerStrings.map((s, i) => createElement('span', { style: hiddenStyle, key: `sizer-${i}`, 'aria-hidden': true }, s))) }));
+}
+//# sourceMappingURL=animated-text.js.map

package/dist/animated-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animated-text.js","sourceRoot":"","sources":["../src/animated-text.tsx"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -3,4 +3,13 @@ export { useAnimatedAction } from './use-animated-action.js';
 export { actionSheetContainer, actionSheetList, actionSheetRow, } from './action-sheet.js';
 export { Ripple, rippleAnimation, useRipple } from './ripple.js';
 export type { RippleState } from './ripple.js';
+export { SPRING_COMFORTABLE, SPRING_COMFORTABLE_SLOW, SPRING_SNAPPY, SPRING_RESPONSIVE, SPRING_STAGGERED, SPRING_INSTANT, SPRING_GENTLE, SPRING_VERY_SLOW, SPRING_LANDING, SPRING_RISING, } from './spring.js';
+export type { SpringConfigConstant } from './spring.js';
+export { default as AnimatedText } from './animated-text.js';
+export type { AnimatedTextProps } from './animated-text.js';
+export { buildTheme, theme, hexToRgb } from './theme.js';
+export type { ThemeType } from './theme.js';
+export { lightPalette, darkPalette } from './palettes.js';
+export type { ModeColorPalette } from './palettes.js';
+export type { DynamicLanguage, CharacterPreference, StaticLanguage, } from './language.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACN,oBAAoB,EACpB,eAAe,EACf,cAAc,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACN,oBAAoB,EACpB,eAAe,EACf,cAAc,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACjE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,OAAO,EACN,kBAAkB,EAClB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,aAAa,GACb,MAAM,aAAa,CAAC;AACrB,YAAY,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC1D,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAEtD,YAAY,EACX,eAAe,EACf,mBAAmB,EACnB,cAAc,GACd,MAAM,eAAe,CAAC"}

package/dist/index.js

@@ -2,4 +2,8 @@ export { BOUNCE_CURVE, PRESS_SCALE_PRIMARY, PRESS_SCALE_SUBTLE, pressPrimary, pr
 export { useAnimatedAction } from './use-animated-action.js';
 export { actionSheetContainer, actionSheetList, actionSheetRow, } from './action-sheet.js';
 export { Ripple, rippleAnimation, useRipple } from './ripple.js';
+export { SPRING_COMFORTABLE, SPRING_COMFORTABLE_SLOW, SPRING_SNAPPY, SPRING_RESPONSIVE, SPRING_STAGGERED, SPRING_INSTANT, SPRING_GENTLE, SPRING_VERY_SLOW, SPRING_LANDING, SPRING_RISING, } from './spring.js';
+export { default as AnimatedText } from './animated-text.js';
+export { buildTheme, theme, hexToRgb } from './theme.js';
+export { lightPalette, darkPalette } from './palettes.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACN,oBAAoB,EACpB,eAAe,EACf,cAAc,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,iBAAiB,EACjB,gBAAgB,GAChB,MAAM,YAAY,CAAC;AAEpB,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EACN,oBAAoB,EACpB,eAAe,EACf,cAAc,GACd,MAAM,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGjE,OAAO,EACN,kBAAkB,EAClB,uBAAuB,EACvB,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,cAAc,EACd,aAAa,GACb,MAAM,aAAa,CAAC;AAGrB,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAG7D,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/language.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Shared language types — ported from ymy-components.
+ *
+ * These describe a multilingual content model and the user's display
+ * preferences. They are pure types (no runtime), kept domain-light so consumers
+ * (e.g. an i18n layer) can map their own language model onto primitives like
+ * {@link AnimatedText}.
+ *
+ * In ymy these lived across `./types/DynamicLanguage` and
+ * `./animations/AnimatedText`; kang's `AnimatedText` is intentionally
+ * domain-free, so the language vocabulary is consolidated here.
+ */
+/** A single piece of content available in English, traditional, and simplified Chinese. */
+export type DynamicLanguage = {
+    english: string;
+    traditional: string;
+    simplified: string;
+};
+/** Which Chinese character set the user prefers to read. */
+export type CharacterPreference = 'simplified' | 'traditional';
+/** Which static (non-cycling) language to display. */
+export type StaticLanguage = 'english' | 'chinese';
+//# sourceMappingURL=language.d.ts.map

package/dist/language.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.d.ts","sourceRoot":"","sources":["../src/language.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,2FAA2F;AAC3F,MAAM,MAAM,eAAe,GAAG;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,4DAA4D;AAC5D,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,aAAa,CAAC;AAE/D,sDAAsD;AACtD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC"}

package/dist/language.js

@@ -0,0 +1,14 @@
+/**
+ * Shared language types — ported from ymy-components.
+ *
+ * These describe a multilingual content model and the user's display
+ * preferences. They are pure types (no runtime), kept domain-light so consumers
+ * (e.g. an i18n layer) can map their own language model onto primitives like
+ * {@link AnimatedText}.
+ *
+ * In ymy these lived across `./types/DynamicLanguage` and
+ * `./animations/AnimatedText`; kang's `AnimatedText` is intentionally
+ * domain-free, so the language vocabulary is consolidated here.
+ */
+export {};
+//# sourceMappingURL=language.js.map

package/dist/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","sourceRoot":"","sources":["../src/language.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG"}

package/dist/palettes.d.ts

@@ -0,0 +1,87 @@
+/**
+ * Per-mode color palettes for the theme system.
+ *
+ * Bold minimal color system:
+ * - Light mode: refined teal primary, sky-blue background, warm white surfaces.
+ * - Dark mode: soft green primary, near-black with green tint.
+ *
+ * Every design token is a ready-to-use value; the theme builder is a mechanical
+ * mapping from a palette to the theme object. Ported from ymy-components.
+ */
+/** Per-mode color palette: every design token as a ready-to-use value */
+export interface ModeColorPalette {
+    primary: string;
+    onPrimary: string;
+    primaryContainer: string;
+    onPrimaryContainer: string;
+    primaryDark: string;
+    primaryDarker: string;
+    secondary: string;
+    onSecondary: string;
+    secondaryContainer: string;
+    onSecondaryContainer: string;
+    secondaryLight: string;
+    success: string;
+    onSuccess: string;
+    successContainer: string;
+    onSuccessContainer: string;
+    successSurface: string;
+    successDark: string;
+    successMuted: string;
+    error: string;
+    onError: string;
+    errorMuted: string;
+    surface: string;
+    onSurface: string;
+    surfaceVariant: string;
+    onSurfaceVariant: string;
+    surfaceContainer: string;
+    surfaceContainerHigh: string;
+    background: string;
+    onBackground: string;
+    outline: string;
+    outlineVariant: string;
+    shadow: string;
+    shadowLight: string;
+    shadowLighter: string;
+    shadowSubtle: string;
+    shadowFaint: string;
+    scrim: string;
+    scrimLight: string;
+    ripple: string;
+    whiteHigh: string;
+    whiteMedium: string;
+    whiteLow: string;
+    whiteHover: string;
+    keyboardSurface: string;
+    keyCharacter: string;
+    keyCharacterText: string;
+    keyDefault: string;
+    keyDefaultText: string;
+    keyWrong: string;
+    keyWrongMuted: string;
+    keyCorrect: string;
+    keyCorrectMuted: string;
+    keyAccentText: string;
+    keyDisabled: string;
+    keyDisabledText: string;
+    toggleTrackOn: string;
+    toggleTrackOff: string;
+    toggleThumbOn: string;
+    toggleThumbOff: string;
+    toggleHoverOn: string;
+    toggleHoverOff: string;
+    toggleFocusOn: string;
+    toggleFocusOff: string;
+    textShadowDark: string;
+    textShadow1: string;
+    textShadow2: string;
+    textShadow3: string;
+    primaryRgb: string;
+    backgroundRgb: string;
+    surfaceRgb: string;
+    primaryDarkerRgb: string;
+}
+export declare const lightPalette: ModeColorPalette;
+export declare const darkPalette: ModeColorPalette;
+//# sourceMappingURL=palettes.d.ts.map

package/dist/palettes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"palettes.d.ts","sourceRoot":"","sources":["../src/palettes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,yEAAyE;AACzE,MAAM,WAAW,gBAAgB;IAEhC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IAGtB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,cAAc,EAAE,MAAM,CAAC;IAGvB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IAGrB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IAGnB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,oBAAoB,EAAE,MAAM,CAAC;IAG7B,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IAGrB,OAAO,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,CAAC;IAGvB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IAGf,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IAGnB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,cAAc,EAAE,MAAM,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IAGxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IAGvB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IAGpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;CACzB;AAED,eAAO,MAAM,YAAY,EAAE,gBAmG1B,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,gBAmGzB,CAAC"}

package/dist/palettes.js

@@ -0,0 +1,185 @@
+/**
+ * Per-mode color palettes for the theme system.
+ *
+ * Bold minimal color system:
+ * - Light mode: refined teal primary, sky-blue background, warm white surfaces.
+ * - Dark mode: soft green primary, near-black with green tint.
+ *
+ * Every design token is a ready-to-use value; the theme builder is a mechanical
+ * mapping from a palette to the theme object. Ported from ymy-components.
+ */
+export const lightPalette = {
+    // Primary — refined teal, calm and grounded
+    primary: '#2E7D8C',
+    onPrimary: '#ffffff',
+    primaryContainer: '#B2EBF2',
+    onPrimaryContainer: '#1A5C68',
+    primaryDark: '#256A77',
+    primaryDarker: '#1C5561',
+    // Secondary — bold goldenrod yellow
+    secondary: '#E8C840',
+    onSecondary: '#1A1A1A',
+    secondaryContainer: '#FFF8E0',
+    onSecondaryContainer: '#1A1A1A',
+    secondaryLight: '#E8C840',
+    // Success
+    success: '#4ade80',
+    onSuccess: '#0D3B70',
+    successContainer: '#bbf7d0',
+    onSuccessContainer: '#166534',
+    successSurface: '#f0fdf4',
+    successDark: '#22c55e',
+    successMuted: '#3d6b56',
+    // Error
+    error: '#BF4B3E',
+    onError: '#ffffff',
+    errorMuted: '#6b4a46',
+    // Surface — warm white
+    surface: '#ffffff',
+    onSurface: '#1A1A1A',
+    surfaceVariant: '#FFF9F2',
+    onSurfaceVariant: '#5A5550',
+    surfaceContainer: '#F8F6F4',
+    surfaceContainerHigh: '#F0EEEC',
+    // Background — bright sky blue splash
+    background: '#64B5F6',
+    onBackground: '#0A0A0A',
+    // Outline & Dividers
+    outline: '#9E9E9E',
+    outlineVariant: '#D0D0D0',
+    // Shadows
+    shadow: 'rgba(0, 0, 0, 0.28)',
+    shadowLight: 'rgba(0, 0, 0, 0.15)',
+    shadowLighter: 'rgba(0, 0, 0, 0.10)',
+    shadowSubtle: 'rgba(0, 0, 0, 0.08)',
+    shadowFaint: 'rgba(0, 0, 0, 0.05)',
+    // Overlay
+    scrim: 'rgba(0, 0, 0, 0.4)',
+    scrimLight: 'rgba(0, 0, 0, 0.3)',
+    ripple: 'rgba(0, 0, 0, 0.1)',
+    // Interactive states (white variants for dark backgrounds)
+    whiteHigh: 'rgba(255, 255, 255, 0.9)',
+    whiteMedium: 'rgba(255, 255, 255, 0.5)',
+    whiteLow: 'rgba(255, 255, 255, 0.4)',
+    whiteHover: 'rgba(255, 255, 255, 0.08)',
+    // Keyboard chrome — neutral gray (doesn't compete with blue)
+    keyboardSurface: '#D5D3D0',
+    keyCharacter: '#ffffff',
+    keyCharacterText: '#1A1A1A',
+    keyDefault: '#B5B2AE',
+    keyDefaultText: '#1A1A1A',
+    keyWrong: '#B5B2AE',
+    keyWrongMuted: '#B5B2AE',
+    keyCorrect: '#2E7D8C',
+    keyCorrectMuted: '#256A77',
+    keyAccentText: '#ffffff',
+    keyDisabled: '#6E6E6E',
+    keyDisabledText: '#9E9E9E',
+    // Toggle/Switch — teal
+    toggleTrackOn: 'rgba(46, 125, 140, 0.5)',
+    toggleTrackOff: 'rgba(0, 0, 0, 0.38)',
+    toggleThumbOn: '#2E7D8C',
+    toggleThumbOff: '#FAFAFA',
+    toggleHoverOn: 'rgba(46, 125, 140, 0.08)',
+    toggleHoverOff: 'rgba(0, 0, 0, 0.04)',
+    toggleFocusOn: 'rgba(46, 125, 140, 0.12)',
+    toggleFocusOff: 'rgba(0, 0, 0, 0.06)',
+    // 3D text shadows
+    textShadowDark: '#505050',
+    textShadow1: '#E0E0E0',
+    textShadow2: '#D0D0D0',
+    textShadow3: '#B8B8B8',
+    // RGB decompositions
+    primaryRgb: '46, 125, 140',
+    backgroundRgb: '100, 181, 246',
+    surfaceRgb: '255, 255, 255',
+    primaryDarkerRgb: '28, 85, 97',
+};
+export const darkPalette = {
+    // Primary — soft green for contrast on near-black
+    primary: '#81c784',
+    onPrimary: '#1a4f2e',
+    primaryContainer: '#1b5e20',
+    onPrimaryContainer: '#c8e6c9',
+    primaryDark: '#4caf50',
+    primaryDarker: '#2e7d32',
+    // Secondary — lighter orange/gold accents
+    secondary: '#E8C840',
+    onSecondary: '#161616',
+    secondaryContainer: '#2A3A2A',
+    onSecondaryContainer: '#FFF5E0',
+    secondaryLight: '#D4A520',
+    // Success
+    success: '#4ade80',
+    onSuccess: '#166534',
+    successContainer: '#243d2f',
+    onSuccessContainer: '#bbf7d0',
+    successSurface: '#1a3022',
+    successDark: '#4ade80',
+    successMuted: '#22c55e',
+    // Error — #f28078 gives >=4.5:1 on surface (#282C28)
+    error: '#f28078',
+    onError: '#161616',
+    errorMuted: '#8b5a55',
+    // Surface — near-black with subtle green tint
+    surface: '#282C28',
+    onSurface: '#eeeeee',
+    surfaceVariant: '#1C201C',
+    onSurfaceVariant: '#d0d0d0',
+    surfaceContainer: '#323632',
+    surfaceContainerHigh: '#3C403C',
+    // Background — near-black hero
+    background: '#0E110E',
+    onBackground: '#eeeeee',
+    // Outline & Dividers — neutral-tinted for green surfaces
+    outline: '#858885',
+    outlineVariant: '#656865',
+    // Shadows — subtler on dark backgrounds
+    shadow: 'rgba(0, 0, 0, 0.4)',
+    shadowLight: 'rgba(0, 0, 0, 0.25)',
+    shadowLighter: 'rgba(0, 0, 0, 0.15)',
+    shadowSubtle: 'rgba(0, 0, 0, 0.1)',
+    shadowFaint: 'rgba(0, 0, 0, 0.06)',
+    // Overlay
+    scrim: 'rgba(0, 0, 0, 0.6)',
+    scrimLight: 'rgba(0, 0, 0, 0.45)',
+    ripple: 'rgba(255, 255, 255, 0.1)',
+    // Interactive states (white variants)
+    whiteHigh: 'rgba(255, 255, 255, 0.87)',
+    whiteMedium: 'rgba(255, 255, 255, 0.5)',
+    whiteLow: 'rgba(255, 255, 255, 0.2)',
+    whiteHover: 'rgba(255, 255, 255, 0.08)',
+    // Keyboard chrome — dark green-tinted
+    keyboardSurface: '#1e241e',
+    keyCharacter: '#383e38',
+    keyCharacterText: '#eeeeee',
+    keyDefault: '#2a302a',
+    keyDefaultText: '#d0d0d0',
+    keyWrong: '#2a302a',
+    keyWrongMuted: '#2a302a',
+    keyCorrect: '#4caf50',
+    keyCorrectMuted: '#2e7d32',
+    keyAccentText: '#eeeeee',
+    keyDisabled: '#505050',
+    keyDisabledText: '#6E6E6E',
+    // Toggle/Switch — green teal
+    toggleTrackOn: 'rgba(129, 199, 132, 0.5)',
+    toggleTrackOff: 'rgba(255, 255, 255, 0.3)',
+    toggleThumbOn: '#81c784',
+    toggleThumbOff: '#6E6E6E',
+    toggleHoverOn: 'rgba(129, 199, 132, 0.08)',
+    toggleHoverOff: 'rgba(255, 255, 255, 0.04)',
+    toggleFocusOn: 'rgba(129, 199, 132, 0.12)',
+    toggleFocusOff: 'rgba(255, 255, 255, 0.06)',
+    // 3D text shadows
+    textShadowDark: '#000000',
+    textShadow1: '#2A2A2A',
+    textShadow2: '#161616',
+    textShadow3: '#000000',
+    // RGB decompositions
+    primaryRgb: '129, 199, 132',
+    backgroundRgb: '14, 17, 14',
+    surfaceRgb: '40, 44, 40',
+    primaryDarkerRgb: '46, 125, 50',
+};
+//# sourceMappingURL=palettes.js.map

package/dist/palettes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palettes.js","sourceRoot":"","sources":["../src/palettes.ts"],"names":[],"mappings":"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"}

package/dist/spring.d.ts

@@ -0,0 +1,41 @@
+/**
+ * Shared spring-animation configuration constants — the generic motion
+ * vocabulary for Kang consumers.
+ *
+ * Domain-free and dependency-free: each constant is a plain
+ * `{ tension, friction, mass? }` object. That shape is structurally
+ * assignable to `@react-spring/web`'s `SpringConfig` (whose fields are all
+ * optional), so a consumer can pass these straight into `useSpring`/`api.start`
+ * `config:` without Kang taking a react-spring dependency.
+ *
+ * These mirror the presets that previously lived in `ymy-components` so feel is
+ * identical across apps. Use the named constant instead of an inline literal so
+ * every animation shares one tuned set of physics.
+ */
+/** A react-spring-compatible spring physics config (mass defaults to 1 in react-spring). */
+export interface SpringConfigConstant {
+    tension: number;
+    friction: number;
+    mass?: number;
+}
+/** Base comfortable config — smooth, relaxed animations. */
+export declare const SPRING_COMFORTABLE: SpringConfigConstant;
+/** Slower comfortable variant for background/gradient transitions. */
+export declare const SPRING_COMFORTABLE_SLOW: SpringConfigConstant;
+/** Snappy config — quick, responsive animations. */
+export declare const SPRING_SNAPPY: SpringConfigConstant;
+/** Responsive config — for UI elements that need quick feedback. */
+export declare const SPRING_RESPONSIVE: SpringConfigConstant;
+/** Staggered/lagged config — for cascading animations. */
+export declare const SPRING_STAGGERED: SpringConfigConstant;
+/** Instant config — near-immediate transitions. */
+export declare const SPRING_INSTANT: SpringConfigConstant;
+/** Gentle config — subtle, unobtrusive animations. */
+export declare const SPRING_GENTLE: SpringConfigConstant;
+/** Very slow config — for delayed/transitional animations. */
+export declare const SPRING_VERY_SLOW: SpringConfigConstant;
+/** Landing config — for "settling" hero animations with slight overshoot. */
+export declare const SPRING_LANDING: SpringConfigConstant;
+/** Rising config — for reverse hero animations, smoother deceleration. */
+export declare const SPRING_RISING: SpringConfigConstant;
+//# sourceMappingURL=spring.d.ts.map

package/dist/spring.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spring.d.ts","sourceRoot":"","sources":["../src/spring.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,4FAA4F;AAC5F,MAAM,WAAW,oBAAoB;IACpC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,4DAA4D;AAC5D,eAAO,MAAM,kBAAkB,EAAE,oBAAqD,CAAC;AAEvF,sEAAsE;AACtE,eAAO,MAAM,uBAAuB,EAAE,oBAAqD,CAAC;AAE5F,oDAAoD;AACpD,eAAO,MAAM,aAAa,EAAE,oBAAqD,CAAC;AAElF,oEAAoE;AACpE,eAAO,MAAM,iBAAiB,EAAE,oBAAqD,CAAC;AAEtF,0DAA0D;AAC1D,eAAO,MAAM,gBAAgB,EAAE,oBAAqD,CAAC;AAErF,mDAAmD;AACnD,eAAO,MAAM,cAAc,EAAE,oBAAqD,CAAC;AAEnF,sDAAsD;AACtD,eAAO,MAAM,aAAa,EAAE,oBAAqD,CAAC;AAElF,8DAA8D;AAC9D,eAAO,MAAM,gBAAgB,EAAE,oBAAoD,CAAC;AAEpF,6EAA6E;AAC7E,eAAO,MAAM,cAAc,EAAE,oBAA8D,CAAC;AAE5F,0EAA0E;AAC1E,eAAO,MAAM,aAAa,EAAE,oBAA8D,CAAC"}

package/dist/spring.js

@@ -0,0 +1,35 @@
+/**
+ * Shared spring-animation configuration constants — the generic motion
+ * vocabulary for Kang consumers.
+ *
+ * Domain-free and dependency-free: each constant is a plain
+ * `{ tension, friction, mass? }` object. That shape is structurally
+ * assignable to `@react-spring/web`'s `SpringConfig` (whose fields are all
+ * optional), so a consumer can pass these straight into `useSpring`/`api.start`
+ * `config:` without Kang taking a react-spring dependency.
+ *
+ * These mirror the presets that previously lived in `ymy-components` so feel is
+ * identical across apps. Use the named constant instead of an inline literal so
+ * every animation shares one tuned set of physics.
+ */
+/** Base comfortable config — smooth, relaxed animations. */
+export const SPRING_COMFORTABLE = { tension: 200, friction: 25 };
+/** Slower comfortable variant for background/gradient transitions. */
+export const SPRING_COMFORTABLE_SLOW = { tension: 150, friction: 25 };
+/** Snappy config — quick, responsive animations. */
+export const SPRING_SNAPPY = { tension: 325, friction: 30 };
+/** Responsive config — for UI elements that need quick feedback. */
+export const SPRING_RESPONSIVE = { tension: 300, friction: 30 };
+/** Staggered/lagged config — for cascading animations. */
+export const SPRING_STAGGERED = { tension: 750, friction: 30 };
+/** Instant config — near-immediate transitions. */
+export const SPRING_INSTANT = { tension: 900, friction: 30 };
+/** Gentle config — subtle, unobtrusive animations. */
+export const SPRING_GENTLE = { tension: 185, friction: 25 };
+/** Very slow config — for delayed/transitional animations. */
+export const SPRING_VERY_SLOW = { tension: 50, friction: 20 };
+/** Landing config — for "settling" hero animations with slight overshoot. */
+export const SPRING_LANDING = { tension: 280, friction: 22, mass: 1 };
+/** Rising config — for reverse hero animations, smoother deceleration. */
+export const SPRING_RISING = { tension: 220, friction: 26, mass: 1 };
+//# sourceMappingURL=spring.js.map

package/dist/spring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spring.js","sourceRoot":"","sources":["../src/spring.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AASH,4DAA4D;AAC5D,MAAM,CAAC,MAAM,kBAAkB,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAEvF,sEAAsE;AACtE,MAAM,CAAC,MAAM,uBAAuB,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAE5F,oDAAoD;AACpD,MAAM,CAAC,MAAM,aAAa,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAElF,oEAAoE;AACpE,MAAM,CAAC,MAAM,iBAAiB,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAEtF,0DAA0D;AAC1D,MAAM,CAAC,MAAM,gBAAgB,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAErF,mDAAmD;AACnD,MAAM,CAAC,MAAM,cAAc,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAEnF,sDAAsD;AACtD,MAAM,CAAC,MAAM,aAAa,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAElF,8DAA8D;AAC9D,MAAM,CAAC,MAAM,gBAAgB,GAAyB,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;AAEpF,6EAA6E;AAC7E,MAAM,CAAC,MAAM,cAAc,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;AAE5F,0EAA0E;AAC1E,MAAM,CAAC,MAAM,aAAa,GAAyB,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC"}

package/dist/theme.d.ts

@@ -0,0 +1,192 @@
+/**
+ * Theme system — a mechanical mapping from a per-mode {@link ModeColorPalette}
+ * to the theme object consumed via styled-components' `props.theme`.
+ *
+ * Ported from ymy-components. The palettes carry all color values; this builder
+ * assembles them (plus spacing/styling tokens) into the shape the app reads.
+ *
+ * To wire global `DefaultTheme` typing in a consumer, augment styled-components
+ * with {@link ThemeType} (see the project's `styled.d.ts`).
+ */
+import type { ModeColorPalette } from './palettes.js';
+/** Convert a hex color (`#rrggbb`) to an `"r, g, b"` string for rgba() usage */
+export declare function hexToRgb(hex: string): string;
+/** Build a theme object for the given mode */
+export declare function buildTheme(mode: 'light' | 'dark'): {
+    readonly spacing: {
+        readonly appStandardPadding: "1rem";
+    };
+    readonly colors: {
+        readonly primary: string;
+        readonly onPrimary: string;
+        readonly primaryContainer: string;
+        readonly onPrimaryContainer: string;
+        readonly primaryDark: string;
+        readonly primaryDarker: string;
+        readonly secondary: string;
+        readonly onSecondary: string;
+        readonly secondaryContainer: string;
+        readonly onSecondaryContainer: string;
+        readonly secondaryLight: string;
+        readonly success: string;
+        readonly onSuccess: string;
+        readonly successContainer: string;
+        readonly onSuccessContainer: string;
+        readonly successSurface: string;
+        readonly successDark: string;
+        readonly successMuted: string;
+        readonly error: string;
+        readonly onError: string;
+        readonly errorMuted: string;
+        readonly surface: string;
+        readonly onSurface: string;
+        readonly surfaceVariant: string;
+        readonly onSurfaceVariant: string;
+        readonly surfaceContainer: string;
+        readonly surfaceContainerHigh: string;
+        readonly background: string;
+        readonly onBackground: string;
+        readonly outline: string;
+        readonly outlineVariant: string;
+        readonly shadow: string;
+        readonly shadowLight: string;
+        readonly shadowLighter: string;
+        readonly shadowSubtle: string;
+        readonly shadowFaint: string;
+        readonly scrim: string;
+        readonly scrimLight: string;
+        readonly ripple: string;
+        readonly whiteHigh: string;
+        readonly whiteMedium: string;
+        readonly whiteLow: string;
+        readonly whiteHover: string;
+        readonly keyboardSurface: string;
+        readonly keyCharacter: string;
+        readonly keyCharacterText: string;
+        readonly keyDefault: string;
+        readonly keyDefaultText: string;
+        readonly keyWrong: string;
+        readonly keyWrongMuted: string;
+        readonly keyCorrect: string;
+        readonly keyCorrectMuted: string;
+        readonly keyAccentText: string;
+        readonly keyDisabled: string;
+        readonly keyDisabledText: string;
+        readonly toggleTrackOn: string;
+        readonly toggleTrackOff: string;
+        readonly toggleThumbOn: string;
+        readonly toggleThumbOff: string;
+        readonly toggleHoverOn: string;
+        readonly toggleHoverOff: string;
+        readonly toggleFocusOn: string;
+        readonly toggleFocusOff: string;
+        readonly textShadowDark: string;
+        readonly textShadow1: string;
+        readonly textShadow2: string;
+        readonly textShadow3: string;
+        readonly primaryRgb: string;
+        readonly backgroundRgb: string;
+        readonly surfaceRgb: string;
+        readonly primaryDarkerRgb: string;
+        readonly primaryLight: string;
+        readonly backgroundHex: string;
+        readonly bottomNavBarBackgroundRgb: string;
+        readonly settingsBackgroundRgb: string;
+        readonly text: string;
+    };
+    readonly styling: {
+        readonly borderRadiusPixel: number;
+    };
+    readonly palette: ModeColorPalette;
+};
+/** Default light theme (for backwards compatibility and tests) */
+export declare const theme: {
+    readonly spacing: {
+        readonly appStandardPadding: "1rem";
+    };
+    readonly colors: {
+        readonly primary: string;
+        readonly onPrimary: string;
+        readonly primaryContainer: string;
+        readonly onPrimaryContainer: string;
+        readonly primaryDark: string;
+        readonly primaryDarker: string;
+        readonly secondary: string;
+        readonly onSecondary: string;
+        readonly secondaryContainer: string;
+        readonly onSecondaryContainer: string;
+        readonly secondaryLight: string;
+        readonly success: string;
+        readonly onSuccess: string;
+        readonly successContainer: string;
+        readonly onSuccessContainer: string;
+        readonly successSurface: string;
+        readonly successDark: string;
+        readonly successMuted: string;
+        readonly error: string;
+        readonly onError: string;
+        readonly errorMuted: string;
+        readonly surface: string;
+        readonly onSurface: string;
+        readonly surfaceVariant: string;
+        readonly onSurfaceVariant: string;
+        readonly surfaceContainer: string;
+        readonly surfaceContainerHigh: string;
+        readonly background: string;
+        readonly onBackground: string;
+        readonly outline: string;
+        readonly outlineVariant: string;
+        readonly shadow: string;
+        readonly shadowLight: string;
+        readonly shadowLighter: string;
+        readonly shadowSubtle: string;
+        readonly shadowFaint: string;
+        readonly scrim: string;
+        readonly scrimLight: string;
+        readonly ripple: string;
+        readonly whiteHigh: string;
+        readonly whiteMedium: string;
+        readonly whiteLow: string;
+        readonly whiteHover: string;
+        readonly keyboardSurface: string;
+        readonly keyCharacter: string;
+        readonly keyCharacterText: string;
+        readonly keyDefault: string;
+        readonly keyDefaultText: string;
+        readonly keyWrong: string;
+        readonly keyWrongMuted: string;
+        readonly keyCorrect: string;
+        readonly keyCorrectMuted: string;
+        readonly keyAccentText: string;
+        readonly keyDisabled: string;
+        readonly keyDisabledText: string;
+        readonly toggleTrackOn: string;
+        readonly toggleTrackOff: string;
+        readonly toggleThumbOn: string;
+        readonly toggleThumbOff: string;
+        readonly toggleHoverOn: string;
+        readonly toggleHoverOff: string;
+        readonly toggleFocusOn: string;
+        readonly toggleFocusOff: string;
+        readonly textShadowDark: string;
+        readonly textShadow1: string;
+        readonly textShadow2: string;
+        readonly textShadow3: string;
+        readonly primaryRgb: string;
+        readonly backgroundRgb: string;
+        readonly surfaceRgb: string;
+        readonly primaryDarkerRgb: string;
+        readonly primaryLight: string;
+        readonly backgroundHex: string;
+        readonly bottomNavBarBackgroundRgb: string;
+        readonly settingsBackgroundRgb: string;
+        readonly text: string;
+    };
+    readonly styling: {
+        readonly borderRadiusPixel: number;
+    };
+    readonly palette: ModeColorPalette;
+};
+/** Type export for use in styled.d.ts augmentations */
+export type ThemeType = ReturnType<typeof buildTheme>;
+//# sourceMappingURL=theme.d.ts.map

package/dist/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAGtD,gFAAgF;AAChF,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAM5C;AA6GD,8CAA8C;AAC9C,wBAAgB,UAAU,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAPrB,MAAM;;;EASjC;AAED,kEAAkE;AAClE,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAZU,MAAM;;;CAYM,CAAC;AAEzC,uDAAuD;AACvD,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC"}

package/dist/theme.js

@@ -0,0 +1,118 @@
+/**
+ * Theme system — a mechanical mapping from a per-mode {@link ModeColorPalette}
+ * to the theme object consumed via styled-components' `props.theme`.
+ *
+ * Ported from ymy-components. The palettes carry all color values; this builder
+ * assembles them (plus spacing/styling tokens) into the shape the app reads.
+ *
+ * To wire global `DefaultTheme` typing in a consumer, augment styled-components
+ * with {@link ThemeType} (see the project's `styled.d.ts`).
+ */
+import { lightPalette, darkPalette } from './palettes.js';
+/** Convert a hex color (`#rrggbb`) to an `"r, g, b"` string for rgba() usage */
+export function hexToRgb(hex) {
+    const h = hex.replace('#', '');
+    const r = parseInt(h.substring(0, 2), 16);
+    const g = parseInt(h.substring(2, 4), 16);
+    const b = parseInt(h.substring(4, 6), 16);
+    return `${r}, ${g}, ${b}`;
+}
+function assembleTheme(palette) {
+    return {
+        spacing: {
+            appStandardPadding: '1rem',
+        },
+        colors: {
+            // Core tokens — 1:1 from palette
+            primary: palette.primary,
+            onPrimary: palette.onPrimary,
+            primaryContainer: palette.primaryContainer,
+            onPrimaryContainer: palette.onPrimaryContainer,
+            primaryDark: palette.primaryDark,
+            primaryDarker: palette.primaryDarker,
+            secondary: palette.secondary,
+            onSecondary: palette.onSecondary,
+            secondaryContainer: palette.secondaryContainer,
+            onSecondaryContainer: palette.onSecondaryContainer,
+            secondaryLight: palette.secondaryLight,
+            success: palette.success,
+            onSuccess: palette.onSuccess,
+            successContainer: palette.successContainer,
+            onSuccessContainer: palette.onSuccessContainer,
+            successSurface: palette.successSurface,
+            successDark: palette.successDark,
+            successMuted: palette.successMuted,
+            error: palette.error,
+            onError: palette.onError,
+            errorMuted: palette.errorMuted,
+            surface: palette.surface,
+            onSurface: palette.onSurface,
+            surfaceVariant: palette.surfaceVariant,
+            onSurfaceVariant: palette.onSurfaceVariant,
+            surfaceContainer: palette.surfaceContainer,
+            surfaceContainerHigh: palette.surfaceContainerHigh,
+            background: palette.background,
+            onBackground: palette.onBackground,
+            outline: palette.outline,
+            outlineVariant: palette.outlineVariant,
+            shadow: palette.shadow,
+            shadowLight: palette.shadowLight,
+            shadowLighter: palette.shadowLighter,
+            shadowSubtle: palette.shadowSubtle,
+            shadowFaint: palette.shadowFaint,
+            scrim: palette.scrim,
+            scrimLight: palette.scrimLight,
+            ripple: palette.ripple,
+            whiteHigh: palette.whiteHigh,
+            whiteMedium: palette.whiteMedium,
+            whiteLow: palette.whiteLow,
+            whiteHover: palette.whiteHover,
+            keyboardSurface: palette.keyboardSurface,
+            keyCharacter: palette.keyCharacter,
+            keyCharacterText: palette.keyCharacterText,
+            keyDefault: palette.keyDefault,
+            keyDefaultText: palette.keyDefaultText,
+            keyWrong: palette.keyWrong,
+            keyWrongMuted: palette.keyWrongMuted,
+            keyCorrect: palette.keyCorrect,
+            keyCorrectMuted: palette.keyCorrectMuted,
+            keyAccentText: palette.keyAccentText,
+            keyDisabled: palette.keyDisabled,
+            keyDisabledText: palette.keyDisabledText,
+            toggleTrackOn: palette.toggleTrackOn,
+            toggleTrackOff: palette.toggleTrackOff,
+            toggleThumbOn: palette.toggleThumbOn,
+            toggleThumbOff: palette.toggleThumbOff,
+            toggleHoverOn: palette.toggleHoverOn,
+            toggleHoverOff: palette.toggleHoverOff,
+            toggleFocusOn: palette.toggleFocusOn,
+            toggleFocusOff: palette.toggleFocusOff,
+            textShadowDark: palette.textShadowDark,
+            textShadow1: palette.textShadow1,
+            textShadow2: palette.textShadow2,
+            textShadow3: palette.textShadow3,
+            // RGB versions for rgba() usage in styled-components
+            primaryRgb: palette.primaryRgb,
+            backgroundRgb: palette.backgroundRgb,
+            surfaceRgb: palette.surfaceRgb,
+            primaryDarkerRgb: palette.primaryDarkerRgb,
+            // Legacy mappings (for gradual migration - can be removed later)
+            primaryLight: palette.primaryContainer,
+            backgroundHex: palette.background,
+            bottomNavBarBackgroundRgb: palette.primaryRgb,
+            settingsBackgroundRgb: palette.surfaceRgb,
+            text: palette.onSurface,
+        },
+        styling: {
+            borderRadiusPixel: 32,
+        },
+        palette,
+    };
+}
+/** Build a theme object for the given mode */
+export function buildTheme(mode) {
+    return assembleTheme(mode === 'dark' ? darkPalette : lightPalette);
+}
+/** Default light theme (for backwards compatibility and tests) */
+export const theme = buildTheme('light');
+//# sourceMappingURL=theme.js.map

package/dist/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.js","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "kang-components",
-	"version": "0.3.0",
-	"description": "Generic, domain-free React UI primitives (CSS-first press feedback, delayed-action hook).",
+	"version": "0.5.0",
+	"description": "Generic, domain-free React UI primitives (CSS-first press feedback, delayed-action hook, spring presets, cross-fading text).",
 	"type": "module",
 	"license": "MIT",
 	"repository": {
@@ -23,13 +23,19 @@
 	"sideEffects": false,
 	"scripts": {
 		"build": "tsc -p tsconfig.build.json",
+		"test": "vitest run",
+		"test:watch": "vitest",
 		"prepublishOnly": "npm run build"
 	},
 	"peerDependencies": {
+		"@react-spring/web": ">=9",
 		"react": ">=18",
 		"styled-components": ">=6"
 	},
 	"peerDependenciesMeta": {
+		"@react-spring/web": {
+			"optional": true
+		},
 		"react": {
 			"optional": true
 		},
@@ -38,9 +44,17 @@
 		}
 	},
 	"devDependencies": {
+		"@react-spring/web": "^9.7.5",
+		"@testing-library/jest-dom": "^6.6.3",
+		"@testing-library/react": "^16.1.0",
 		"@types/react": "^18.3.18",
+		"@types/react-dom": "^18.3.5",
+		"@vitejs/plugin-react": "^4.3.4",
+		"jsdom": "^25.0.1",
 		"react": "^18.3.1",
+		"react-dom": "^18.3.1",
 		"styled-components": "^6.1.16",
-		"typescript": "~5.6.2"
+		"typescript": "~5.6.2",
+		"vitest": "^2.1.8"
 	}
 }