@nori-ui/core 0.0.5 → 1.0.2

package/dist/animation/animated-view.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+var Animated = require('react-native-reanimated');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Animated__default = /*#__PURE__*/_interopDefault(Animated);
+
+var AnimatedView = Animated__default.default.View;
+
+exports.AnimatedView = AnimatedView;
+//# sourceMappingURL=animated-view.cjs.map
+//# sourceMappingURL=animated-view.cjs.map

package/dist/animation/animated-view.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/animation/animated-view.ts"],"names":["Animated"],"mappings":";;;;;;;;AAOO,IAAM,eAAeA,yBAAA,CAAS","file":"animated-view.cjs","sourcesContent":["'use client';\n\n// Native build: reanimated's `Animated.View` consumes the worklet\n// styles produced by `useAnimatedStyle`. A regular `View` would\n// render the shared values' default frame and never animate.\nimport Animated from 'react-native-reanimated';\n\nexport const AnimatedView = Animated.View;\n"]}

package/dist/animation/animated-view.d.cts

@@ -0,0 +1,6 @@
+import * as react_native_reanimated_lib_typescript_createAnimatedComponent from 'react-native-reanimated/lib/typescript/createAnimatedComponent';
+import * as react_native from 'react-native';
+
+declare const AnimatedView: react_native_reanimated_lib_typescript_createAnimatedComponent.AnimatedComponentType<Readonly<react_native.ViewProps>, typeof react_native.View>;
+
+export { AnimatedView };

package/dist/animation/animated-view.d.ts

@@ -0,0 +1,6 @@
+import * as react_native_reanimated_lib_typescript_createAnimatedComponent from 'react-native-reanimated/lib/typescript/createAnimatedComponent';
+import * as react_native from 'react-native';
+
+declare const AnimatedView: react_native_reanimated_lib_typescript_createAnimatedComponent.AnimatedComponentType<Readonly<react_native.ViewProps>, typeof react_native.View>;
+
+export { AnimatedView };

package/dist/animation/animated-view.js

@@ -0,0 +1,4 @@
+export { AnimatedView } from '../chunk-RGJ3NBKE.js';
+import '../chunk-WCQVDF3K.js';
+//# sourceMappingURL=animated-view.js.map
+//# sourceMappingURL=animated-view.js.map

package/dist/animation/animated-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"animated-view.js"}

package/dist/animation/animated-view.web.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var reactNative = require('react-native');
+
+var AnimatedView = reactNative.View;
+
+exports.AnimatedView = AnimatedView;
+//# sourceMappingURL=animated-view.web.cjs.map
+//# sourceMappingURL=animated-view.web.cjs.map

package/dist/animation/animated-view.web.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/animation/animated-view.web.ts"],"names":["View"],"mappings":";;;;AAQO,IAAM,YAAA,GAAeA","file":"animated-view.web.cjs","sourcesContent":["'use client';\n\n// Web build: a plain RN `View`. The web side of `useAnimatedNumber`\n// returns CSS transition styles directly on the style fragment, so\n// no animation-aware wrapper is needed — the browser handles easing.\n// Keeps reanimated out of the web bundle entirely.\nimport { View } from 'react-native';\n\nexport const AnimatedView = View;\n"]}

package/dist/animation/animated-view.web.d.cts

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+
+declare const AnimatedView: typeof View;
+
+export { AnimatedView };

package/dist/animation/animated-view.web.d.ts

@@ -0,0 +1,5 @@
+import { View } from 'react-native';
+
+declare const AnimatedView: typeof View;
+
+export { AnimatedView };

package/dist/animation/animated-view.web.js

@@ -0,0 +1,8 @@
+import '../chunk-WCQVDF3K.js';
+import { View } from 'react-native';
+
+var AnimatedView = View;
+
+export { AnimatedView };
+//# sourceMappingURL=animated-view.web.js.map
+//# sourceMappingURL=animated-view.web.js.map

package/dist/animation/animated-view.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/animation/animated-view.web.ts"],"names":[],"mappings":";;;AAQO,IAAM,YAAA,GAAe","file":"animated-view.web.js","sourcesContent":["'use client';\n\n// Web build: a plain RN `View`. The web side of `useAnimatedNumber`\n// returns CSS transition styles directly on the style fragment, so\n// no animation-aware wrapper is needed — the browser handles easing.\n// Keeps reanimated out of the web bundle entirely.\nimport { View } from 'react-native';\n\nexport const AnimatedView = View;\n"]}

package/dist/animation/use-animated-number.cjs

