@lmb-it/kitsconcerto-native 0.1.236

package/components/overlay/Toast/index.js

@@ -0,0 +1,198 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useCallback, useImperativeHandle } from 'react';
+import { Keyboard, View, StyleSheet, Pressable, ActivityIndicator } from 'react-native';
+import Animated, { SlideInUp, SlideInDown, SlideOutUp, SlideOutDown, FadeOut, FadeIn, Layout } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { overlayAnimations } from '../../../animations/index.js';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
+import Text from '../../../primitives/Text/index.js';
+
+let toastIdCounter = 0;
+const LIFE = 3e3;
+const SIZE_CONFIG = {
+  sm: { paddingV: 8, paddingH: 10, summarySize: 12, bodySize: 10, accentWidth: 3, closeSize: 14, minW: 200 },
+  md: { paddingV: 12, paddingH: 14, summarySize: 14, bodySize: 12, accentWidth: 4, closeSize: 16, minW: 280 },
+  lg: { paddingV: 16, paddingH: 18, summarySize: 16, bodySize: 14, accentWidth: 5, closeSize: 18, minW: 320 }
+};
+const KitsToast = ({ ref }) => {
+  const [toasts, setToasts] = useState([]);
+  const timersRef = useRef(/* @__PURE__ */ new Map());
+  const { resolveToken } = useKitsTheme();
+  const insets = useSafeAreaInsets();
+  const [keyboardVisible, setKeyboardVisible] = useState(false);
+  useEffect(() => {
+    const showSub = Keyboard.addListener("keyboardDidShow", () => setKeyboardVisible(true));
+    const hideSub = Keyboard.addListener("keyboardDidHide", () => setKeyboardVisible(false));
+    return () => {
+      showSub.remove();
+      hideSub.remove();
+    };
+  }, []);
+  const severityColors = {
+    success: resolveToken("green.500"),
+    info: resolveToken("blue.500"),
+    warn: resolveToken("yellow.500"),
+    error: resolveToken("red.500"),
+    loading: resolveToken("blue.500"),
+    brand: resolveToken("primary")
+  };
+  const surfaceColor = resolveToken("surface-card");
+  const textColor = resolveToken("text");
+  const borderColor = resolveToken("border");
+  const removeToast = useCallback((id) => {
+    const timer = timersRef.current.get(id);
+    if (timer) {
+      clearTimeout(timer);
+      timersRef.current.delete(id);
+    }
+    setToasts((prev) => prev.filter((t) => t.id !== id));
+  }, []);
+  const toast = useCallback((severity, summary, body = "", position = "bottom-center", isUpdate = false, size = "md", onPress) => {
+    const id = ++toastIdCounter;
+    const item = { id, severity, summary, body, position, size, sticky: severity === "loading", onPress };
+    setToasts((prev) => {
+      if (!isUpdate) return [...prev, item];
+      const lastAtPos = [...prev].reverse().find((t) => t.position === position);
+      if (!lastAtPos) return [...prev, item];
+      const timer = timersRef.current.get(lastAtPos.id);
+      if (timer) {
+        clearTimeout(timer);
+        timersRef.current.delete(lastAtPos.id);
+      }
+      return prev.map((t) => t.id === lastAtPos.id ? item : t);
+    });
+    if (!item.sticky) {
+      const timer = setTimeout(() => removeToast(id), LIFE);
+      timersRef.current.set(id, timer);
+    }
+  }, [removeToast]);
+  const dismiss = useCallback((position) => {
+    setToasts((prev) => {
+      const toRemove = position ? prev.filter((t) => t.position === position) : prev;
+      toRemove.forEach((t) => {
+        const timer = timersRef.current.get(t.id);
+        if (timer) {
+          clearTimeout(timer);
+          timersRef.current.delete(t.id);
+        }
+      });
+      return position ? prev.filter((t) => t.position !== position) : [];
+    });
+  }, []);
+  const dismissAll = useCallback(() => {
+    timersRef.current.forEach((t) => clearTimeout(t));
+    timersRef.current.clear();
+    setToasts([]);
+  }, []);
+  useImperativeHandle(ref, () => ({ toast, dismiss, dismissAll }));
+  useEffect(() => {
+    return () => {
+      timersRef.current.forEach((t) => clearTimeout(t));
+    };
+  }, []);
+  if (toasts.length === 0) return null;
+  const getAlignment = (position) => {
+    if (position.endsWith("-left")) return "flex-start";
+    if (position.endsWith("-right")) return "flex-end";
+    return "center";
+  };
+  const isTop = (position) => position.startsWith("top");
+  return /* @__PURE__ */ jsx(View, { style: StyleSheet.absoluteFill, pointerEvents: "box-none", children: toasts.map((item) => {
+    const top = keyboardVisible ? true : isTop(item.position);
+    const align = getAlignment(item.position);
+    const entering = top ? SlideInUp.duration(overlayAnimations.toast.slideInDuration) : SlideInDown.duration(overlayAnimations.toast.slideInDuration);
+    const exiting = top ? SlideOutUp.duration(overlayAnimations.toast.slideOutDuration) : SlideOutDown.duration(overlayAnimations.toast.slideOutDuration);
+    const s = SIZE_CONFIG[item.size] ?? SIZE_CONFIG.md;
+    const accentColor = severityColors[item.severity] ?? severityColors.info;
+    return /* @__PURE__ */ jsx(
+      Animated.View,
+      {
+        entering,
+        exiting,
+        layout: Layout.duration(overlayAnimations.toast.layoutDuration),
+        style: [
+          styles.toastWrapper,
+          {
+            alignItems: align,
+            ...top ? { top: insets.top + 8 } : { bottom: insets.bottom + 8 }
+          }
+        ],
+        pointerEvents: "box-none",
+        children: /* @__PURE__ */ jsx(
+          Animated.View,
+          {
+            entering: FadeIn.duration(overlayAnimations.toast.itemEnterDuration),
+            exiting: FadeOut.duration(overlayAnimations.toast.itemExitDuration),
+            style: [
+              styles.toast,
+              {
+                backgroundColor: surfaceColor,
+                borderColor,
+                minWidth: s.minW
+              }
+            ],
+            children: /* @__PURE__ */ jsxs(
+              Pressable,
+              {
+                style: styles.pressArea,
+                disabled: !item.onPress,
+                onPress: () => {
+                  item.onPress?.();
+                  removeToast(item.id);
+                },
+                children: [
+                  /* @__PURE__ */ jsx(View, { style: [styles.accentBar, { backgroundColor: accentColor, width: s.accentWidth }] }),
+                  /* @__PURE__ */ jsxs(View, { style: [styles.content, { paddingVertical: s.paddingV, paddingHorizontal: s.paddingH, gap: s.paddingH * 0.7 }], children: [
+                    item.severity === "loading" && /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: accentColor }),
+                    /* @__PURE__ */ jsxs(View, { style: styles.textContainer, children: [
+                      /* @__PURE__ */ jsx(Text, { style: { fontWeight: "600", fontSize: s.summarySize, color: textColor }, children: item.summary }),
+                      !!item.body && /* @__PURE__ */ jsx(Text, { style: { fontSize: s.bodySize, marginTop: 2, color: textColor, opacity: 0.7 }, children: item.body })
+                    ] }),
+                    /* @__PURE__ */ jsx(Pressable, { onPress: () => removeToast(item.id), hitSlop: 8, children: /* @__PURE__ */ jsx(Text, { style: { fontSize: s.closeSize, fontWeight: "bold", color: textColor, opacity: 0.4 }, children: "\u2715" }) })
+                  ] })
+                ]
+              }
+            )
+          }
+        )
+      },
+      item.id
+    );
+  }) });
+};
+const styles = StyleSheet.create({
+  toastWrapper: {
+    position: "absolute",
+    left: 16,
+    right: 16,
+    zIndex: 9999
+  },
+  toast: {
+    flexDirection: "row",
+    borderRadius: 10,
+    borderWidth: 1,
+    marginBottom: 8,
+    overflow: "hidden",
+    elevation: 6,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 3 },
+    shadowOpacity: 0.15,
+    shadowRadius: 6
+  },
+  accentBar: {},
+  pressArea: {
+    flex: 1,
+    flexDirection: "row"
+  },
+  content: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  textContainer: {
+    flex: 1
+  }
+});
+
+export { KitsToast as default };
+//# sourceMappingURL=index.js.map

