@lmb-it/kitsconcerto-native 0.1.245 → 0.1.247

package/hooks/useCountUp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountUp.js","sources":["../../../src/hooks/useCountUp.ts"],"sourcesContent":["import {useEffect, useState} from \"react\";\nimport {useReducedMotion} from \"./useReducedMotion\";\nimport {kitsMotion} from \"../motion\";\n\nexport interface IUseCountUpOptions {\n    /** Animation duration in ms. @default kitsMotion.duration.countUp */\n    duration?: number;\n    /** Delay before the count starts, in ms. @default 0 */\n    delay?: number;\n    /** Gate: the count runs only while true (pair with `useEnter`). While false the value stays at 0. @default true */\n    run?: boolean;\n    /** Decimal places; when > 0 the hook returns a fixed-point string. @default 0 */\n    decimals?: number;\n}\n\n/**\n * Animates a number from 0 to `target` (ease-out cubic, rAF), landing\n * exactly on `target`. With reduced motion the target is returned\n * immediately — no animation. Formatting and locale are the caller's\n * concern (see `formatNumber`).\n */\nexport function useCountUp(\n    target: number,\n    {\n        duration = kitsMotion.duration.countUp,\n        delay = 0,\n        run = true,\n        decimals = 0,\n    }: IUseCountUpOptions = {},\n): number | string {\n    const reduced = useReducedMotion();\n    const [value, setValue] = useState(reduced ? target : 0);\n\n    useEffect(() => {\n        if (reduced) {\n            setValue(target);\n            return;\n        }\n        if (!run) {\n            setValue(0);\n            return;\n        }\n        let raf = 0;\n        let start: number | null = null;\n        const step = (now: number) => {\n            if (start === null) start = now;\n            const progress = Math.min(1, (now - start) / duration);\n            const eased = 1 - Math.pow(1 - progress, 3);\n            setValue(target * eased);\n            if (progress < 1) raf = requestAnimationFrame(step);\n            else setValue(target);\n        };\n        const timer = setTimeout(() => {\n            raf = requestAnimationFrame(step);\n        }, delay);\n        return () => {\n            clearTimeout(timer);\n            cancelAnimationFrame(raf);\n        };\n    }, [target, run, duration, delay, reduced]);\n\n    return decimals > 0 ? value.toFixed(decimals) : Math.round(value);\n}\n\nexport default useCountUp;\n"],"names":[],"mappings":";;;;AAqBO,SAAS,WACZ,MAAA,EACA;AAAA,EACI,QAAA,GAAW,WAAW,QAAA,CAAS,OAAA;AAAA,EAC/B,KAAA,GAAQ,CAAA;AAAA,EACR,GAAA,GAAM,IAAA;AAAA,EACN,QAAA,GAAW;AACf,CAAA,GAAwB,EAAC,EACV;AACf,EAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,IAAI,QAAA,CAAS,OAAA,GAAU,SAAS,CAAC,CAAA;AAEvD,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,OAAA,EAAS;AACT,MAAA,QAAA,CAAS,MAAM,CAAA;AACf,MAAA;AAAA,IACJ;AACA,IAAA,IAAI,CAAC,GAAA,EAAK;AACN,MAAA,QAAA,CAAS,CAAC,CAAA;AACV,MAAA;AAAA,IACJ;AACA,IAAA,IAAI,GAAA,GAAM,CAAA;AACV,IAAA,IAAI,KAAA,GAAuB,IAAA;AAC3B,IAAA,MAAM,IAAA,GAAO,CAAC,GAAA,KAAgB;AAC1B,MAAA,IAAI,KAAA,KAAU,MAAM,KAAA,GAAQ,GAAA;AAC5B,MAAA,MAAM,WAAW,IAAA,CAAK,GAAA,CAAI,CAAA,EAAA,CAAI,GAAA,GAAM,SAAS,QAAQ,CAAA;AACrD,MAAA,MAAM,QAAQ,CAAA,GAAI,IAAA,CAAK,GAAA,CAAI,CAAA,GAAI,UAAU,CAAC,CAAA;AAC1C,MAAA,QAAA,CAAS,SAAS,KAAK,CAAA;AACvB,MAAA,IAAI,QAAA,GAAW,CAAA,EAAG,GAAA,GAAM,qBAAA,CAAsB,IAAI,CAAA;AAAA,oBACpC,MAAM,CAAA;AAAA,IACxB,CAAA;AACA,IAAA,MAAM,KAAA,GAAQ,WAAW,MAAM;AAC3B,MAAA,GAAA,GAAM,sBAAsB,IAAI,CAAA;AAAA,IACpC,GAAG,KAAK,CAAA;AACR,IAAA,OAAO,MAAM;AACT,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,oBAAA,CAAqB,GAAG,CAAA;AAAA,IAC5B,CAAA;AAAA,EACJ,GAAG,CAAC,MAAA,EAAQ,KAAK,QAAA,EAAU,KAAA,EAAO,OAAO,CAAC,CAAA;AAE1C,EAAA,OAAO,QAAA,GAAW,IAAI,KAAA,CAAM,OAAA,CAAQ,QAAQ,CAAA,GAAI,IAAA,CAAK,MAAM,KAAK,CAAA;AACpE;;;;"}

