@lmb-it/kitsconcerto-native 0.1.236

package/components/overlay/ConfirmDialog/index.js

@@ -0,0 +1,328 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Modal, Pressable, StyleSheet, View } from 'react-native';
+import Animated, { SlideInDown, FadeIn, ZoomIn } from 'react-native-reanimated';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { useSeverityColors, useAllSeverityColors } from '../../../hooks/useSeverityColors.js';
+import 'react';
+import '../../../contexts/DialogContext.js';
+import useResolvedStyle from '../../../hooks/useResolvedStyle.js';
+import { overlayAnimations } from '../../../animations/index.js';
+import { useKitsTheme } from '../../../contexts/Theme/KitsThemeProvider.js';
+import Text from '../../../primitives/Text/index.js';
+import { Icon } from '../../../primitives/Icon/index.js';
+
+function KitsConfirm(props) {
+  const {
+    visible,
+    header,
+    message,
+    icon,
+    type = "secondary",
+    accept,
+    reject,
+    acceptLabel = "Accept",
+    rejectLabel = "Reject",
+    buttons,
+    headless,
+    defaultUI,
+    async: asyncMode,
+    onHide,
+    content,
+    children,
+    position = "center",
+    style,
+    contentStyle,
+    headerStyle,
+    maskStyle,
+    // LEGIT-PLATFORM-ONLY (web): acceptIcon/rejectIcon take PrimeReact
+    // icon classes ('pi pi-*') with no native rendering path — use the
+    // `buttons` array for custom native actions. acceptClassName/
+    // rejectClassName are CSS classes; appendTo is a DOM portal target.
+    ...rest
+  } = props;
+  const { resolveToken, theme } = useKitsTheme();
+  const colors = useSeverityColors(type);
+  const allColors = useAllSeverityColors();
+  const insets = useSafeAreaInsets();
+  const surfaceColor = resolveToken("surface-card");
+  const textColor = resolveToken("text");
+  const subtextColor = resolveToken("gray.500");
+  const grabberColor = resolveToken("gray.300");
+  const brandLogo = type === "brand" ? theme.config.logo : null;
+  const resolvedStyle = useResolvedStyle(style || {});
+  const resolvedContentStyle = useResolvedStyle(contentStyle || {});
+  const resolvedHeaderStyle = useResolvedStyle(headerStyle || {});
+  const resolvedMaskStyle = useResolvedStyle(maskStyle || {});
+  if (!visible) return null;
+  const isSheet = position === "bottom";
+  const hide = () => onHide?.("hide");
+  const doClick = async (callback) => {
+    if (asyncMode) {
+      await callback?.();
+      hide();
+    } else {
+      hide();
+      callback?.();
+    }
+  };
+  const showIcon = icon != null || brandLogo != null;
+  const panelBg = surfaceColor;
+  const renderActions = (stretch) => {
+    if (buttons?.length) {
+      return /* @__PURE__ */ jsx(View, { style: styles.buttonRow, children: buttons.map((b, i) => {
+        const btnColor = allColors[b.type ?? type]?.solid ?? colors.solid;
+        return /* @__PURE__ */ jsx(
+          Pressable,
+          {
+            disabled: b.disabled,
+            style: [
+              styles.actionBtn,
+              stretch && styles.actionBtnSheet,
+              stretch && { flex: 1 },
+              b.outlined ? { backgroundColor: "transparent", borderColor: btnColor, borderWidth: 1.5 } : { backgroundColor: btnColor },
+              b.rounded && { borderRadius: 999 },
+              b.disabled && { opacity: 0.5 }
+            ],
+            onPress: () => b.onClick(hide, accept, reject),
+            children: /* @__PURE__ */ jsx(Text, { style: {
+              color: b.outlined ? btnColor : "#fff",
+              fontWeight: "600",
+              fontSize: 14
+            }, children: b.title })
+          },
+          i
+        );
+      }) });
+    }
+    const acceptBtn = /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        style: [styles.actionBtn, stretch && styles.actionBtnSheet, { backgroundColor: colors.solid, flex: 1 }],
+        onPress: () => doClick(accept),
+        children: /* @__PURE__ */ jsx(Text, { style: styles.btnTextPrimary, children: acceptLabel })
+      },
+      "accept"
+    );
+    const rejectBtn = !defaultUI ? /* @__PURE__ */ jsx(
+      Pressable,
+      {
+        style: [styles.actionBtn, styles.actionBtnOutlined, stretch && styles.actionBtnSheet, { borderColor: colors.solid, flex: 1 }],
+        onPress: () => doClick(reject),
+        children: /* @__PURE__ */ jsx(Text, { style: [styles.btnTextOutlined, { color: colors.solid }], children: rejectLabel })
+      },
+      "reject"
+    ) : null;
+    return /* @__PURE__ */ jsx(View, { style: styles.buttonRow, children: stretch ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      rejectBtn,
+      acceptBtn
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      acceptBtn,
+      rejectBtn
+    ] }) });
+  };
+  if (isSheet) {
+    return /* @__PURE__ */ jsx(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxs(Animated.View, { entering: FadeIn.duration(overlayAnimations.scrim.enterDuration), style: [styles.sheetOverlay, resolvedMaskStyle], children: [
+      /* @__PURE__ */ jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: hide }),
+      /* @__PURE__ */ jsxs(
+        Animated.View,
+        {
+          entering: SlideInDown.springify().damping(overlayAnimations.sheet.enter.damping).stiffness(overlayAnimations.sheet.enter.stiffness),
+          style: [
+            styles.sheetPanel,
+            { backgroundColor: panelBg, paddingBottom: 24 + insets.bottom },
+            resolvedStyle,
+            resolvedContentStyle
+          ],
+          children: [
+            /* @__PURE__ */ jsx(View, { style: [styles.grabber, { backgroundColor: grabberColor }] }),
+            header != null && /* @__PURE__ */ jsx(Text, { style: [styles.sheetHeader, { color: textColor }, resolvedHeaderStyle], children: header }),
+            message != null && /* @__PURE__ */ jsx(Text, { style: [styles.sheetMessage, { color: subtextColor }], children: message }),
+            children,
+            renderActions(true)
+          ]
+        }
+      )
+    ] }) });
+  }
+  if (content) {
+    return /* @__PURE__ */ jsx(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxs(Animated.View, { entering: FadeIn.duration(overlayAnimations.scrim.enterDuration), style: [styles.overlay, resolvedMaskStyle], children: [
+      /* @__PURE__ */ jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: hide }),
+      /* @__PURE__ */ jsx(
+        Animated.View,
+        {
+          entering: ZoomIn.springify().damping(overlayAnimations.confirm.content.damping).stiffness(overlayAnimations.confirm.content.stiffness),
+          style: [
+            styles.panel,
+            { backgroundColor: surfaceColor, minWidth: 250, maxWidth: 380 },
+            resolvedStyle,
+            resolvedContentStyle
+          ],
+          children: content
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx(Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxs(Animated.View, { entering: FadeIn.duration(overlayAnimations.scrim.enterDuration), style: [styles.overlay, resolvedMaskStyle], children: [
+    /* @__PURE__ */ jsx(Pressable, { style: StyleSheet.absoluteFill, onPress: hide }),
+    /* @__PURE__ */ jsxs(View, { style: styles.cardStack, children: [
+      showIcon && /* @__PURE__ */ jsx(
+        Animated.View,
+        {
+          entering: ZoomIn.springify().damping(overlayAnimations.confirm.icon.damping).stiffness(overlayAnimations.confirm.icon.stiffness).delay(overlayAnimations.confirm.icon.delay),
+          style: [styles.iconBubble, { backgroundColor: colors.iconBg }],
+          children: brandLogo ? brandLogo : typeof icon === "string" ? /* @__PURE__ */ jsx(Icon, { name: icon, size: "xl", color: colors.iconFg }) : icon
+        }
+      ),
+      /* @__PURE__ */ jsxs(
+        Animated.View,
+        {
+          entering: ZoomIn.springify().damping(overlayAnimations.confirm.enter.damping).stiffness(overlayAnimations.confirm.enter.stiffness),
+          style: [
+            styles.panel,
+            {
+              backgroundColor: panelBg,
+              paddingTop: showIcon ? 48 : 24,
+              gap: 10
+            },
+            resolvedStyle,
+            resolvedContentStyle
+          ],
+          children: [
+            /* @__PURE__ */ jsx(Pressable, { style: styles.closeBtn, onPress: hide, hitSlop: 12, children: /* @__PURE__ */ jsx(Text, { style: { fontSize: 18, color: subtextColor }, children: "\u2715" }) }),
+            header != null && /* @__PURE__ */ jsx(Text, { style: [styles.header, { color: textColor }, resolvedHeaderStyle], children: header }),
+            message != null && /* @__PURE__ */ jsx(Text, { style: [styles.message, { color: subtextColor }], children: message }),
+            children,
+            renderActions(false)
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.55)",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 28
+  },
+  sheetOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.55)",
+    justifyContent: "flex-end"
+  },
+  sheetPanel: {
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    paddingHorizontal: 24,
+    paddingTop: 10,
+    gap: 14,
+    elevation: 16,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: -4 },
+    shadowOpacity: 0.15,
+    shadowRadius: 16
+  },
+  grabber: {
+    width: 40,
+    height: 5,
+    borderRadius: 999,
+    alignSelf: "center",
+    marginBottom: 6
+  },
+  sheetHeader: {
+    fontSize: 24,
+    fontWeight: "700",
+    textAlign: "left"
+  },
+  sheetMessage: {
+    fontSize: 15,
+    lineHeight: 22,
+    textAlign: "left"
+  },
+  cardStack: {
+    minWidth: 250,
+    maxWidth: 380,
+    alignItems: "center"
+  },
+  iconBubble: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    justifyContent: "center",
+    alignItems: "center",
+    zIndex: 2,
+    marginBottom: -36,
+    elevation: 8,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 4 },
+    shadowOpacity: 0.15,
+    shadowRadius: 8
+  },
+  panel: {
+    alignSelf: "stretch",
+    borderRadius: 16,
+    paddingHorizontal: 24,
+    paddingBottom: 24,
+    elevation: 16,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 8 },
+    shadowOpacity: 0.2,
+    shadowRadius: 16,
+    alignItems: "center"
+  },
+  closeBtn: {
+    position: "absolute",
+    top: 12,
+    right: 14,
+    zIndex: 3
+  },
+  header: {
+    fontSize: 22,
+    fontWeight: "700",
+    textAlign: "center",
+    marginBottom: 8
+  },
+  message: {
+    fontSize: 14,
+    textAlign: "center",
+    lineHeight: 20,
+    marginBottom: 24
+  },
+  buttonRow: {
+    flexDirection: "row",
+    justifyContent: "center",
+    gap: 12,
+    width: "100%"
+  },
+  actionBtn: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
+    minWidth: 100,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // Taller, rounder buttons for the bottom-sheet action row.
+  actionBtnSheet: {
+    paddingVertical: 16,
+    borderRadius: 12
+  },
+  actionBtnOutlined: {
+    backgroundColor: "transparent",
+    borderWidth: 1.5
+  },
+  btnTextPrimary: {
+    color: "#fff",
+    fontWeight: "600",
+    fontSize: 14
+  },
+  btnTextOutlined: {
+    fontWeight: "600",
+    fontSize: 14
+  }
+});
+
+export { KitsConfirm as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/ConfirmDialog/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Modal, Pressable, StyleSheet, View} from \"react-native\";\nimport Animated, {FadeIn, SlideInDown, ZoomIn} from \"react-native-reanimated\";\nimport {useSafeAreaInsets} from \"react-native-safe-area-context\";\nimport {Icon, Text} from \"../../../_compat\";\nimport type {IConfirmDialogProps} from \"@lmb-it/kitsconcerto-types\";\nimport {useKitsTheme} from \"../../../contexts/Theme\";\nimport {useSeverityColors, useAllSeverityColors} from \"../../../hooks/useSeverityColors\";\nimport {useResolvedStyle} from \"../../../hooks\";\nimport {overlayAnimations as anim} from \"../../../animations\";\n\nexport default function KitsConfirm(props: IConfirmDialogProps) {\n    const {\n        visible,\n        header,\n        message,\n        icon,\n        type = \"secondary\",\n        accept,\n        reject,\n        acceptLabel = \"Accept\",\n        rejectLabel = \"Reject\",\n        buttons,\n        headless,\n        defaultUI,\n        async: asyncMode,\n        onHide,\n        content,\n        children,\n        position = \"center\",\n        style,\n        contentStyle,\n        headerStyle,\n        maskStyle,\n        // LEGIT-PLATFORM-ONLY (web): acceptIcon/rejectIcon take PrimeReact\n        // icon classes ('pi pi-*') with no native rendering path — use the\n        // `buttons` array for custom native actions. acceptClassName/\n        // rejectClassName are CSS classes; appendTo is a DOM portal target.\n        ...rest\n    } = props;\n\n    const {resolveToken, theme} = useKitsTheme();\n    const colors = useSeverityColors(type);\n    const allColors = useAllSeverityColors();\n    const insets = useSafeAreaInsets();\n\n    const surfaceColor = resolveToken('surface-card');\n    const textColor = resolveToken('text');\n    const subtextColor = resolveToken('gray.500');\n    const grabberColor = resolveToken('gray.300');\n    const brandLogo = type === 'brand' ? theme.config.logo : null;\n\n    const resolvedStyle = useResolvedStyle(style || {});\n    const resolvedContentStyle = useResolvedStyle(contentStyle || {});\n    const resolvedHeaderStyle = useResolvedStyle(headerStyle || {});\n    const resolvedMaskStyle = useResolvedStyle(maskStyle || {});\n\n    if (!visible) return null;\n\n    const isSheet = position === 'bottom';\n    const hide = () => onHide?.('hide');\n\n    const doClick = async (callback?: () => void) => {\n        if (asyncMode) {\n            await callback?.();\n            hide();\n        } else {\n            hide();\n            callback?.();\n        }\n    };\n\n    const showIcon = icon != null || brandLogo != null;\n    // Panel always uses surface-card. Severity (danger/success/...) only colours\n    // the icon bubble and the action button — not the whole panel — otherwise\n    // a danger confirm renders as a red wash with the underlying screen\n    // bleeding through.\n    const panelBg = surfaceColor;\n\n    // Shared action row. `stretch` makes each button flex:1 (bottom-sheet,\n    // full-width). The default accept/reject pair is ordered accept-first in the\n    // centered card but reject-first (Cancel | Confirm) in the sheet, matching\n    // the platform-native bottom-sheet convention.\n    const renderActions = (stretch: boolean) => {\n        if (buttons?.length) {\n            return (\n                <View style={styles.buttonRow}>\n                    {buttons.map((b, i) => {\n                        const btnColor = allColors[b.type ?? type]?.solid ?? colors.solid;\n                        return (\n                            <Pressable\n                                key={i}\n                                disabled={b.disabled}\n                                style={[\n                                    styles.actionBtn,\n                                    stretch && styles.actionBtnSheet,\n                                    stretch && {flex: 1},\n                                    b.outlined\n                                        ? {backgroundColor: \"transparent\", borderColor: btnColor, borderWidth: 1.5}\n                                        : {backgroundColor: btnColor},\n                                    b.rounded && {borderRadius: 999},\n                                    b.disabled && {opacity: 0.5},\n                                ]}\n                                onPress={() => b.onClick(hide, accept, reject)}\n                            >\n                                <Text style={{\n                                    color: b.outlined ? btnColor : \"#fff\",\n                                    fontWeight: \"600\",\n                                    fontSize: 14,\n                                }}>\n                                    {b.title}\n                                </Text>\n                            </Pressable>\n                        );\n                    })}\n                </View>\n            );\n        }\n\n        const acceptBtn = (\n            <Pressable\n                key=\"accept\"\n                style={[styles.actionBtn, stretch && styles.actionBtnSheet, {backgroundColor: colors.solid, flex: 1}]}\n                onPress={() => doClick(accept)}\n            >\n                <Text style={styles.btnTextPrimary}>{acceptLabel}</Text>\n            </Pressable>\n        );\n        const rejectBtn = !defaultUI ? (\n            <Pressable\n                key=\"reject\"\n                style={[styles.actionBtn, styles.actionBtnOutlined, stretch && styles.actionBtnSheet, {borderColor: colors.solid, flex: 1}]}\n                onPress={() => doClick(reject)}\n            >\n                <Text style={[styles.btnTextOutlined, {color: colors.solid}]}>{rejectLabel}</Text>\n            </Pressable>\n        ) : null;\n\n        return (\n            <View style={styles.buttonRow}>\n                {stretch ? <>{rejectBtn}{acceptBtn}</> : <>{acceptBtn}{rejectBtn}</>}\n            </View>\n        );\n    };\n\n    // ── Bottom sheet ────────────────────────────────────────\n    if (isSheet) {\n        return (\n            <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n                <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[styles.sheetOverlay, resolvedMaskStyle as any]}>\n                    <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n                    <Animated.View\n                        entering={SlideInDown.springify().damping(anim.sheet.enter.damping).stiffness(anim.sheet.enter.stiffness)}\n                        style={[\n                            styles.sheetPanel,\n                            {backgroundColor: panelBg, paddingBottom: 24 + insets.bottom},\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {/* Grabber */}\n                        <View style={[styles.grabber, {backgroundColor: grabberColor}]}/>\n\n                        {/* Header */}\n                        {header != null && (\n                            <Text style={[styles.sheetHeader, {color: textColor}, resolvedHeaderStyle as any]}>\n                                {header as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Message */}\n                        {message != null && (\n                            <Text style={[styles.sheetMessage, {color: subtextColor}]}>\n                                {message as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Injected item / extra content */}\n                        {children}\n\n                        {/* Actions */}\n                        {renderActions(true)}\n                    </Animated.View>\n                </Animated.View>\n            </Modal>\n        );\n    }\n\n    // ── Content-only mode (prompt) ──────────────────────────\n    if (content) {\n        return (\n            <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n                <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[styles.overlay, resolvedMaskStyle as any]}>\n                    <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n                    <Animated.View\n                        entering={ZoomIn.springify().damping(anim.confirm.content.damping).stiffness(anim.confirm.content.stiffness)}\n                        style={[\n                            styles.panel,\n                            {backgroundColor: surfaceColor, minWidth: 250, maxWidth: 380},\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {content as React.ReactNode}\n                    </Animated.View>\n                </Animated.View>\n            </Modal>\n        );\n    }\n\n    return (\n        <Modal visible transparent animationType=\"none\" onRequestClose={hide}>\n            <Animated.View entering={FadeIn.duration(anim.scrim.enterDuration)} style={[styles.overlay, resolvedMaskStyle as any]}>\n                <Pressable style={StyleSheet.absoluteFill} onPress={hide}/>\n\n                {/* Card + icon stack: icon sits above the card */}\n                <View style={styles.cardStack}>\n                    {/* Soft-circle icon bubble */}\n                    {showIcon && (\n                        <Animated.View\n                            entering={ZoomIn.springify().damping(anim.confirm.icon.damping).stiffness(anim.confirm.icon.stiffness).delay(anim.confirm.icon.delay ?? 0)}\n                            style={[styles.iconBubble, {backgroundColor: colors.iconBg}]}\n                        >\n                            {brandLogo ? brandLogo : typeof icon === \"string\" ? (\n                                <Icon name={icon as never} size={'xl'} color={colors.iconFg}/>\n                            ) : (\n                                icon\n                            )}\n                        </Animated.View>\n                    )}\n\n                    {/* Panel */}\n                    <Animated.View\n                        entering={ZoomIn.springify().damping(anim.confirm.enter.damping).stiffness(anim.confirm.enter.stiffness)}\n                        style={[\n                            styles.panel,\n                            {\n                                backgroundColor: panelBg,\n                                paddingTop: showIcon ? 48 : 24,\n                                gap: 10,\n                            },\n                            resolvedStyle as any,\n                            resolvedContentStyle as any,\n                        ]}\n                    >\n                        {/* Close button */}\n                        <Pressable style={styles.closeBtn} onPress={hide} hitSlop={12}>\n                            <Text style={{fontSize: 18, color: subtextColor}}>✕</Text>\n                        </Pressable>\n\n                        {/* Header */}\n                        {header != null && (\n                            <Text style={[styles.header, {color: textColor}, resolvedHeaderStyle as any]}>\n                                {header as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Message */}\n                        {message != null && (\n                            <Text style={[styles.message, {color: subtextColor}]}>\n                                {message as React.ReactNode}\n                            </Text>\n                        )}\n\n                        {/* Children */}\n                        {children}\n\n                        {/* Buttons */}\n                        {renderActions(false)}\n                    </Animated.View>\n                </View>\n            </Animated.View>\n        </Modal>\n    );\n}\n\nconst styles = StyleSheet.create({\n    overlay: {\n        flex: 1,\n        backgroundColor: \"rgba(0,0,0,0.55)\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        padding: 28,\n    },\n    sheetOverlay: {\n        flex: 1,\n        backgroundColor: \"rgba(0,0,0,0.55)\",\n        justifyContent: \"flex-end\",\n    },\n    sheetPanel: {\n        borderTopLeftRadius: 24,\n        borderTopRightRadius: 24,\n        paddingHorizontal: 24,\n        paddingTop: 10,\n        gap: 14,\n        elevation: 16,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: -4},\n        shadowOpacity: 0.15,\n        shadowRadius: 16,\n    },\n    grabber: {\n        width: 40,\n        height: 5,\n        borderRadius: 999,\n        alignSelf: \"center\",\n        marginBottom: 6,\n    },\n    sheetHeader: {\n        fontSize: 24,\n        fontWeight: \"700\",\n        textAlign: \"left\",\n    },\n    sheetMessage: {\n        fontSize: 15,\n        lineHeight: 22,\n        textAlign: \"left\",\n    },\n    cardStack: {\n        minWidth: 250,\n        maxWidth: 380,\n        alignItems: \"center\",\n    },\n    iconBubble: {\n        width: 72,\n        height: 72,\n        borderRadius: 36,\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        zIndex: 2,\n        marginBottom: -36,\n        elevation: 8,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 4},\n        shadowOpacity: 0.15,\n        shadowRadius: 8,\n    },\n    panel: {\n        alignSelf: \"stretch\",\n        borderRadius: 16,\n        paddingHorizontal: 24,\n        paddingBottom: 24,\n        elevation: 16,\n        shadowColor: \"#000\",\n        shadowOffset: {width: 0, height: 8},\n        shadowOpacity: 0.2,\n        shadowRadius: 16,\n        alignItems: \"center\",\n    },\n    closeBtn: {\n        position: \"absolute\",\n        top: 12,\n        right: 14,\n        zIndex: 3,\n    },\n    header: {\n        fontSize: 22,\n        fontWeight: \"700\",\n        textAlign: \"center\",\n        marginBottom: 8,\n    },\n    message: {\n        fontSize: 14,\n        textAlign: \"center\",\n        lineHeight: 20,\n        marginBottom: 24,\n    },\n    buttonRow: {\n        flexDirection: \"row\",\n        justifyContent: \"center\",\n        gap: 12,\n        width: \"100%\",\n    },\n    actionBtn: {\n        paddingVertical: 12,\n        paddingHorizontal: 24,\n        borderRadius: 8,\n        minWidth: 100,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    // Taller, rounder buttons for the bottom-sheet action row.\n    actionBtnSheet: {\n        paddingVertical: 16,\n        borderRadius: 12,\n    },\n    actionBtnOutlined: {\n        backgroundColor: \"transparent\",\n        borderWidth: 1.5,\n    },\n    btnTextPrimary: {\n        color: \"#fff\",\n        fontWeight: \"600\",\n        fontSize: 14,\n    },\n    btnTextOutlined: {\n        fontWeight: \"600\",\n        fontSize: 14,\n    },\n});\n"],"names":["anim"],"mappings":"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"}

package/components/overlay/ConfirmPopup/index.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var index = require('../../../layout/Flex/index.cjs');
+
+function KitsConfirmPopup(_props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.default, {});
+}
+
+exports.default = KitsConfirmPopup;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../../../src/components/overlay/ConfirmPopup/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Flex} from \"../../../_compat\";\nimport type {IConfirmPopupProps} from \"@lmb-it/kitsconcerto-types\";\n\nexport default function KitsConfirmPopup(_props: IConfirmPopupProps & { onHide?: () => void }) {\n    // Native ConfirmPopup: renders inline (no-op stub for now, confirm dialogs handle this)\n    return <Flex />;\n}\n"],"names":["Flex"],"mappings":";;;;;;;AAIA,SAAwB,iBAAiB,MAAA,EAAsD;AAE3F,EAAA,sCAAQA,aAAA,EAAA,EAAK,CAAA;AACjB;;;;"}