@@ -0,0 +1,80 @@
+'use strict';
+
+var react = require('react');
+var reactNative = require('react-native');
+var reactNativeReanimated = require('react-native-reanimated');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+var IS_WEB = reactNative.Platform.OS === "web";
+function useAnimatedNumber(property, target, options = {}) {
+  const { duration = 180 } = options;
+  if (IS_WEB) {
+    return webStyle(property, target, duration);
+  }
+  return useReanimatedTiming(property, target, duration);
+}
+__name(useAnimatedNumber, "useAnimatedNumber");
+function webStyle(property, target, duration) {
+  if (property === "translateX" || property === "translateY") {
+    return {
+      transform: [{ [property]: target }],
+      transitionProperty: "transform",
+      transitionDuration: `${duration}ms`,
+      transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+    };
+  }
+  return {
+    [property]: target,
+    transitionProperty: property,
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+  };
+}
+__name(webStyle, "webStyle");
+function useReanimatedTiming(property, target, duration) {
+  const easing = reactNativeReanimated.Easing.bezier(0.16, 1, 0.3, 1);
+  const shared = reactNativeReanimated.useSharedValue(target);
+  react.useEffect(() => {
+    shared.value = reactNativeReanimated.withTiming(target, { duration, easing });
+  }, [target, shared, duration, easing]);
+  const translateXStyle = reactNativeReanimated.useAnimatedStyle(() => ({
+    transform: [{ translateX: shared.value }]
+  }));
+  const translateYStyle = reactNativeReanimated.useAnimatedStyle(() => ({
+    transform: [{ translateY: shared.value }]
+  }));
+  const leftStyle = reactNativeReanimated.useAnimatedStyle(() => ({ left: shared.value }));
+  const topStyle = reactNativeReanimated.useAnimatedStyle(() => ({ top: shared.value }));
+  const rightStyle = reactNativeReanimated.useAnimatedStyle(() => ({ right: shared.value }));
+  const bottomStyle = reactNativeReanimated.useAnimatedStyle(() => ({ bottom: shared.value }));
+  const opacityStyle = reactNativeReanimated.useAnimatedStyle(() => ({ opacity: shared.value }));
+  const heightStyle = reactNativeReanimated.useAnimatedStyle(() => ({ height: shared.value }));
+  if (property === "translateX") {
+    return translateXStyle;
+  }
+  if (property === "translateY") {
+    return translateYStyle;
+  }
+  if (property === "left") {
+    return leftStyle;
+  }
+  if (property === "top") {
+    return topStyle;
+  }
+  if (property === "right") {
+    return rightStyle;
+  }
+  if (property === "bottom") {
+    return bottomStyle;
+  }
+  if (property === "opacity") {
+    return opacityStyle;
+  }
+  return heightStyle;
+}
+__name(useReanimatedTiming, "useReanimatedTiming");
+
+exports.useAnimatedNumber = useAnimatedNumber;
+//# sourceMappingURL=use-animated-number.cjs.map
+//# sourceMappingURL=use-animated-number.cjs.map