package/hooks/useEnter.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var index_native = require('./useReducedMotion/index.cjs');
+var index = require('../motion/index.cjs');
+
+function useEnter(delay = 0) {
+  const reduced = index_native.useReducedMotion();
+  const [on, setOn] = React.useState(reduced);
+  React.useEffect(() => {
+    if (reduced) {
+      setOn(true);
+      return;
+    }
+    const timer = setTimeout(() => setOn(true), index.kitsMotion.enterBaseDelay + delay);
+    return () => clearTimeout(timer);
+  }, [reduced, delay]);
+  return on;
+}
+
+exports.default = useEnter;
+exports.useEnter = useEnter;
+//# sourceMappingURL=useEnter.cjs.map

package/hooks/useEnter.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnter.cjs","sources":["../../../src/hooks/useEnter.ts"],"sourcesContent":["import {useEffect, useState} from \"react\";\nimport {useReducedMotion} from \"./useReducedMotion\";\nimport {kitsMotion} from \"../motion\";\n\n/**\n * Entrance trigger: `false` on mount, flips to `true` after\n * `kitsMotion.enterBaseDelay + delay` ms so a CSS transition can play\n * from the initial state. With reduced motion it is `true` from the first\n * render — the element appears directly in its final state.\n *\n * Replay by remounting (key change); the timer does not restart on\n * re-renders.\n */\nexport function useEnter(delay = 0): boolean {\n    const reduced = useReducedMotion();\n    const [on, setOn] = useState(reduced);\n\n    useEffect(() => {\n        if (reduced) {\n            setOn(true);\n            return;\n        }\n        const timer = setTimeout(() => setOn(true), kitsMotion.enterBaseDelay + delay);\n        return () => clearTimeout(timer);\n    }, [reduced, delay]);\n\n    return on;\n}\n\nexport default useEnter;\n"],"names":["useReducedMotion","useState","useEffect","kitsMotion"],"mappings":";;;;;;;;AAaO,SAAS,QAAA,CAAS,QAAQ,CAAA,EAAY;AACzC,EAAA,MAAM,UAAUA,6BAAA,EAAiB;AACjC,EAAA,MAAM,CAAC,EAAA,EAAI,KAAK,CAAA,GAAIC,eAAS,OAAO,CAAA;AAEpC,EAAAC,eAAA,CAAU,MAAM;AACZ,IAAA,IAAI,OAAA,EAAS;AACT,MAAA,KAAA,CAAM,IAAI,CAAA;AACV,MAAA;AAAA,IACJ;AACA,IAAA,MAAM,KAAA,GAAQ,WAAW,MAAM,KAAA,CAAM,IAAI,CAAA,EAAGC,gBAAA,CAAW,iBAAiB,KAAK,CAAA;AAC7E,IAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,OAAA,EAAS,KAAK,CAAC,CAAA;AAEnB,EAAA,OAAO,EAAA;AACX;;;;;"}

package/hooks/useEnter.js

@@ -0,0 +1,20 @@
+import { useState, useEffect } from 'react';
+import { useReducedMotion } from './useReducedMotion/index.js';
+import { kitsMotion } from '../motion/index.js';
+
+function useEnter(delay = 0) {
+  const reduced = useReducedMotion();
+  const [on, setOn] = useState(reduced);
+  useEffect(() => {
+    if (reduced) {
+      setOn(true);
+      return;
+    }
+    const timer = setTimeout(() => setOn(true), kitsMotion.enterBaseDelay + delay);
+    return () => clearTimeout(timer);
+  }, [reduced, delay]);
+  return on;
+}
+
+export { useEnter as default, useEnter };
+//# sourceMappingURL=useEnter.js.map