package/components/overlay/ConfirmPopup/index.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+import Flex from '../../../layout/Flex/index.js';
+
+function KitsConfirmPopup(_props) {
+  return /* @__PURE__ */ jsx(Flex, {});
+}
+
+export { KitsConfirmPopup as default };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/overlay/ConfirmPopup/index.native.tsx"],"sourcesContent":["import React from \"react\";\nimport {Flex} from \"../../../_compat\";\nimport type {IConfirmPopupProps} from \"@lmb-it/kitsconcerto-types\";\n\nexport default function KitsConfirmPopup(_props: IConfirmPopupProps & { onHide?: () => void }) {\n    // Native ConfirmPopup: renders inline (no-op stub for now, confirm dialogs handle this)\n    return <Flex />;\n}\n"],"names":[],"mappings":";;;AAIA,SAAwB,iBAAiB,MAAA,EAAsD;AAE3F,EAAA,2BAAQ,IAAA,EAAA,EAAK,CAAA;AACjB;;;;"}

package/components/overlay/Dialog/index.cjs

@@ -0,0 +1,211 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactNative = require('react-native');
+var Animated = require('react-native-reanimated');
+var reactNativeSafeAreaContext = require('react-native-safe-area-context');
+var useSeverityColors = require('../../../hooks/useSeverityColors.cjs');
+require('react');
+require('../../../contexts/DialogContext.cjs');
+var useResolvedStyle = require('../../../hooks/useResolvedStyle.cjs');
+var index = require('../../../animations/index.cjs');
+var KitsThemeProvider_native = require('../../../contexts/Theme/KitsThemeProvider.cjs');
+var index_native = require('../../../primitives/Icon/index.cjs');
+var index_native$1 = require('../../../primitives/Text/index.cjs');
+
+function KitsDialogControlled({ state, onHide }) {
+  const {
+    children,
+    content: contentProp,
+    onClose,
+    asyncClose,
+    type,
+    icon,
+    style,
+    contentStyle,
+    headerStyle,
+    maskStyle,
+    position = "center",
+    responsive = true,
+    hideHeader,
+    headerRender,
+    footerRender,
+    footerStyle,
+    canClose,
+    bodyStyle,
+    closeIcon,
+    // Native default true preserves historical tap-to-dismiss; web's
+    // PrimeReact default is false — pass explicitly in shared code.
+    dismissableMask = true,
+    breakpoints,
+    ...rest
+  } = state;
+  const { resolveToken, theme } = KitsThemeProvider_native.useKitsTheme();
+  const severityColors = useSeverityColors.useSeverityColors(type || "secondary");
+  const colors = type ? severityColors : null;
+  const insets = reactNativeSafeAreaContext.useSafeAreaInsets();
+  const isSheet = position === "bottom";
+  const surfaceColor = resolveToken("surface-card");
+  const textColor = resolveToken("text");
+  const borderColor = colors?.border ?? resolveToken("border");
+  const subtextColor = resolveToken("gray.500");
+  const grabberColor = resolveToken("gray.300");
+  const brandLogo = type === "brand" ? theme.config.logo : null;
+  const resolvedStyle = useResolvedStyle.default(style || {});
+  const resolvedContentStyle = useResolvedStyle.default(contentStyle || {});
+  const resolvedHeaderStyle = useResolvedStyle.default(headerStyle || {});
+  const resolvedMaskStyle = useResolvedStyle.default(maskStyle || {});
+  const resolvedFooterStyle = useResolvedStyle.default(footerStyle || {});
+  const resolvedBodyStyle = useResolvedStyle.default(bodyStyle || {});
+  const { width: screenWidth } = reactNative.useWindowDimensions();
+  const breakpointWidth = (() => {
+    if (!breakpoints) return null;
+    const matches = Object.entries(breakpoints).map(([k, v]) => [parseFloat(k), v]).filter(([px]) => !Number.isNaN(px) && screenWidth <= px).sort(([a], [b]) => a - b);
+    const value = matches[0]?.[1];
+    if (value == null) return null;
+    const num = parseFloat(value);
+    return Number.isNaN(num) ? null : `${num}%`;
+  })();
+  const responsiveWidth = breakpointWidth ?? (screenWidth > 641 ? "50%" : "95%");
+  const hasExplicitWidth = resolvedStyle.width != null;
+  const hide = async () => {
+    if (canClose === false || typeof canClose === "function" && !canClose()) {
+      return;
+    }
+    if (asyncClose && typeof onClose === "function") {
+      await onClose();
+    } else {
+      onClose?.();
+    }
+    onHide();
+  };
+  if (!state.visible) return null;
+  const content = typeof children === "function" ? children(hide) : children;
+  const contentMode = contentProp != null ? typeof contentProp === "function" ? contentProp({ hide }) : contentProp : null;
+  return /* @__PURE__ */ jsxRuntime.jsx(reactNative.Modal, { visible: true, transparent: true, animationType: "none", onRequestClose: hide, children: /* @__PURE__ */ jsxRuntime.jsxs(Animated.View, { entering: Animated.FadeIn.duration(index.overlayAnimations.scrim.enterDuration), style: [isSheet ? styles.sheetOverlay : styles.overlay, resolvedMaskStyle], children: [
+    /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { style: reactNative.StyleSheet.absoluteFill, onPress: dismissableMask ? hide : void 0 }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Animated.View,
+      {
+        entering: isSheet ? Animated.SlideInDown.springify().damping(index.overlayAnimations.sheet.enter.damping).stiffness(index.overlayAnimations.sheet.enter.stiffness) : Animated.ZoomIn.springify().damping(index.overlayAnimations.dialog.enter.damping).stiffness(index.overlayAnimations.dialog.enter.stiffness),
+        style: [
+          styles.panel,
+          isSheet && styles.sheetPanel,
+          { backgroundColor: surfaceColor, borderColor },
+          // Explicit `breakpoints` win even when responsive=false (web parity)
+          !isSheet && !hasExplicitWidth && (breakpoints != null || responsive) ? { width: responsiveWidth } : null,
+          resolvedStyle,
+          resolvedContentStyle
+        ],
+        children: contentMode != null ? contentMode : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          isSheet && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [styles.grabber, { backgroundColor: grabberColor }] }),
+          colors && !isSheet && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: { height: 4, backgroundColor: colors.solid, borderTopLeftRadius: 16, borderTopRightRadius: 16 } }),
+          !hideHeader && headerRender != null && headerRender({ close: () => {
+            void hide();
+          } }),
+          !hideHeader && headerRender == null && rest.header != null && /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: [styles.header, { borderBottomColor: borderColor }, resolvedHeaderStyle], children: [
+            (icon || brandLogo) && colors && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: {
+              width: 36,
+              height: 36,
+              borderRadius: 18,
+              backgroundColor: colors.iconBg,
+              alignItems: "center",
+              justifyContent: "center",
+              marginRight: 12
+            }, children: brandLogo ? brandLogo : typeof icon === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index_native.Icon, { name: icon, size: "lg", color: colors.iconFg }) : icon }),
+            /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { style: { fontSize: 18, fontWeight: "700", color: textColor, flex: 1 }, children: rest.header }),
+            /* @__PURE__ */ jsxRuntime.jsx(reactNative.Pressable, { onPress: hide, hitSlop: 8, children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(index_native$1.default, { style: { fontSize: 18, color: subtextColor }, children: "\u2715" }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            reactNative.ScrollView,
+            {
+              style: [styles.body, resolvedBodyStyle],
+              contentContainerStyle: styles.bodyContent,
+              showsVerticalScrollIndicator: false,
+              children: content
+            }
+          ),
+          (footerRender != null || rest.footer != null) && /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: [
+            styles.footer,
+            { borderTopColor: borderColor },
+            isSheet && { paddingBottom: 12 + insets.bottom },
+            resolvedFooterStyle
+          ], children: footerRender ? footerRender({ close: () => {
+            void hide();
+          } }) : rest.footer })
+        ] })
+      }
+    )
+  ] }) });
+}
+const styles = reactNative.StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.45)",
+    justifyContent: "center",
+    alignItems: "center",
+    padding: 24
+  },
+  sheetOverlay: {
+    flex: 1,
+    backgroundColor: "rgba(0,0,0,0.45)",
+    justifyContent: "flex-end"
+  },
+  sheetPanel: {
+    width: "100%",
+    maxWidth: "100%",
+    maxHeight: "90%",
+    borderWidth: 0,
+    borderTopLeftRadius: 24,
+    borderTopRightRadius: 24,
+    borderBottomLeftRadius: 0,
+    borderBottomRightRadius: 0,
+    paddingTop: 10
+  },
+  grabber: {
+    width: 40,
+    height: 5,
+    borderRadius: 999,
+    alignSelf: "center",
+    marginBottom: 6
+  },
+  panel: {
+    borderRadius: 16,
+    borderWidth: 1,
+    minWidth: 250,
+    maxWidth: "90%",
+    maxHeight: "80%",
+    overflow: "hidden",
+    elevation: 12,
+    shadowColor: "#000",
+    shadowOffset: { width: 0, height: 6 },
+    shadowOpacity: 0.2,
+    shadowRadius: 12
+  },
+  header: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingHorizontal: 20,
+    paddingVertical: 16,
+    borderBottomWidth: 1
+  },
+  body: {
+    maxHeight: 400
+  },
+  bodyContent: {
+    padding: 20
+  },
+  footer: {
+    flexDirection: "row",
+    justifyContent: "flex-end",
+    paddingHorizontal: 20,
+    paddingVertical: 12,
+    borderTopWidth: 1,
+    gap: 8
+  }
+});
+
+exports.default = KitsDialogControlled;
+//# sourceMappingURL=index.cjs.map