package/dist/animation/use-animated-number.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/animation/use-animated-number.ts"],"names":["Platform","Easing","useSharedValue","useEffect","withTiming","useAnimatedStyle"],"mappings":"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","file":"use-animated-number.cjs","sourcesContent":["'use client';\n\n// Native build (Metro picks this `.ts` over the `.web.ts` sibling\n// when present — for monorepo workspaces and any consumer that pre-\n// orders `.native.ts` / `.ts` / `.web.ts` resolution properly). Web\n// consumers (Next.js etc.) that don't honor the extension split\n// should alias `react-native-reanimated` to a noop in their bundler\n// config — the IS_WEB early-return below means we never call\n// reanimated APIs on web, so a stub satisfies the import.\n\nimport { useEffect } from 'react';\nimport { Platform } from 'react-native';\nimport { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nexport type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';\n\nexport type AnimatedNumberOptions = {\n    /** Animation duration in ms. @defaultValue 180 */\n    duration?: number;\n};\n\nconst IS_WEB = Platform.OS === 'web';\n\nexport function useAnimatedNumber(\n    property: AnimatedProperty,\n    target: number,\n    options: AnimatedNumberOptions = {}\n): object {\n    const { duration = 180 } = options;\n    if (IS_WEB) {\n        return webStyle(property, target, duration);\n    }\n    // biome-ignore lint/correctness/useHookAtTopLevel: IS_WEB is module-init constant; same path every render\n    return useReanimatedTiming(property, target, duration);\n}\n\nfunction webStyle(property: AnimatedProperty, target: number, duration: number): object {\n    if (property === 'translateX' || property === 'translateY') {\n        return {\n            transform: [{ [property]: target }],\n            transitionProperty: 'transform',\n            transitionDuration: `${duration}ms`,\n            transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n        };\n    }\n    return {\n        [property]: target,\n        transitionProperty: property,\n        transitionDuration: `${duration}ms`,\n        transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    };\n}\n\n// `opacity` and `height` aren't transforms or position props but follow\n// the exact same animated-shared-value pattern. Adding them here keeps\n// the cross-platform API consistent — Accordion content fades + slides\n// open with the same easing as a Switch thumb.\n\n// Reanimated worklets can't reliably serialize closures over computed\n// keys (`{ [property]: value }`). Static-key paths per property work\n// fine. Six tiny worklets — one per AnimatedProperty — give the plugin\n// the static AST it expects without losing the cross-platform API.\n// The bezier curve mirrors the web CSS transition exactly so a Switch\n// thumb feels identical on both platforms.\nfunction useReanimatedTiming(property: AnimatedProperty, target: number, duration: number): object {\n    const easing = Easing.bezier(0.16, 1, 0.3, 1);\n    // biome-ignore lint/correctness/useHookAtTopLevel: dispatcher branch is module-init constant; this function only runs when IS_WEB is false\n    const shared = useSharedValue(target);\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    useEffect(() => {\n        shared.value = withTiming(target, { duration, easing });\n    }, [target, shared, duration, easing]);\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const translateXStyle = useAnimatedStyle(() => ({\n        transform: [{ translateX: shared.value }],\n    }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const translateYStyle = useAnimatedStyle(() => ({\n        transform: [{ translateY: shared.value }],\n    }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const leftStyle = useAnimatedStyle(() => ({ left: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const topStyle = useAnimatedStyle(() => ({ top: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const rightStyle = useAnimatedStyle(() => ({ right: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const bottomStyle = useAnimatedStyle(() => ({ bottom: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const opacityStyle = useAnimatedStyle(() => ({ opacity: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const heightStyle = useAnimatedStyle(() => ({ height: shared.value }));\n    if (property === 'translateX') {\n        return translateXStyle;\n    }\n    if (property === 'translateY') {\n        return translateYStyle;\n    }\n    if (property === 'left') {\n        return leftStyle;\n    }\n    if (property === 'top') {\n        return topStyle;\n    }\n    if (property === 'right') {\n        return rightStyle;\n    }\n    if (property === 'bottom') {\n        return bottomStyle;\n    }\n    if (property === 'opacity') {\n        return opacityStyle;\n    }\n    return heightStyle;\n}\n"]}

package/dist/animation/use-animated-number.d.cts

@@ -0,0 +1,8 @@
+type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';
+type AnimatedNumberOptions = {
+    /** Animation duration in ms. @defaultValue 180 */
+    duration?: number;
+};
+declare function useAnimatedNumber(property: AnimatedProperty, target: number, options?: AnimatedNumberOptions): object;
+
+export { type AnimatedNumberOptions, type AnimatedProperty, useAnimatedNumber };

package/dist/animation/use-animated-number.d.ts

@@ -0,0 +1,8 @@
+type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';
+type AnimatedNumberOptions = {
+    /** Animation duration in ms. @defaultValue 180 */
+    duration?: number;
+};
+declare function useAnimatedNumber(property: AnimatedProperty, target: number, options?: AnimatedNumberOptions): object;
+
+export { type AnimatedNumberOptions, type AnimatedProperty, useAnimatedNumber };

package/dist/animation/use-animated-number.js

@@ -0,0 +1,4 @@
+export { useAnimatedNumber } from '../chunk-RB3YBWQ4.js';
+import '../chunk-WCQVDF3K.js';
+//# sourceMappingURL=use-animated-number.js.map
+//# sourceMappingURL=use-animated-number.js.map

package/dist/animation/use-animated-number.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"use-animated-number.js"}

package/dist/animation/use-animated-number.web.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+
+// src/animation/use-animated-number.web.ts
+function useAnimatedNumber(property, target, options = {}) {
+  const { duration = 180 } = options;
+  if (property === "translateX" || property === "translateY") {
+    return {
+      transform: [{ [property]: target }],
+      transitionProperty: "transform",
+      transitionDuration: `${duration}ms`,
+      transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+    };
+  }
+  return {
+    [property]: target,
+    transitionProperty: property,
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+  };
+}
+__name(useAnimatedNumber, "useAnimatedNumber");
+
+exports.useAnimatedNumber = useAnimatedNumber;
+//# sourceMappingURL=use-animated-number.web.cjs.map
+//# sourceMappingURL=use-animated-number.web.cjs.map

