@lmb-it/kitsconcerto-native 0.1.236

package/animations/index.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+const overlayAnimations = {
+  // ── Backdrop / scrim ─────────────────────────────────────
+  scrim: {
+    enterDuration: 200},
+  // ── Centered Dialog panel ────────────────────────────────
+  dialog: {
+    enter: { damping: 0, stiffness: 600 }
+  },
+  // ── Confirm dialog ───────────────────────────────────────
+  confirm: {
+    /** Centered confirm panel pop. */
+    enter: { damping: 0, stiffness: 600 },
+    /** Floating severity-icon bubble — pops in slightly after the panel. */
+    icon: { damping: 0, stiffness: 600, delay: 100 },
+    /** Content-only / prompt panel (no header/buttons chrome). */
+    content: { damping: 0, stiffness: 600 }
+  },
+  // ── Bottom sheet (Dialog + Confirm, position="bottom") ───
+  sheet: {
+    enter: { damping: 0, stiffness: 600 }
+  },
+  // ── Toast ────────────────────────────────────────────────
+  toast: {
+    /** Toast slides up/down into view. */
+    slideInDuration: 100,
+    /** Toast slides back out. */
+    slideOutDuration: 200,
+    /** Re-positioning when toasts stack/unstack. */
+    layoutDuration: 200,
+    /** Inner toast card cross-fade in. */
+    itemEnterDuration: 200,
+    /** Inner toast card cross-fade out. */
+    itemExitDuration: 150
+  }
+};
+
+exports.overlayAnimations = overlayAnimations;
+//# sourceMappingURL=index.cjs.map