package/components/overlay/Toast/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/Toast/index.native.tsx"],"sourcesContent":["import React, {\n    type Ref,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from \"react\";\nimport {Keyboard, Pressable, StyleSheet, ActivityIndicator, View} from \"react-native\";\nimport Animated, {\n    FadeIn,\n    FadeOut,\n    SlideInUp,\n    SlideInDown,\n    SlideOutUp,\n    SlideOutDown,\n    Layout,\n} from \"react-native-reanimated\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {Text} from \"../../../_compat\";\nimport type {\n    IKitsToastRef,\n    IToastFunction,\n    IToastParams,\n    ToastPosition,\n    ToastSeverity,\n    ToastSize,\n} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\ninterface ToastItem {\n    id: number;\n    severity: ToastSeverity;\n    summary: string;\n    body?: string;\n    position: ToastPosition;\n    size: ToastSize;\n    sticky?: boolean;\n    onPress?: () => void;\n}\n\nlet toastIdCounter = 0;\nconst LIFE = 3000;\n\nconst SIZE_CONFIG: Record<ToastSize, { paddingV: number; paddingH: number; summarySize: number; bodySize: number; accentWidth: number; closeSize: number; minW: number }> = {\n    sm: {paddingV: 8, paddingH: 10, summarySize: 12, bodySize: 10, accentWidth: 3, closeSize: 14, minW: 200},\n    md: {paddingV: 12, paddingH: 14, summarySize: 14, bodySize: 12, accentWidth: 4, closeSize: 16, minW: 280},\n    lg: {paddingV: 16, paddingH: 18, summarySize: 16, bodySize: 14, accentWidth: 5, closeSize: 18, minW: 320},\n};\n\nconst KitsToast = ({ref}: { ref?: Ref<IKitsToastRef> }) => {\n    const [toasts, setToasts] = useState<ToastItem[]>([]);\n    const timersRef = useRef<Map<number, ReturnType<typeof setTimeout>>>(new Map());\n    const {resolveToken} = useKitsTheme();\n    const insets = useSafeAreaInsets();\n    const [keyboardVisible, setKeyboardVisible] = useState(false);\n\n    useEffect(() => {\n        const showSub = Keyboard.addListener(\"keyboardDidShow\", () => setKeyboardVisible(true));\n        const hideSub = Keyboard.addListener(\"keyboardDidHide\", () => setKeyboardVisible(false));\n        return () => {\n            showSub.remove();\n            hideSub.remove();\n        };\n    }, []);\n\n    const severityColors: Record<string, string> = {\n        success: resolveToken('green.500'),\n        info: resolveToken('blue.500'),\n        warn: resolveToken('yellow.500'),\n        error: resolveToken('red.500'),\n        loading: resolveToken('blue.500'),\n        brand: resolveToken('primary'),\n    };\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const borderColor = resolveToken('border');\n\n    const removeToast = useCallback((id: number) => {\n        const timer = timersRef.current.get(id);\n        if (timer) {\n            clearTimeout(timer);\n            timersRef.current.delete(id);\n        }\n        setToasts(prev => prev.filter(t => t.id !== id));\n    }, []);\n\n    const toast: IToastFunction = useCallback((\n        severity: ToastSeverity,\n        summary: string,\n        body: string = \"\",\n        position: ToastPosition = \"bottom-center\",\n        isUpdate: boolean = false,\n        size: ToastSize = \"md\",\n        onPress?: () => void,\n    ) => {\n        const id = ++toastIdCounter;\n        const item: ToastItem = {id, severity, summary, body, position, size, sticky: severity === \"loading\", onPress};\n\n        // isUpdate mirrors web's toastRef.replace: swap the most recent toast\n        // at this position instead of stacking a new one.\n        setToasts(prev => {\n            if (!isUpdate) return [...prev, item];\n            const lastAtPos = [...prev].reverse().find(t => t.position === position);\n            if (!lastAtPos) return [...prev, item];\n            const timer = timersRef.current.get(lastAtPos.id);\n            if (timer) {\n                clearTimeout(timer);\n                timersRef.current.delete(lastAtPos.id);\n            }\n            return prev.map(t => (t.id === lastAtPos.id ? item : t));\n        });\n\n        if (!item.sticky) {\n            const timer = setTimeout(() => removeToast(id), LIFE);\n            timersRef.current.set(id, timer);\n        }\n    }, [removeToast]) as IToastFunction;\n\n    const dismiss = useCallback((position?: ToastPosition) => {\n        setToasts(prev => {\n            const toRemove = position ? prev.filter(t => t.position === position) : prev;\n            toRemove.forEach(t => {\n                const timer = timersRef.current.get(t.id);\n                if (timer) {\n                    clearTimeout(timer);\n                    timersRef.current.delete(t.id);\n                }\n            });\n            return position ? prev.filter(t => t.position !== position) : [];\n        });\n    }, []);\n\n    const dismissAll = useCallback(() => {\n        timersRef.current.forEach(t => clearTimeout(t));\n        timersRef.current.clear();\n        setToasts([]);\n    }, []);\n\n    useImperativeHandle(ref, () => ({toast, dismiss, dismissAll}));\n\n    useEffect(() => {\n        return () => {\n            timersRef.current.forEach(t => clearTimeout(t));\n        };\n    }, []);\n\n    if (toasts.length === 0) return null;\n\n    const getAlignment = (position: ToastPosition): 'flex-start' | 'center' | 'flex-end' => {\n        if (position.endsWith('-left')) return 'flex-start';\n        if (position.endsWith('-right')) return 'flex-end';\n        return 'center';\n    };\n\n    const isTop = (position: ToastPosition) => position.startsWith('top');\n\n    return (\n        <View style={StyleSheet.absoluteFill} pointerEvents=\"box-none\">\n            {toasts.map(item => {\n                // When keyboard is visible, force bottom toasts to render at top\n                const top = keyboardVisible ? true : isTop(item.position);\n                const align = getAlignment(item.position);\n                const entering = top ? SlideInUp.duration(anim.toast.slideInDuration) : SlideInDown.duration(anim.toast.slideInDuration);\n                const exiting = top ? SlideOutUp.duration(anim.toast.slideOutDuration) : SlideOutDown.duration(anim.toast.slideOutDuration);\n                const s = SIZE_CONFIG[item.size] ?? SIZE_CONFIG.md;\n                const accentColor = severityColors[item.severity] ?? severityColors.info;\n\n                return (\n                    <Animated.View\n                        key={item.id}\n                        entering={entering}\n                        exiting={exiting}\n                        layout={Layout.duration(anim.toast.layoutDuration)}\n                        style={[\n                            styles.toastWrapper,\n                            {\n                                alignItems: align,\n                                ...(top\n                                    ? {top: insets.top + 8}\n                                    : {bottom: insets.bottom + 8}),\n                            },\n                        ]}\n                        pointerEvents=\"box-none\"\n                    >\n                        <Animated.View\n                            entering={FadeIn.duration(anim.toast.itemEnterDuration)}\n                            exiting={FadeOut.duration(anim.toast.itemExitDuration)}\n                            style={[\n                                styles.toast,\n                                {\n                                    backgroundColor: surfaceColor,\n                                    borderColor,\n                                    minWidth: s.minW,\n                                },\n                            ]}\n                        >\n                            <Pressable\n                                style={styles.pressArea}\n                                disabled={!item.onPress}\n                                onPress={() => {\n                                    item.onPress?.();\n                                    removeToast(item.id);\n                                }}\n                            >\n                                <View style={[styles.accentBar, {backgroundColor: accentColor, width: s.accentWidth}]}/>\n                                <View style={[styles.content, {paddingVertical: s.paddingV, paddingHorizontal: s.paddingH, gap: s.paddingH * 0.7}]}>\n                                    {item.severity === \"loading\" && (\n                                        <ActivityIndicator size=\"small\" color={accentColor}/>\n                                    )}\n                                    <View style={styles.textContainer}>\n                                        <Text style={{fontWeight: \"600\", fontSize: s.summarySize, color: textColor}}>\n                                            {item.summary}\n                                        </Text>\n                                        {!!item.body && (\n                                            <Text style={{fontSize: s.bodySize, marginTop: 2, color: textColor, opacity: 0.7}}>\n                                                {item.body}\n                                            </Text>\n                                        )}\n                                    </View>\n                                    <Pressable onPress={() => removeToast(item.id)} hitSlop={8}>\n                                        <Text style={{fontSize: s.closeSize, fontWeight: \"bold\", color: textColor, opacity: 0.4}}>\n                                            ✕\n                                        </Text>\n                                    </Pressable>\n                                </View>\n                            </Pressable>\n                        </Animated.View>\n                    </Animated.View>\n                );\n            })}\n        </View>\n    );\n};\n\nconst styles = StyleSheet.create({\n    toastWrapper: {\n        position: \"absolute\",\n        left: 16,\n        right: 16,\n        zIndex: 9999,\n    },\n    toast: {\n        flexDirection: \"row\",\n        borderRadius: 10,\n        borderWidth: 1,\n        marginBottom: 8,\n        overflow: \"hidden\",\n        elevation: 6,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 3},\n        shadowOpacity: 0.15,\n        shadowRadius: 6,\n    },\n    accentBar: {},\n    pressArea: {\n        flex: 1,\n        flexDirection: \"row\",\n    },\n    content: {\n        flex: 1,\n        flexDirection: \"row\",\n        alignItems: \"center\",\n    },\n    textContainer: {\n        flex: 1,\n    },\n});\n\nexport default KitsToast;\n"],"names":["anim"],"mappings":"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"}