package/dist/animation/use-animated-number.web.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/animation/use-animated-number.web.ts"],"names":[],"mappings":";;;;;;AAwBO,SAAS,iBAAA,CACZ,QAAA,EACA,MAAA,EACA,OAAA,GAAiC,EAAC,EAC5B;AACN,EAAA,MAAM,EAAE,QAAA,GAAW,GAAA,EAAI,GAAI,OAAA;AAC3B,EAAA,IAAI,QAAA,KAAa,YAAA,IAAgB,QAAA,KAAa,YAAA,EAAc;AACxD,IAAA,OAAO;AAAA,MACH,WAAW,CAAC,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAA;AAAA,MAClC,kBAAA,EAAoB,WAAA;AAAA,MACpB,kBAAA,EAAoB,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,MAC/B,wBAAA,EAA0B;AAAA,KAC9B;AAAA,EACJ;AACA,EAAA,OAAO;AAAA,IACH,CAAC,QAAQ,GAAG,MAAA;AAAA,IACZ,kBAAA,EAAoB,QAAA;AAAA,IACpB,kBAAA,EAAoB,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,IAC/B,wBAAA,EAA0B;AAAA,GAC9B;AACJ;AApBgB,MAAA,CAAA,iBAAA,EAAA,mBAAA,CAAA","file":"use-animated-number.web.cjs","sourcesContent":["'use client';\n\n// Web-only build of `useAnimatedNumber`. Webpack / Next.js / Vite\n// pick this file (over the default `.ts`) because of the `.web.ts`\n// extension — the same convention `react-native-web` uses.\n//\n// Crucially, this file does NOT import `react-native-reanimated`.\n// Reanimated 4 pulls in RN-internal native paths at module load time\n// (e.g. `react-native/Libraries/Renderer/shims/ReactFabric`) that web\n// bundlers can't resolve. Keeping reanimated out of the web bundle\n// avoids that whole class of resolution failure and shaves a few\n// hundred KB off the docs-site JS.\n//\n// Web animation is pure CSS transition — same easing curve and\n// duration the native side targets via `Easing.bezier(0.16, 1, 0.3, 1)`\n// + `withTiming(180)` so primitives feel identical across platforms.\n\nexport type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';\n\nexport type AnimatedNumberOptions = {\n    /** Animation duration in ms. @defaultValue 180 */\n    duration?: number;\n};\n\nexport function useAnimatedNumber(\n    property: AnimatedProperty,\n    target: number,\n    options: AnimatedNumberOptions = {}\n): object {\n    const { duration = 180 } = options;\n    if (property === 'translateX' || property === 'translateY') {\n        return {\n            transform: [{ [property]: target }],\n            transitionProperty: 'transform',\n            transitionDuration: `${duration}ms`,\n            transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n        };\n    }\n    return {\n        [property]: target,\n        transitionProperty: property,\n        transitionDuration: `${duration}ms`,\n        transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    };\n}\n"]}

package/dist/animation/use-animated-number.web.d.cts

@@ -0,0 +1,8 @@
+type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';
+type AnimatedNumberOptions = {
+    /** Animation duration in ms. @defaultValue 180 */
+    duration?: number;
+};
+declare function useAnimatedNumber(property: AnimatedProperty, target: number, options?: AnimatedNumberOptions): object;
+
+export { type AnimatedNumberOptions, type AnimatedProperty, useAnimatedNumber };

package/dist/animation/use-animated-number.web.d.ts

@@ -0,0 +1,8 @@
+type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';
+type AnimatedNumberOptions = {
+    /** Animation duration in ms. @defaultValue 180 */
+    duration?: number;
+};
+declare function useAnimatedNumber(property: AnimatedProperty, target: number, options?: AnimatedNumberOptions): object;
+
+export { type AnimatedNumberOptions, type AnimatedProperty, useAnimatedNumber };

package/dist/animation/use-animated-number.web.js