package/animations/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/animations/index.ts"],"sourcesContent":["/**\n * ════════════════════════════════════════════════════════════════════════\n *  Overlay animation tuning  —  EDIT THIS FILE TO CONTROL ALL OVERLAY MOTION\n * ════════════════════════════════════════════════════════════════════════\n *\n * Every in/out animation value used by the animated overlay components on\n * React Native (reanimated) lives here. Change a number and it updates\n * everywhere that animation is used — no need to touch the component files.\n *\n * Consumed by (native):\n *   • components/overlay/Dialog/index.native.tsx\n *   • components/overlay/ConfirmDialog/index.native.tsx\n *   • components/overlay/Toast/index.native.tsx\n *\n *  Two kinds of value:\n *   • spring  → reanimated `.springify().damping(d).stiffness(s)` (+ optional `.delay`)\n *               - damping   ↓ lower  = bouncier, longer settle\n *               - stiffness ↑ higher = snappier, faster\n *   • duration → milliseconds for `.duration(ms)` (timing-based fade/slide)\n */\n\nexport interface ISpringConfig {\n    /** reanimated `.damping()` — lower = bouncier / slower to settle. */\n    damping: number;\n    /** reanimated `.stiffness()` — higher = snappier / faster. */\n    stiffness: number;\n    /** reanimated `.delay()` in ms — wait before the animation starts. */\n    delay?: number;\n}\n\nexport interface IOverlayAnimations {\n    /** Dimmed backdrop behind every overlay (fade). */\n    scrim: { enterDuration: number; exitDuration: number };\n    /** Centered Dialog panel (zoom-in spring). */\n    dialog: { enter: ISpringConfig };\n    /** Confirm: centered panel, its floating icon bubble, and the content-only/prompt panel. */\n    confirm: { enter: ISpringConfig; icon: ISpringConfig; content: ISpringConfig };\n    /** Bottom sheet shared by Dialog & Confirm (slide-up spring). */\n    sheet: { enter: ISpringConfig };\n    /** Toast — slide in/out, item cross-fade, and position re-layout. */\n    toast: {\n        slideInDuration: number;\n        slideOutDuration: number;\n        layoutDuration: number;\n        itemEnterDuration: number;\n        itemExitDuration: number;\n    };\n}\n\nexport const overlayAnimations: IOverlayAnimations = {\n    // ── Backdrop / scrim ─────────────────────────────────────\n    scrim: {\n        enterDuration: 200,\n        exitDuration: 150,\n    },\n\n    // ── Centered Dialog panel ────────────────────────────────\n    dialog: {\n        enter: { damping: 0, stiffness: 600 },\n    },\n\n    // ── Confirm dialog ───────────────────────────────────────\n    confirm: {\n        /** Centered confirm panel pop. */\n        enter: { damping: 0, stiffness: 600 },\n        /** Floating severity-icon bubble — pops in slightly after the panel. */\n        icon: { damping: 0, stiffness: 600, delay: 100 },\n        /** Content-only / prompt panel (no header/buttons chrome). */\n        content: { damping: 0, stiffness: 600 },\n    },\n\n    // ── Bottom sheet (Dialog + Confirm, position=\"bottom\") ───\n    sheet: {\n        enter: { damping: 0, stiffness: 600 },\n    },\n\n    // ── Toast ────────────────────────────────────────────────\n    toast: {\n        /** Toast slides up/down into view. */\n        slideInDuration: 100,\n        /** Toast slides back out. */\n        slideOutDuration: 200,\n        /** Re-positioning when toasts stack/unstack. */\n        layoutDuration: 200,\n        /** Inner toast card cross-fade in. */\n        itemEnterDuration: 200,\n        /** Inner toast card cross-fade out. */\n        itemExitDuration: 150,\n    },\n};\n\nexport default overlayAnimations;\n"],"names":[],"mappings":";;AAiDO,MAAM,iBAAA,GAAwC;AAAA;AAAA,EAEjD,KAAA,EAAO;AAAA,IACH,aAAA,EAAe,GAEnB,CAAA;AAAA;AAAA,EAGA,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA;AAAI,GACxC;AAAA;AAAA,EAGA,OAAA,EAAS;AAAA;AAAA,IAEL,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA,EAAI;AAAA;AAAA,IAEpC,MAAM,EAAE,OAAA,EAAS,GAAG,SAAA,EAAW,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA;AAAA,IAE/C,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA;AAAI,GAC1C;AAAA;AAAA,EAGA,KAAA,EAAO;AAAA,IACH,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA;AAAI,GACxC;AAAA;AAAA,EAGA,KAAA,EAAO;AAAA;AAAA,IAEH,eAAA,EAAiB,GAAA;AAAA;AAAA,IAEjB,gBAAA,EAAkB,GAAA;AAAA;AAAA,IAElB,cAAA,EAAgB,GAAA;AAAA;AAAA,IAEhB,iBAAA,EAAmB,GAAA;AAAA;AAAA,IAEnB,gBAAA,EAAkB;AAAA;AAE1B;;;;"}

package/animations/index.js

@@ -0,0 +1,38 @@
+const overlayAnimations = {
+  // ── Backdrop / scrim ─────────────────────────────────────
+  scrim: {
+    enterDuration: 200},
+  // ── Centered Dialog panel ────────────────────────────────
+  dialog: {
+    enter: { damping: 0, stiffness: 600 }
+  },
+  // ── Confirm dialog ───────────────────────────────────────
+  confirm: {
+    /** Centered confirm panel pop. */
+    enter: { damping: 0, stiffness: 600 },
+    /** Floating severity-icon bubble — pops in slightly after the panel. */
+    icon: { damping: 0, stiffness: 600, delay: 100 },
+    /** Content-only / prompt panel (no header/buttons chrome). */
+    content: { damping: 0, stiffness: 600 }
+  },
+  // ── Bottom sheet (Dialog + Confirm, position="bottom") ───
+  sheet: {
+    enter: { damping: 0, stiffness: 600 }
+  },
+  // ── Toast ────────────────────────────────────────────────
+  toast: {
+    /** Toast slides up/down into view. */
+    slideInDuration: 100,
+    /** Toast slides back out. */
+    slideOutDuration: 200,
+    /** Re-positioning when toasts stack/unstack. */
+    layoutDuration: 200,
+    /** Inner toast card cross-fade in. */
+    itemEnterDuration: 200,
+    /** Inner toast card cross-fade out. */
+    itemExitDuration: 150
+  }
+};
+
+export { overlayAnimations };
+//# sourceMappingURL=index.js.map

package/animations/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/animations/index.ts"],"sourcesContent":["/**\n * ════════════════════════════════════════════════════════════════════════\n *  Overlay animation tuning  —  EDIT THIS FILE TO CONTROL ALL OVERLAY MOTION\n * ════════════════════════════════════════════════════════════════════════\n *\n * Every in/out animation value used by the animated overlay components on\n * React Native (reanimated) lives here. Change a number and it updates\n * everywhere that animation is used — no need to touch the component files.\n *\n * Consumed by (native):\n *   • components/overlay/Dialog/index.native.tsx\n *   • components/overlay/ConfirmDialog/index.native.tsx\n *   • components/overlay/Toast/index.native.tsx\n *\n *  Two kinds of value:\n *   • spring  → reanimated `.springify().damping(d).stiffness(s)` (+ optional `.delay`)\n *               - damping   ↓ lower  = bouncier, longer settle\n *               - stiffness ↑ higher = snappier, faster\n *   • duration → milliseconds for `.duration(ms)` (timing-based fade/slide)\n */\n\nexport interface ISpringConfig {\n    /** reanimated `.damping()` — lower = bouncier / slower to settle. */\n    damping: number;\n    /** reanimated `.stiffness()` — higher = snappier / faster. */\n    stiffness: number;\n    /** reanimated `.delay()` in ms — wait before the animation starts. */\n    delay?: number;\n}\n\nexport interface IOverlayAnimations {\n    /** Dimmed backdrop behind every overlay (fade). */\n    scrim: { enterDuration: number; exitDuration: number };\n    /** Centered Dialog panel (zoom-in spring). */\n    dialog: { enter: ISpringConfig };\n    /** Confirm: centered panel, its floating icon bubble, and the content-only/prompt panel. */\n    confirm: { enter: ISpringConfig; icon: ISpringConfig; content: ISpringConfig };\n    /** Bottom sheet shared by Dialog & Confirm (slide-up spring). */\n    sheet: { enter: ISpringConfig };\n    /** Toast — slide in/out, item cross-fade, and position re-layout. */\n    toast: {\n        slideInDuration: number;\n        slideOutDuration: number;\n        layoutDuration: number;\n        itemEnterDuration: number;\n        itemExitDuration: number;\n    };\n}\n\nexport const overlayAnimations: IOverlayAnimations = {\n    // ── Backdrop / scrim ─────────────────────────────────────\n    scrim: {\n        enterDuration: 200,\n        exitDuration: 150,\n    },\n\n    // ── Centered Dialog panel ────────────────────────────────\n    dialog: {\n        enter: { damping: 0, stiffness: 600 },\n    },\n\n    // ── Confirm dialog ───────────────────────────────────────\n    confirm: {\n        /** Centered confirm panel pop. */\n        enter: { damping: 0, stiffness: 600 },\n        /** Floating severity-icon bubble — pops in slightly after the panel. */\n        icon: { damping: 0, stiffness: 600, delay: 100 },\n        /** Content-only / prompt panel (no header/buttons chrome). */\n        content: { damping: 0, stiffness: 600 },\n    },\n\n    // ── Bottom sheet (Dialog + Confirm, position=\"bottom\") ───\n    sheet: {\n        enter: { damping: 0, stiffness: 600 },\n    },\n\n    // ── Toast ────────────────────────────────────────────────\n    toast: {\n        /** Toast slides up/down into view. */\n        slideInDuration: 100,\n        /** Toast slides back out. */\n        slideOutDuration: 200,\n        /** Re-positioning when toasts stack/unstack. */\n        layoutDuration: 200,\n        /** Inner toast card cross-fade in. */\n        itemEnterDuration: 200,\n        /** Inner toast card cross-fade out. */\n        itemExitDuration: 150,\n    },\n};\n\nexport default overlayAnimations;\n"],"names":[],"mappings":"AAiDO,MAAM,iBAAA,GAAwC;AAAA;AAAA,EAEjD,KAAA,EAAO;AAAA,IACH,aAAA,EAAe,GAEnB,CAAA;AAAA;AAAA,EAGA,MAAA,EAAQ;AAAA,IACJ,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA;AAAI,GACxC;AAAA;AAAA,EAGA,OAAA,EAAS;AAAA;AAAA,IAEL,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA,EAAI;AAAA;AAAA,IAEpC,MAAM,EAAE,OAAA,EAAS,GAAG,SAAA,EAAW,GAAA,EAAK,OAAO,GAAA,EAAI;AAAA;AAAA,IAE/C,OAAA,EAAS,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA;AAAI,GAC1C;AAAA;AAAA,EAGA,KAAA,EAAO;AAAA,IACH,KAAA,EAAO,EAAE,OAAA,EAAS,CAAA,EAAG,WAAW,GAAA;AAAI,GACxC;AAAA;AAAA,EAGA,KAAA,EAAO;AAAA;AAAA,IAEH,eAAA,EAAiB,GAAA;AAAA;AAAA,IAEjB,gBAAA,EAAkB,GAAA;AAAA;AAAA,IAElB,cAAA,EAAgB,GAAA;AAAA;AAAA,IAEhB,iBAAA,EAAmB,GAAA;AAAA;AAAA,IAEnB,gBAAA,EAAkB;AAAA;AAE1B;;;;"}