package/hooks/useEnter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnter.js","sources":["../../../src/hooks/useEnter.ts"],"sourcesContent":["import {useEffect, useState} from \"react\";\nimport {useReducedMotion} from \"./useReducedMotion\";\nimport {kitsMotion} from \"../motion\";\n\n/**\n * Entrance trigger: `false` on mount, flips to `true` after\n * `kitsMotion.enterBaseDelay + delay` ms so a CSS transition can play\n * from the initial state. With reduced motion it is `true` from the first\n * render — the element appears directly in its final state.\n *\n * Replay by remounting (key change); the timer does not restart on\n * re-renders.\n */\nexport function useEnter(delay = 0): boolean {\n    const reduced = useReducedMotion();\n    const [on, setOn] = useState(reduced);\n\n    useEffect(() => {\n        if (reduced) {\n            setOn(true);\n            return;\n        }\n        const timer = setTimeout(() => setOn(true), kitsMotion.enterBaseDelay + delay);\n        return () => clearTimeout(timer);\n    }, [reduced, delay]);\n\n    return on;\n}\n\nexport default useEnter;\n"],"names":[],"mappings":";;;;AAaO,SAAS,QAAA,CAAS,QAAQ,CAAA,EAAY;AACzC,EAAA,MAAM,UAAU,gBAAA,EAAiB;AACjC,EAAA,MAAM,CAAC,EAAA,EAAI,KAAK,CAAA,GAAI,SAAS,OAAO,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,OAAA,EAAS;AACT,MAAA,KAAA,CAAM,IAAI,CAAA;AACV,MAAA;AAAA,IACJ;AACA,IAAA,MAAM,KAAA,GAAQ,WAAW,MAAM,KAAA,CAAM,IAAI,CAAA,EAAG,UAAA,CAAW,iBAAiB,KAAK,CAAA;AAC7E,IAAA,OAAO,MAAM,aAAa,KAAK,CAAA;AAAA,EACnC,CAAA,EAAG,CAAC,OAAA,EAAS,KAAK,CAAC,CAAA;AAEnB,EAAA,OAAO,EAAA;AACX;;;;"}

package/hooks/useMeasuredWidth.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function useMeasuredWidth() {
+  const ref = React.useRef(null);
+  return [ref, 0];
+}
+
+exports.default = useMeasuredWidth;
+exports.useMeasuredWidth = useMeasuredWidth;
+//# sourceMappingURL=useMeasuredWidth.cjs.map

package/hooks/useMeasuredWidth.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeasuredWidth.cjs","sources":["../../../src/hooks/useMeasuredWidth.native.ts"],"sourcesContent":["import {useRef, type RefObject} from \"react\";\n\n/**\n * Native stub — the widget family is web-only for now (matches the\n * `Widgets.*` charts precedent). Always reports width 0, so measured\n * drawings render nothing on native.\n */\nexport function useMeasuredWidth<T = unknown>(): [RefObject<T | null>, number] {\n    const ref = useRef<T | null>(null);\n    return [ref, 0];\n}\n\nexport default useMeasuredWidth;\n"],"names":["useRef"],"mappings":";;;;;;AAOO,SAAS,gBAAA,GAA+D;AAC3E,EAAA,MAAM,GAAA,GAAMA,aAAiB,IAAI,CAAA;AACjC,EAAA,OAAO,CAAC,KAAK,CAAC,CAAA;AAClB;;;;;"}

package/hooks/useMeasuredWidth.js

@@ -0,0 +1,9 @@
+import { useRef } from 'react';
+
+function useMeasuredWidth() {
+  const ref = useRef(null);
+  return [ref, 0];
+}
+
+export { useMeasuredWidth as default, useMeasuredWidth };
+//# sourceMappingURL=useMeasuredWidth.js.map

package/hooks/useMeasuredWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMeasuredWidth.js","sources":["../../../src/hooks/useMeasuredWidth.native.ts"],"sourcesContent":["import {useRef, type RefObject} from \"react\";\n\n/**\n * Native stub — the widget family is web-only for now (matches the\n * `Widgets.*` charts precedent). Always reports width 0, so measured\n * drawings render nothing on native.\n */\nexport function useMeasuredWidth<T = unknown>(): [RefObject<T | null>, number] {\n    const ref = useRef<T | null>(null);\n    return [ref, 0];\n}\n\nexport default useMeasuredWidth;\n"],"names":[],"mappings":";;AAOO,SAAS,gBAAA,GAA+D;AAC3E,EAAA,MAAM,GAAA,GAAM,OAAiB,IAAI,CAAA;AACjC,EAAA,OAAO,CAAC,KAAK,CAAC,CAAA;AAClB;;;;"}

package/hooks/useReducedMotion/context.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var React = require('react');
+
+const ReducedMotionContext = React.createContext(null);
+const ReducedMotionProvider = ReducedMotionContext.Provider;
+
+exports.ReducedMotionContext = ReducedMotionContext;
+exports.ReducedMotionProvider = ReducedMotionProvider;
+//# sourceMappingURL=context.cjs.map