package/components/overlay/Tooltip/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const Tooltip = ({ children }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+};
+
+exports.default = Tooltip;
+//# sourceMappingURL=index.cjs.map

package/components/overlay/Tooltip/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/Tooltip/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TooltipProps } from '@lmb-it/kitsconcerto-types';\n\n// Native stub — Tooltip is web-only (uses PrimeReact).\n// On native, just render children without tooltip behavior.\nconst Tooltip = ({ children }: TooltipProps) => {\n    return <>{children}</>;\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,OAAA,GAAU,CAAC,EAAE,QAAA,EAAS,KAAoB;AAC5C,EAAA,6DAAU,QAAA,EAAS,CAAA;AACvB;;;;"}

package/components/overlay/Tooltip/index.js

@@ -0,0 +1,8 @@
+import { jsx, Fragment } from 'react/jsx-runtime';
+
+const Tooltip = ({ children }) => {
+  return /* @__PURE__ */ jsx(Fragment, { children });
+};
+
+export { Tooltip as default };
+//# sourceMappingURL=index.js.map

package/components/overlay/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/Tooltip/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport type { TooltipProps } from '@lmb-it/kitsconcerto-types';\n\n// Native stub — Tooltip is web-only (uses PrimeReact).\n// On native, just render children without tooltip behavior.\nconst Tooltip = ({ children }: TooltipProps) => {\n    return <>{children}</>;\n};\n\nexport default Tooltip;\n"],"names":[],"mappings":";;AAKA,MAAM,OAAA,GAAU,CAAC,EAAE,QAAA,EAAS,KAAoB;AAC5C,EAAA,uCAAU,QAAA,EAAS,CAAA;AACvB;;;;"}