@@ -0,0 +1,25 @@
+import { __name } from '../chunk-WCQVDF3K.js';
+
+// src/animation/use-animated-number.web.ts
+function useAnimatedNumber(property, target, options = {}) {
+  const { duration = 180 } = options;
+  if (property === "translateX" || property === "translateY") {
+    return {
+      transform: [{ [property]: target }],
+      transitionProperty: "transform",
+      transitionDuration: `${duration}ms`,
+      transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+    };
+  }
+  return {
+    [property]: target,
+    transitionProperty: property,
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+  };
+}
+__name(useAnimatedNumber, "useAnimatedNumber");
+
+export { useAnimatedNumber };
+//# sourceMappingURL=use-animated-number.web.js.map
+//# sourceMappingURL=use-animated-number.web.js.map

package/dist/animation/use-animated-number.web.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/animation/use-animated-number.web.ts"],"names":[],"mappings":";;;AAwBO,SAAS,iBAAA,CACZ,QAAA,EACA,MAAA,EACA,OAAA,GAAiC,EAAC,EAC5B;AACN,EAAA,MAAM,EAAE,QAAA,GAAW,GAAA,EAAI,GAAI,OAAA;AAC3B,EAAA,IAAI,QAAA,KAAa,YAAA,IAAgB,QAAA,KAAa,YAAA,EAAc;AACxD,IAAA,OAAO;AAAA,MACH,WAAW,CAAC,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAA;AAAA,MAClC,kBAAA,EAAoB,WAAA;AAAA,MACpB,kBAAA,EAAoB,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,MAC/B,wBAAA,EAA0B;AAAA,KAC9B;AAAA,EACJ;AACA,EAAA,OAAO;AAAA,IACH,CAAC,QAAQ,GAAG,MAAA;AAAA,IACZ,kBAAA,EAAoB,QAAA;AAAA,IACpB,kBAAA,EAAoB,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,IAC/B,wBAAA,EAA0B;AAAA,GAC9B;AACJ;AApBgB,MAAA,CAAA,iBAAA,EAAA,mBAAA,CAAA","file":"use-animated-number.web.js","sourcesContent":["'use client';\n\n// Web-only build of `useAnimatedNumber`. Webpack / Next.js / Vite\n// pick this file (over the default `.ts`) because of the `.web.ts`\n// extension — the same convention `react-native-web` uses.\n//\n// Crucially, this file does NOT import `react-native-reanimated`.\n// Reanimated 4 pulls in RN-internal native paths at module load time\n// (e.g. `react-native/Libraries/Renderer/shims/ReactFabric`) that web\n// bundlers can't resolve. Keeping reanimated out of the web bundle\n// avoids that whole class of resolution failure and shaves a few\n// hundred KB off the docs-site JS.\n//\n// Web animation is pure CSS transition — same easing curve and\n// duration the native side targets via `Easing.bezier(0.16, 1, 0.3, 1)`\n// + `withTiming(180)` so primitives feel identical across platforms.\n\nexport type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';\n\nexport type AnimatedNumberOptions = {\n    /** Animation duration in ms. @defaultValue 180 */\n    duration?: number;\n};\n\nexport function useAnimatedNumber(\n    property: AnimatedProperty,\n    target: number,\n    options: AnimatedNumberOptions = {}\n): object {\n    const { duration = 180 } = options;\n    if (property === 'translateX' || property === 'translateY') {\n        return {\n            transform: [{ [property]: target }],\n            transitionProperty: 'transform',\n            transitionDuration: `${duration}ms`,\n            transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n        };\n    }\n    return {\n        [property]: target,\n        transitionProperty: property,\n        transitionDuration: `${duration}ms`,\n        transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    };\n}\n"]}

package/dist/{chunk-RX7UULY3.js → chunk-33S7ADWM.js}