package/hooks/useReducedMotion/context.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.cjs","sources":["../../../../src/hooks/useReducedMotion/context.ts"],"sourcesContent":["import {createContext} from \"react\";\n\n/**\n * Optional override for `useReducedMotion`. `null` (the default) means\n * \"no override — read the platform signal\". Wrap a subtree in\n * `ReducedMotionProvider` to force a value (stories and tests use this,\n * since the OS media query cannot be toggled per-story).\n */\nexport const ReducedMotionContext = createContext<boolean | null>(null);\n\nexport const ReducedMotionProvider = ReducedMotionContext.Provider;\n"],"names":["createContext"],"mappings":";;;;AAQO,MAAM,oBAAA,GAAuBA,oBAA8B,IAAI;AAE/D,MAAM,wBAAwB,oBAAA,CAAqB;;;;;"}

package/hooks/useReducedMotion/context.js

@@ -0,0 +1,7 @@
+import { createContext } from 'react';
+
+const ReducedMotionContext = createContext(null);
+const ReducedMotionProvider = ReducedMotionContext.Provider;
+
+export { ReducedMotionContext, ReducedMotionProvider };
+//# sourceMappingURL=context.js.map

package/hooks/useReducedMotion/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sources":["../../../../src/hooks/useReducedMotion/context.ts"],"sourcesContent":["import {createContext} from \"react\";\n\n/**\n * Optional override for `useReducedMotion`. `null` (the default) means\n * \"no override — read the platform signal\". Wrap a subtree in\n * `ReducedMotionProvider` to force a value (stories and tests use this,\n * since the OS media query cannot be toggled per-story).\n */\nexport const ReducedMotionContext = createContext<boolean | null>(null);\n\nexport const ReducedMotionProvider = ReducedMotionContext.Provider;\n"],"names":[],"mappings":";;AAQO,MAAM,oBAAA,GAAuB,cAA8B,IAAI;AAE/D,MAAM,wBAAwB,oBAAA,CAAqB;;;;"}

package/hooks/useReducedMotion/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var React = require('react');
+var context = require('./context.cjs');
+
+function useReducedMotion() {
+  const override = React.useContext(context.ReducedMotionContext);
+  return override ?? false;
+}
+
+exports.ReducedMotionProvider = context.ReducedMotionProvider;
+exports.useReducedMotion = useReducedMotion;
+//# sourceMappingURL=index.cjs.map

package/hooks/useReducedMotion/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../src/hooks/useReducedMotion/index.native.ts"],"sourcesContent":["import {useContext} from \"react\";\nimport {ReducedMotionContext, ReducedMotionProvider} from \"./context\";\n\n/**\n * Native counterpart of `useReducedMotion`. The widget family is currently\n * web-only, so the platform signal (AccessibilityInfo.isReduceMotionEnabled)\n * is not wired yet — that is a future unit. Only the `ReducedMotionProvider`\n * override is honoured; without one this returns false.\n */\nexport function useReducedMotion(): boolean {\n    const override = useContext(ReducedMotionContext);\n    return override ?? false;\n}\n\nexport {ReducedMotionProvider};\nexport default useReducedMotion;\n"],"names":["useContext","ReducedMotionContext"],"mappings":";;;;;AASO,SAAS,gBAAA,GAA4B;AACxC,EAAA,MAAM,QAAA,GAAWA,iBAAWC,4BAAoB,CAAA;AAChD,EAAA,OAAO,QAAA,IAAY,KAAA;AACvB;;;;;"}

package/hooks/useReducedMotion/index.js

@@ -0,0 +1,11 @@
+import { useContext } from 'react';
+import { ReducedMotionContext } from './context.js';
+export { ReducedMotionProvider } from './context.js';
+
+function useReducedMotion() {
+  const override = useContext(ReducedMotionContext);
+  return override ?? false;
+}
+
+export { useReducedMotion };
+//# sourceMappingURL=index.js.map

package/hooks/useReducedMotion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useReducedMotion/index.native.ts"],"sourcesContent":["import {useContext} from \"react\";\nimport {ReducedMotionContext, ReducedMotionProvider} from \"./context\";\n\n/**\n * Native counterpart of `useReducedMotion`. The widget family is currently\n * web-only, so the platform signal (AccessibilityInfo.isReduceMotionEnabled)\n * is not wired yet — that is a future unit. Only the `ReducedMotionProvider`\n * override is honoured; without one this returns false.\n */\nexport function useReducedMotion(): boolean {\n    const override = useContext(ReducedMotionContext);\n    return override ?? false;\n}\n\nexport {ReducedMotionProvider};\nexport default useReducedMotion;\n"],"names":[],"mappings":";;;;AASO,SAAS,gBAAA,GAA4B;AACxC,EAAA,MAAM,QAAA,GAAW,WAAW,oBAAoB,CAAA;AAChD,EAAA,OAAO,QAAA,IAAY,KAAA;AACvB;;;;"}