package/contexts/DialogContext.cjs

@@ -0,0 +1,133 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index_native = require('../components/overlay/Toast/index.cjs');
+var index_native$1 = require('../components/overlay/ConfirmDialog/index.cjs');
+var index_native$2 = require('../components/overlay/Dialog/index.cjs');
+var index_native$3 = require('../components/overlay/ConfirmPopup/index.cjs');
+
+const PopupContext = React.createContext(null);
+const PopupProvider = ({ children }) => {
+  const toastRef = React.useRef(null);
+  const [confirmState, setConfirmState] = React.useState({ visible: false });
+  const confirmPromiseRef = React.useRef({});
+  const hideConfirm = React.useCallback(() => setConfirmState((s) => ({ ...s, visible: false })), []);
+  const doAccept = React.useCallback(() => {
+    confirmPromiseRef.current.resolve?.(true);
+    confirmPromiseRef.current = {};
+    hideConfirm();
+  }, [hideConfirm]);
+  const doReject = React.useCallback(() => {
+    confirmPromiseRef.current.resolve?.(false);
+    confirmPromiseRef.current = {};
+    hideConfirm();
+  }, [hideConfirm]);
+  const [confirmPopupState, setConfirmPopupState] = React.useState({ visible: false });
+  const hideConfirmPopup = React.useCallback((result) => setConfirmPopupState((s) => ({ ...s, visible: false })), []);
+  const [dialogState, setDialogState] = React.useState({ visible: false });
+  const onCloseRef = React.useRef();
+  React.useEffect(() => {
+    onCloseRef.current = dialogState.onClose;
+  }, [dialogState.onClose]);
+  const hideDialog = React.useCallback(() => {
+    setDialogState((s) => ({ ...s, visible: false }));
+    onCloseRef.current?.();
+  }, []);
+  React.useEffect(() => {
+    return () => {
+      confirmPromiseRef.current.reject?.();
+      confirmPromiseRef.current = {};
+    };
+  }, []);
+  const toast = React.useCallback((...a) => {
+    toastRef.current?.toast(...a);
+  }, []);
+  const toastDismiss = React.useCallback((position) => {
+    toastRef.current?.dismiss?.(position);
+  }, []);
+  const toastDismissAll = React.useCallback(() => {
+    toastRef.current?.dismissAll?.();
+  }, []);
+  const confirm = React.useCallback((props) => {
+    setConfirmState({ visible: true, acceptLabel: "Accept", rejectLabel: "Reject", ...props });
+  }, []);
+  const confirmPopup = React.useCallback((props) => {
+    setConfirmPopupState({ visible: true, ...props });
+  }, []);
+  const dialog = React.useCallback(({ visible = true, ...props }) => {
+    setDialogState({ visible, ...props });
+  }, []);
+  const alert = React.useCallback((message, opts = {}) => new Promise((resolve) => {
+    confirmPromiseRef.current = { resolve: () => resolve() };
+    setConfirmState({
+      visible: true,
+      header: opts.header ?? "Alert",
+      message,
+      defaultUI: true,
+      acceptLabel: opts.acceptLabel ?? "OK",
+      type: opts.type,
+      icon: opts.icon,
+      headless: opts.headless
+    });
+  }), []);
+  const confirmAsync = React.useCallback((opts) => new Promise((resolve) => {
+    confirmPromiseRef.current = { resolve };
+    setConfirmState({
+      visible: true,
+      defaultUI: true,
+      acceptLabel: opts.acceptLabel ?? "Yes",
+      rejectLabel: opts.rejectLabel ?? "No",
+      ...opts
+    });
+  }), []);
+  const prompt = React.useCallback((render, opts = {}) => new Promise((resolve, reject) => {
+    confirmPromiseRef.current = { resolve, reject };
+    const hide = () => {
+      setDialogState((s) => ({ ...s, visible: false }));
+      confirmPromiseRef.current = {};
+    };
+    setDialogState({
+      visible: true,
+      header: opts.header,
+      children: render({
+        resolve: (v) => {
+          resolve(v);
+          hide();
+        },
+        reject: () => {
+          reject();
+          hide();
+        },
+        hide
+      })
+    });
+  }), []);
+  const value = React.useMemo(() => ({
+    confirm,
+    confirmPopup,
+    dialog,
+    toast,
+    toastDismiss,
+    toastDismissAll,
+    alert,
+    confirmAsync,
+    prompt
+  }), [confirm, confirmPopup, dialog, toast, toastDismiss, toastDismissAll, alert, confirmAsync, prompt]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(PopupContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(index_native.default, { ref: toastRef }),
+    /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { onHide: hideConfirm, accept: doAccept, reject: doReject, ...confirmState }),
+    /* @__PURE__ */ jsxRuntime.jsx(index_native$2.default, { state: dialogState, onHide: hideDialog }),
+    /* @__PURE__ */ jsxRuntime.jsx(index_native$3.default, { onHide: hideConfirmPopup, ...confirmPopupState })
+  ] });
+};
+const usePopup = () => React.useContext(PopupContext);
+const useDialog = usePopup;
+
+exports.default = PopupProvider;
+exports.useDialog = useDialog;
+exports.usePopup = usePopup;
+//# sourceMappingURL=DialogContext.cjs.map