@@ -1,4 +1,4 @@
-import { __name } from './chunk-7QVYU63E.js';
+import { __name } from './chunk-WCQVDF3K.js';
 import { jsx } from 'nativewind/jsx-runtime';
 
 var SIZE_MAP = {
@@ -15,5 +15,5 @@ function Icon({ as: IconComponent, size = "md", color }) {
 __name(Icon, "Icon");
 
 export { Icon };
-//# sourceMappingURL=chunk-RX7UULY3.js.map
-//# sourceMappingURL=chunk-RX7UULY3.js.map
+//# sourceMappingURL=chunk-33S7ADWM.js.map
+//# sourceMappingURL=chunk-33S7ADWM.js.map

package/dist/{chunk-RX7UULY3.js.map → chunk-33S7ADWM.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/icons/icon.tsx"],"names":[],"mappings":";;;AAeA,IAAM,QAAA,GAAsD;AAAA,EACxD,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AASO,SAAS,KAAK,EAAE,EAAA,EAAI,eAAe,IAAA,GAAO,IAAA,EAAM,OAAM,EAAc;AACvE,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,SAAS,IAAI,CAAA;AAGnE,EAAA,MAAM,aAAa,KAAA,KAAU,MAAA,GAAY,EAAC,GAAI,EAAE,KAAA,EAAM;AACtD,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAc,GAAG,UAAA,EAAY,CAAA;AAC7D;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA","file":"chunk-RX7UULY3.js","sourcesContent":["import type { ComponentType } from 'react';\n\nexport type IconSize = 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport type IconComponentProps = {\n    size?: number;\n    color?: string;\n};\n\nexport type IconProps = {\n    as: ComponentType<IconComponentProps>;\n    size?: IconSize;\n    color?: string;\n};\n\nconst SIZE_MAP: Record<Exclude<IconSize, number>, number> = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n    xl: 32,\n};\n\n/**\n * Thin wrapper around an icon component. Consumer imports the icon they want\n * from any library (e.g. lucide-react-native) and passes it as `as`. No registry,\n * no runtime lookup — tree-shaking is automatic.\n *\n * RSC-safe: pure render, no hooks, no refs.\n */\nexport function Icon({ as: IconComponent, size = 'md', color }: IconProps) {\n    const numericSize = typeof size === 'number' ? size : SIZE_MAP[size];\n    // Only spread color when defined — avoids passing `color: undefined` under\n    // exactOptionalPropertyTypes.\n    const colorProps = color === undefined ? {} : { color };\n    return <IconComponent size={numericSize} {...colorProps} />;\n}\n"]}
+{"version":3,"sources":["../src/icons/icon.tsx"],"names":[],"mappings":";;;AAeA,IAAM,QAAA,GAAsD;AAAA,EACxD,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AASO,SAAS,KAAK,EAAE,EAAA,EAAI,eAAe,IAAA,GAAO,IAAA,EAAM,OAAM,EAAc;AACvE,EAAA,MAAM,cAAc,OAAO,IAAA,KAAS,QAAA,GAAW,IAAA,GAAO,SAAS,IAAI,CAAA;AAGnE,EAAA,MAAM,aAAa,KAAA,KAAU,MAAA,GAAY,EAAC,GAAI,EAAE,KAAA,EAAM;AACtD,EAAA,uBAAO,GAAA,CAAC,aAAA,EAAA,EAAc,IAAA,EAAM,WAAA,EAAc,GAAG,UAAA,EAAY,CAAA;AAC7D;AANgB,MAAA,CAAA,IAAA,EAAA,MAAA,CAAA","file":"chunk-33S7ADWM.js","sourcesContent":["import type { ComponentType } from 'react';\n\nexport type IconSize = 'sm' | 'md' | 'lg' | 'xl' | number;\n\nexport type IconComponentProps = {\n    size?: number;\n    color?: string;\n};\n\nexport type IconProps = {\n    as: ComponentType<IconComponentProps>;\n    size?: IconSize;\n    color?: string;\n};\n\nconst SIZE_MAP: Record<Exclude<IconSize, number>, number> = {\n    sm: 16,\n    md: 20,\n    lg: 24,\n    xl: 32,\n};\n\n/**\n * Thin wrapper around an icon component. Consumer imports the icon they want\n * from any library (e.g. lucide-react-native) and passes it as `as`. No registry,\n * no runtime lookup — tree-shaking is automatic.\n *\n * RSC-safe: pure render, no hooks, no refs.\n */\nexport function Icon({ as: IconComponent, size = 'md', color }: IconProps) {\n    const numericSize = typeof size === 'number' ? size : SIZE_MAP[size];\n    // Only spread color when defined — avoids passing `color: undefined` under\n    // exactOptionalPropertyTypes.\n    const colorProps = color === undefined ? {} : { color };\n    return <IconComponent size={numericSize} {...colorProps} />;\n}\n"]}

package/dist/chunk-3BDDPFCI.js

@@ -0,0 +1,108 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors, useColorScheme } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { View, Text } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var BASE_CONTAINER_LAYOUT = {
+  alignSelf: "flex-start",
+  flexDirection: "row",
+  alignItems: "center",
+  paddingVertical: 2,
+  // component-density literal — not from theme (no 2px spacing token)
+  borderWidth: 1,
+  borderColor: "transparent"
+};
+var Badge = /* @__PURE__ */ __name(({ tone = "neutral", appearance = "soft", children, className, testID }) => {
+  const colors = useThemeColors();
+  const isDark = useColorScheme() === "dark";
+  const invertedText = colors.semantic.text.inverted;
+  let palette;
+  if (tone === "neutral") {
+    palette = {
+      soft: isDark ? { bg: colors.color.neutral["800"], fg: colors.color.neutral["100"] } : { bg: colors.color.neutral["100"], fg: colors.color.neutral["700"] },
+      solid: {
+        bg: isDark ? colors.color.neutral["200"] : colors.color.neutral["700"],
+        fg: isDark ? colors.color.neutral["900"] : invertedText
+      },
+      outline: {
+        border: isDark ? colors.color.neutral["600"] : colors.color.neutral["300"],
+        fg: isDark ? colors.color.neutral["100"] : colors.color.neutral["700"]
+      }
+    };
+  } else if (tone === "primary") {
+    palette = {
+      soft: isDark ? { bg: colors.color.primary["900"], fg: colors.color.primary["200"] } : { bg: colors.color.primary["100"], fg: colors.color.primary["800"] },
+      solid: {
+        bg: isDark ? colors.color.primary["400"] : colors.color.primary["600"],
+        fg: isDark ? colors.color.primary["900"] : invertedText
+      },
+      outline: {
+        border: isDark ? colors.color.primary["400"] : colors.color.primary["300"],
+        fg: isDark ? colors.color.primary["200"] : colors.color.primary["700"]
+      }
+    };
+  } else if (tone === "success") {
+    palette = {
+      soft: isDark ? { bg: "#14532d", fg: "#bbf7d0" } : { bg: "#dcfce7", fg: "#166534" },
+      solid: { bg: colors.color.success, fg: invertedText },
+      outline: { border: colors.color.success, fg: isDark ? "#bbf7d0" : "#166534" }
+    };
+  } else if (tone === "warning") {
+    palette = {
+      soft: isDark ? { bg: "#78350f", fg: "#fde68a" } : { bg: "#fef3c7", fg: "#92400e" },
+      solid: { bg: colors.color.warning, fg: invertedText },
+      outline: { border: colors.color.warning, fg: isDark ? "#fde68a" : "#92400e" }
+    };
+  } else {
+    palette = {
+      soft: isDark ? { bg: "#7f1d1d", fg: "#fecaca" } : { bg: "#fee2e2", fg: "#991b1b" },
+      solid: { bg: colors.color.danger, fg: invertedText },
+      outline: { border: colors.color.danger, fg: isDark ? "#fecaca" : "#991b1b" }
+    };
+  }
+  const baseContainer = {
+    ...BASE_CONTAINER_LAYOUT,
+    gap: px(colors.spacing["1"]),
+    paddingHorizontal: px(colors.spacing["2"]),
+    borderRadius: px(colors.radius.full)
+  };
+  const containerStyle = (() => {
+    if (appearance === "solid") {
+      return { ...baseContainer, backgroundColor: palette.solid.bg };
+    }
+    if (appearance === "outline") {
+      return { ...baseContainer, backgroundColor: "transparent", borderColor: palette.outline.border };
+    }
+    return { ...baseContainer, backgroundColor: palette.soft.bg };
+  })();
+  const textColor = (() => {
+    if (appearance === "solid") {
+      return palette.solid.fg;
+    }
+    if (appearance === "outline") {
+      return palette.outline.fg;
+    }
+    return palette.soft.fg;
+  })();
+  const baseText = {
+    fontFamily: colors.fontFamily.body,
+    fontSize: px(colors.fontSize.xs),
+    fontWeight: colors.fontWeight.medium,
+    lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal)
+  };
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("inline-flex flex-row items-center gap-1 rounded-full px-2 py-0.5 border", className),
+      style: containerStyle,
+      children: /* @__PURE__ */ jsx(Text, { style: { ...baseText, color: textColor }, children })
+    }
+  );
+}, "Badge");
+
+export { Badge };
+//# sourceMappingURL=chunk-3BDDPFCI.js.map
+//# sourceMappingURL=chunk-3BDDPFCI.js.map