package/contexts/DialogContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.cjs","sources":["../../../src/contexts/DialogContext.tsx"],"sourcesContent":["import React, {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState} from \"react\";\nimport KitsToast from \"../components/overlay/Toast\";\nimport KitsConfirm from \"../components/overlay/ConfirmDialog\";\nimport KitsDialog from \"../components/overlay/Dialog\";\nimport KitsConfirmPopup from \"../components/overlay/ConfirmPopup\";\nimport type {\n    IConfirmDialogProps,\n    IConfirmPopupProps,\n    IDialogState,\n    IKitsToastRef,\n    IToastFunction,\n    IToastParams,\n    ToastPosition,\n} from \"@lmb-it/kitsconcerto-types\";\n\ninterface Ctx {\n    confirm: (props: IConfirmDialogProps) => void;\n    confirmPopup: (props: IConfirmPopupProps) => void;\n    dialog: (props: IDialogState) => void;\n    toast: IToastFunction;\n    toastDismiss: (position?: ToastPosition) => void;\n    toastDismissAll: () => void;\n    alert: (message: React.ReactNode, opts?: IConfirmDialogProps) => Promise<void>;\n    confirmAsync: (opts: IConfirmDialogProps) => Promise<boolean>;\n    prompt: (\n        render: (api: { resolve: (v: any) => void; reject: () => void; hide: () => void }) => React.ReactNode,\n        opts?: IConfirmDialogProps\n    ) => Promise<any>;\n}\n\nconst PopupContext = createContext<Ctx>(null as any);\n\nconst PopupProvider: React.FC<React.PropsWithChildren> = ({children}) => {\n    const toastRef = useRef<IKitsToastRef>(null);\n\n    // --- Confirm ---\n    const [confirmState, setConfirmState] = useState<IConfirmDialogProps>({visible: false});\n    const confirmPromiseRef = useRef<{ resolve?: (v: any) => void; reject?: (r?: any) => void }>({});\n\n    const hideConfirm = useCallback(() => setConfirmState(s => ({...s, visible: false})), []);\n    const doAccept = useCallback(() => {\n        confirmPromiseRef.current.resolve?.(true);\n        confirmPromiseRef.current = {};\n        hideConfirm();\n    }, [hideConfirm]);\n    const doReject = useCallback(() => {\n        confirmPromiseRef.current.resolve?.(false);\n        confirmPromiseRef.current = {};\n        hideConfirm();\n    }, [hideConfirm]);\n\n    // --- ConfirmPopup ---\n    const [confirmPopupState, setConfirmPopupState] = useState<IConfirmPopupProps>({visible: false});\n    const hideConfirmPopup = useCallback((result) => setConfirmPopupState(s => ({...s, visible: false})), []);\n\n    // --- Dialog ---\n    const [dialogState, setDialogState] = useState<IDialogState>({visible: false});\n    // @ts-ignore\n    const onCloseRef = useRef<(() => void) | undefined>();\n\n    useEffect(() => {\n        onCloseRef.current = dialogState.onClose;\n    }, [dialogState.onClose]);\n\n    const hideDialog = useCallback(() => {\n        setDialogState(s => ({...s, visible: false}));\n        onCloseRef.current?.();\n    }, []);\n\n    // --- Cleanup pending promises on unmount ---\n    useEffect(() => {\n        return () => {\n            confirmPromiseRef.current.reject?.();\n            confirmPromiseRef.current = {};\n        };\n    }, []);\n\n    // --- Toast API ---\n    const toast = useCallback<IToastFunction>((...a) => {\n        toastRef.current?.toast(...(a as IToastParams));\n    }, []);\n\n    const toastDismiss = useCallback((position?: ToastPosition) => {\n        toastRef.current?.dismiss?.(position);\n    }, []);\n\n    const toastDismissAll = useCallback(() => {\n        toastRef.current?.dismissAll?.();\n    }, []);\n\n    // --- Confirm API ---\n    const confirm = useCallback((props: IConfirmDialogProps) => {\n        setConfirmState({visible: true, acceptLabel: \"Accept\", rejectLabel: \"Reject\", ...props});\n    }, []);\n\n    const confirmPopup = useCallback((props: IConfirmPopupProps) => {\n        setConfirmPopupState({visible: true, ...props});\n    }, []);\n\n    const dialog = useCallback(({visible = true, ...props}: IDialogState) => {\n        setDialogState({visible, ...props});\n    }, []);\n\n    const alert = useCallback((message: React.ReactNode, opts: IConfirmDialogProps = {}) =>\n        new Promise<void>(resolve => {\n            confirmPromiseRef.current = {resolve: () => resolve()};\n            setConfirmState({\n                visible: true,\n                header: opts.header ?? \"Alert\",\n                message,\n                defaultUI: true,\n                acceptLabel: opts.acceptLabel ?? \"OK\",\n                type: opts.type,\n                icon: opts.icon,\n                headless: opts.headless,\n            });\n        }), []);\n\n    const confirmAsync = useCallback((opts: IConfirmDialogProps) =>\n        new Promise<boolean>(resolve => {\n            confirmPromiseRef.current = {resolve};\n            setConfirmState({\n                visible: true,\n                defaultUI: true,\n                acceptLabel: opts.acceptLabel ?? \"Yes\",\n                rejectLabel: opts.rejectLabel ?? \"No\",\n                ...opts,\n            });\n        }), []);\n\n    const prompt = useCallback((\n        render: (api: { resolve: (v: any) => void; reject: () => void; hide: () => void }) => React.ReactNode,\n        opts: IConfirmDialogProps = {}\n    ) =>\n        new Promise<any>((resolve, reject) => {\n            confirmPromiseRef.current = {resolve, reject};\n            const hide = () => {\n                setDialogState(s => ({...s, visible: false}));\n                confirmPromiseRef.current = {};\n            };\n            setDialogState({\n                visible: true,\n                header: opts.header,\n                children: render({\n                    resolve: (v) => {\n                        resolve(v);\n                        hide();\n                    },\n                    reject: () => {\n                        reject();\n                        hide();\n                    },\n                    hide,\n                }),\n            });\n        }), []);\n\n    // --- Stable context value ---\n    const value = useMemo<Ctx>(() => ({\n        confirm, confirmPopup, dialog, toast, toastDismiss, toastDismissAll, alert, confirmAsync, prompt,\n    }), [confirm, confirmPopup, dialog, toast, toastDismiss, toastDismissAll, alert, confirmAsync, prompt]);\n\n    return (\n        <PopupContext.Provider value={value}>\n            {children}\n            <KitsToast ref={toastRef}/>\n            <KitsConfirm onHide={hideConfirm} accept={doAccept} reject={doReject} {...confirmState} />\n            <KitsDialog state={dialogState} onHide={hideDialog}/>\n            {/*@ts-ignore*/}\n            <KitsConfirmPopup onHide={hideConfirmPopup} {...confirmPopupState} />\n        </PopupContext.Provider>\n    );\n};\n\nexport const usePopup = () => useContext(PopupContext);\nexport const useDialog = usePopup; // alias\n\nexport default PopupProvider;\n"],"names":["createContext","useRef","useState","useCallback","useEffect","useMemo","jsxs","jsx","KitsToast","KitsConfirm","KitsDialog","KitsConfirmPopup","useContext"],"mappings":"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"}

package/contexts/DialogContext.js

@@ -0,0 +1,127 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { createContext, useRef, useState, useCallback, useEffect, useMemo, useContext } from 'react';
+import KitsToast from '../components/overlay/Toast/index.js';
+import KitsConfirm from '../components/overlay/ConfirmDialog/index.js';
+import KitsDialogControlled from '../components/overlay/Dialog/index.js';
+import KitsConfirmPopup from '../components/overlay/ConfirmPopup/index.js';
+
+const PopupContext = createContext(null);
+const PopupProvider = ({ children }) => {
+  const toastRef = useRef(null);
+  const [confirmState, setConfirmState] = useState({ visible: false });
+  const confirmPromiseRef = useRef({});
+  const hideConfirm = useCallback(() => setConfirmState((s) => ({ ...s, visible: false })), []);
+  const doAccept = useCallback(() => {
+    confirmPromiseRef.current.resolve?.(true);
+    confirmPromiseRef.current = {};
+    hideConfirm();
+  }, [hideConfirm]);
+  const doReject = useCallback(() => {
+    confirmPromiseRef.current.resolve?.(false);
+    confirmPromiseRef.current = {};
+    hideConfirm();
+  }, [hideConfirm]);
+  const [confirmPopupState, setConfirmPopupState] = useState({ visible: false });
+  const hideConfirmPopup = useCallback((result) => setConfirmPopupState((s) => ({ ...s, visible: false })), []);
+  const [dialogState, setDialogState] = useState({ visible: false });
+  const onCloseRef = useRef();
+  useEffect(() => {
+    onCloseRef.current = dialogState.onClose;
+  }, [dialogState.onClose]);
+  const hideDialog = useCallback(() => {
+    setDialogState((s) => ({ ...s, visible: false }));
+    onCloseRef.current?.();
+  }, []);
+  useEffect(() => {
+    return () => {
+      confirmPromiseRef.current.reject?.();
+      confirmPromiseRef.current = {};
+    };
+  }, []);
+  const toast = useCallback((...a) => {
+    toastRef.current?.toast(...a);
+  }, []);
+  const toastDismiss = useCallback((position) => {
+    toastRef.current?.dismiss?.(position);
+  }, []);
+  const toastDismissAll = useCallback(() => {
+    toastRef.current?.dismissAll?.();
+  }, []);
+  const confirm = useCallback((props) => {
+    setConfirmState({ visible: true, acceptLabel: "Accept", rejectLabel: "Reject", ...props });
+  }, []);
+  const confirmPopup = useCallback((props) => {
+    setConfirmPopupState({ visible: true, ...props });
+  }, []);
+  const dialog = useCallback(({ visible = true, ...props }) => {
+    setDialogState({ visible, ...props });
+  }, []);
+  const alert = useCallback((message, opts = {}) => new Promise((resolve) => {
+    confirmPromiseRef.current = { resolve: () => resolve() };
+    setConfirmState({
+      visible: true,
+      header: opts.header ?? "Alert",
+      message,
+      defaultUI: true,
+      acceptLabel: opts.acceptLabel ?? "OK",
+      type: opts.type,
+      icon: opts.icon,
+      headless: opts.headless
+    });
+  }), []);
+  const confirmAsync = useCallback((opts) => new Promise((resolve) => {
+    confirmPromiseRef.current = { resolve };
+    setConfirmState({
+      visible: true,
+      defaultUI: true,
+      acceptLabel: opts.acceptLabel ?? "Yes",
+      rejectLabel: opts.rejectLabel ?? "No",
+      ...opts
+    });
+  }), []);
+  const prompt = useCallback((render, opts = {}) => new Promise((resolve, reject) => {
+    confirmPromiseRef.current = { resolve, reject };
+    const hide = () => {
+      setDialogState((s) => ({ ...s, visible: false }));
+      confirmPromiseRef.current = {};
+    };
+    setDialogState({
+      visible: true,
+      header: opts.header,
+      children: render({
+        resolve: (v) => {
+          resolve(v);
+          hide();
+        },
+        reject: () => {
+          reject();
+          hide();
+        },
+        hide
+      })
+    });
+  }), []);
+  const value = useMemo(() => ({
+    confirm,
+    confirmPopup,
+    dialog,
+    toast,
+    toastDismiss,
+    toastDismissAll,
+    alert,
+    confirmAsync,
+    prompt
+  }), [confirm, confirmPopup, dialog, toast, toastDismiss, toastDismissAll, alert, confirmAsync, prompt]);
+  return /* @__PURE__ */ jsxs(PopupContext.Provider, { value, children: [
+    children,
+    /* @__PURE__ */ jsx(KitsToast, { ref: toastRef }),
+    /* @__PURE__ */ jsx(KitsConfirm, { onHide: hideConfirm, accept: doAccept, reject: doReject, ...confirmState }),
+    /* @__PURE__ */ jsx(KitsDialogControlled, { state: dialogState, onHide: hideDialog }),
+    /* @__PURE__ */ jsx(KitsConfirmPopup, { onHide: hideConfirmPopup, ...confirmPopupState })
+  ] });
+};
+const usePopup = () => useContext(PopupContext);
+const useDialog = usePopup;
+
+export { PopupProvider as default, useDialog, usePopup };
+//# sourceMappingURL=DialogContext.js.map