package/dist/chunk-3BDDPFCI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-3BDDPFCI.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { TextStyle, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\nexport type BadgeAppearance = 'solid' | 'outline' | 'soft';\n\nexport type BadgeProps = {\n    /**\n     * Semantic color of the badge.\n     * @defaultValue 'neutral'\n     */\n    tone?: BadgeTone;\n    /**\n     * Visual treatment.\n     *  - `soft` (default) — tinted background with darker tone-colored text. Modern, calm.\n     *  - `solid` — filled tone background, white text. Loud, used sparingly.\n     *  - `outline` — border in tone, transparent background, tone-colored text.\n     * @defaultValue 'soft'\n     */\n    appearance?: BadgeAppearance;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the\n// component so a custom theme reshapes the badge.\nconst BASE_CONTAINER_LAYOUT: ViewStyle = {\n    alignSelf: 'flex-start',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 2, // component-density literal — not from theme (no 2px spacing token)\n    borderWidth: 1,\n    borderColor: 'transparent',\n};\n\n/**\n * Compact pill for status, counts, or labels. Use sparingly — every badge\n * draws the eye, so a row of five is no longer a row of badges.\n *\n * Tone palettes flip with the active color scheme — light mode uses the\n * familiar pastel scale (Tailwind 50/200/800), dark mode uses the deep\n * 950/700/100 scale so a soft success badge reads as a calm tinted chip\n * on either surface, never as a glaring pastel on a dark page.\n */\nexport const Badge = ({ tone = 'neutral', appearance = 'soft', children, className, testID }: BadgeProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const invertedText = colors.semantic.text.inverted;\n\n    let palette: {\n        soft: { bg: string; fg: string };\n        solid: { bg: string; fg: string };\n        outline: { border: string; fg: string };\n    };\n    if (tone === 'neutral') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.neutral['800'], fg: colors.color.neutral['100'] }\n                : { bg: colors.color.neutral['100'], fg: colors.color.neutral['700'] },\n            solid: {\n                bg: isDark ? colors.color.neutral['200'] : colors.color.neutral['700'],\n                fg: isDark ? colors.color.neutral['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.neutral['600'] : colors.color.neutral['300'],\n                fg: isDark ? colors.color.neutral['100'] : colors.color.neutral['700'],\n            },\n        };\n    } else if (tone === 'primary') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.primary['900'], fg: colors.color.primary['200'] }\n                : { bg: colors.color.primary['100'], fg: colors.color.primary['800'] },\n            solid: {\n                bg: isDark ? colors.color.primary['400'] : colors.color.primary['600'],\n                fg: isDark ? colors.color.primary['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.primary['400'] : colors.color.primary['300'],\n                fg: isDark ? colors.color.primary['200'] : colors.color.primary['700'],\n            },\n        };\n    } else if (tone === 'success') {\n        palette = {\n            soft: isDark ? { bg: '#14532d', fg: '#bbf7d0' } : { bg: '#dcfce7', fg: '#166534' },\n            solid: { bg: colors.color.success, fg: invertedText },\n            outline: { border: colors.color.success, fg: isDark ? '#bbf7d0' : '#166534' },\n        };\n    } else if (tone === 'warning') {\n        palette = {\n            soft: isDark ? { bg: '#78350f', fg: '#fde68a' } : { bg: '#fef3c7', fg: '#92400e' },\n            solid: { bg: colors.color.warning, fg: invertedText },\n            outline: { border: colors.color.warning, fg: isDark ? '#fde68a' : '#92400e' },\n        };\n    } else {\n        palette = {\n            soft: isDark ? { bg: '#7f1d1d', fg: '#fecaca' } : { bg: '#fee2e2', fg: '#991b1b' },\n            solid: { bg: colors.color.danger, fg: invertedText },\n            outline: { border: colors.color.danger, fg: isDark ? '#fecaca' : '#991b1b' },\n        };\n    }\n\n    const baseContainer: ViewStyle = {\n        ...BASE_CONTAINER_LAYOUT,\n        gap: px(colors.spacing['1']),\n        paddingHorizontal: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.full),\n    };\n    const containerStyle: ViewStyle = (() => {\n        if (appearance === 'solid') {\n            return { ...baseContainer, backgroundColor: palette.solid.bg };\n        }\n        if (appearance === 'outline') {\n            return { ...baseContainer, backgroundColor: 'transparent', borderColor: palette.outline.border };\n        }\n        return { ...baseContainer, backgroundColor: palette.soft.bg };\n    })();\n    const textColor = (() => {\n        if (appearance === 'solid') {\n            return palette.solid.fg;\n        }\n        if (appearance === 'outline') {\n            return palette.outline.fg;\n        }\n        return palette.soft.fg;\n    })();\n    const baseText: TextStyle = {\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.xs),\n        fontWeight: colors.fontWeight.medium as '500',\n        lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal),\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('inline-flex flex-row items-center gap-1 rounded-full px-2 py-0.5 border', className)}\n            style={containerStyle}\n        >\n            <RNText style={{ ...baseText, color: textColor }}>{children}</RNText>\n        </View>\n    );\n};\n"]}