package/contexts/DialogContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogContext.js","sources":["../../../src/contexts/DialogContext.tsx"],"sourcesContent":["import React, {createContext, useCallback, useContext, useEffect, useMemo, useRef, useState} from \"react\";\nimport KitsToast from \"../components/overlay/Toast\";\nimport KitsConfirm from \"../components/overlay/ConfirmDialog\";\nimport KitsDialog from \"../components/overlay/Dialog\";\nimport KitsConfirmPopup from \"../components/overlay/ConfirmPopup\";\nimport type {\n    IConfirmDialogProps,\n    IConfirmPopupProps,\n    IDialogState,\n    IKitsToastRef,\n    IToastFunction,\n    IToastParams,\n    ToastPosition,\n} from \"@lmb-it/kitsconcerto-types\";\n\ninterface Ctx {\n    confirm: (props: IConfirmDialogProps) => void;\n    confirmPopup: (props: IConfirmPopupProps) => void;\n    dialog: (props: IDialogState) => void;\n    toast: IToastFunction;\n    toastDismiss: (position?: ToastPosition) => void;\n    toastDismissAll: () => void;\n    alert: (message: React.ReactNode, opts?: IConfirmDialogProps) => Promise<void>;\n    confirmAsync: (opts: IConfirmDialogProps) => Promise<boolean>;\n    prompt: (\n        render: (api: { resolve: (v: any) => void; reject: () => void; hide: () => void }) => React.ReactNode,\n        opts?: IConfirmDialogProps\n    ) => Promise<any>;\n}\n\nconst PopupContext = createContext<Ctx>(null as any);\n\nconst PopupProvider: React.FC<React.PropsWithChildren> = ({children}) => {\n    const toastRef = useRef<IKitsToastRef>(null);\n\n    // --- Confirm ---\n    const [confirmState, setConfirmState] = useState<IConfirmDialogProps>({visible: false});\n    const confirmPromiseRef = useRef<{ resolve?: (v: any) => void; reject?: (r?: any) => void }>({});\n\n    const hideConfirm = useCallback(() => setConfirmState(s => ({...s, visible: false})), []);\n    const doAccept = useCallback(() => {\n        confirmPromiseRef.current.resolve?.(true);\n        confirmPromiseRef.current = {};\n        hideConfirm();\n    }, [hideConfirm]);\n    const doReject = useCallback(() => {\n        confirmPromiseRef.current.resolve?.(false);\n        confirmPromiseRef.current = {};\n        hideConfirm();\n    }, [hideConfirm]);\n\n    // --- ConfirmPopup ---\n    const [confirmPopupState, setConfirmPopupState] = useState<IConfirmPopupProps>({visible: false});\n    const hideConfirmPopup = useCallback((result) => setConfirmPopupState(s => ({...s, visible: false})), []);\n\n    // --- Dialog ---\n    const [dialogState, setDialogState] = useState<IDialogState>({visible: false});\n    // @ts-ignore\n    const onCloseRef = useRef<(() => void) | undefined>();\n\n    useEffect(() => {\n        onCloseRef.current = dialogState.onClose;\n    }, [dialogState.onClose]);\n\n    const hideDialog = useCallback(() => {\n        setDialogState(s => ({...s, visible: false}));\n        onCloseRef.current?.();\n    }, []);\n\n    // --- Cleanup pending promises on unmount ---\n    useEffect(() => {\n        return () => {\n            confirmPromiseRef.current.reject?.();\n            confirmPromiseRef.current = {};\n        };\n    }, []);\n\n    // --- Toast API ---\n    const toast = useCallback<IToastFunction>((...a) => {\n        toastRef.current?.toast(...(a as IToastParams));\n    }, []);\n\n    const toastDismiss = useCallback((position?: ToastPosition) => {\n        toastRef.current?.dismiss?.(position);\n    }, []);\n\n    const toastDismissAll = useCallback(() => {\n        toastRef.current?.dismissAll?.();\n    }, []);\n\n    // --- Confirm API ---\n    const confirm = useCallback((props: IConfirmDialogProps) => {\n        setConfirmState({visible: true, acceptLabel: \"Accept\", rejectLabel: \"Reject\", ...props});\n    }, []);\n\n    const confirmPopup = useCallback((props: IConfirmPopupProps) => {\n        setConfirmPopupState({visible: true, ...props});\n    }, []);\n\n    const dialog = useCallback(({visible = true, ...props}: IDialogState) => {\n        setDialogState({visible, ...props});\n    }, []);\n\n    const alert = useCallback((message: React.ReactNode, opts: IConfirmDialogProps = {}) =>\n        new Promise<void>(resolve => {\n            confirmPromiseRef.current = {resolve: () => resolve()};\n            setConfirmState({\n                visible: true,\n                header: opts.header ?? \"Alert\",\n                message,\n                defaultUI: true,\n                acceptLabel: opts.acceptLabel ?? \"OK\",\n                type: opts.type,\n                icon: opts.icon,\n                headless: opts.headless,\n            });\n        }), []);\n\n    const confirmAsync = useCallback((opts: IConfirmDialogProps) =>\n        new Promise<boolean>(resolve => {\n            confirmPromiseRef.current = {resolve};\n            setConfirmState({\n                visible: true,\n                defaultUI: true,\n                acceptLabel: opts.acceptLabel ?? \"Yes\",\n                rejectLabel: opts.rejectLabel ?? \"No\",\n                ...opts,\n            });\n        }), []);\n\n    const prompt = useCallback((\n        render: (api: { resolve: (v: any) => void; reject: () => void; hide: () => void }) => React.ReactNode,\n        opts: IConfirmDialogProps = {}\n    ) =>\n        new Promise<any>((resolve, reject) => {\n            confirmPromiseRef.current = {resolve, reject};\n            const hide = () => {\n                setDialogState(s => ({...s, visible: false}));\n                confirmPromiseRef.current = {};\n            };\n            setDialogState({\n                visible: true,\n                header: opts.header,\n                children: render({\n                    resolve: (v) => {\n                        resolve(v);\n                        hide();\n                    },\n                    reject: () => {\n                        reject();\n                        hide();\n                    },\n                    hide,\n                }),\n            });\n        }), []);\n\n    // --- Stable context value ---\n    const value = useMemo<Ctx>(() => ({\n        confirm, confirmPopup, dialog, toast, toastDismiss, toastDismissAll, alert, confirmAsync, prompt,\n    }), [confirm, confirmPopup, dialog, toast, toastDismiss, toastDismissAll, alert, confirmAsync, prompt]);\n\n    return (\n        <PopupContext.Provider value={value}>\n            {children}\n            <KitsToast ref={toastRef}/>\n            <KitsConfirm onHide={hideConfirm} accept={doAccept} reject={doReject} {...confirmState} />\n            <KitsDialog state={dialogState} onHide={hideDialog}/>\n            {/*@ts-ignore*/}\n            <KitsConfirmPopup onHide={hideConfirmPopup} {...confirmPopupState} />\n        </PopupContext.Provider>\n    );\n};\n\nexport const usePopup = () => useContext(PopupContext);\nexport const useDialog = usePopup; // alias\n\nexport default PopupProvider;\n"],"names":["KitsDialog"],"mappings":"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"}