@nori-ui/core 0.0.5 → 1.0.2

package/dist/chunk-RB3YBWQ4.js

@@ -0,0 +1,77 @@
+import { __name } from './chunk-WCQVDF3K.js';
+import { useEffect } from 'react';
+import { Platform } from 'react-native';
+import { Easing, useSharedValue, withTiming, useAnimatedStyle } from 'react-native-reanimated';
+
+var IS_WEB = Platform.OS === "web";
+function useAnimatedNumber(property, target, options = {}) {
+  const { duration = 180 } = options;
+  if (IS_WEB) {
+    return webStyle(property, target, duration);
+  }
+  return useReanimatedTiming(property, target, duration);
+}
+__name(useAnimatedNumber, "useAnimatedNumber");
+function webStyle(property, target, duration) {
+  if (property === "translateX" || property === "translateY") {
+    return {
+      transform: [{ [property]: target }],
+      transitionProperty: "transform",
+      transitionDuration: `${duration}ms`,
+      transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+    };
+  }
+  return {
+    [property]: target,
+    transitionProperty: property,
+    transitionDuration: `${duration}ms`,
+    transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+  };
+}
+__name(webStyle, "webStyle");
+function useReanimatedTiming(property, target, duration) {
+  const easing = Easing.bezier(0.16, 1, 0.3, 1);
+  const shared = useSharedValue(target);
+  useEffect(() => {
+    shared.value = withTiming(target, { duration, easing });
+  }, [target, shared, duration, easing]);
+  const translateXStyle = useAnimatedStyle(() => ({
+    transform: [{ translateX: shared.value }]
+  }));
+  const translateYStyle = useAnimatedStyle(() => ({
+    transform: [{ translateY: shared.value }]
+  }));
+  const leftStyle = useAnimatedStyle(() => ({ left: shared.value }));
+  const topStyle = useAnimatedStyle(() => ({ top: shared.value }));
+  const rightStyle = useAnimatedStyle(() => ({ right: shared.value }));
+  const bottomStyle = useAnimatedStyle(() => ({ bottom: shared.value }));
+  const opacityStyle = useAnimatedStyle(() => ({ opacity: shared.value }));
+  const heightStyle = useAnimatedStyle(() => ({ height: shared.value }));
+  if (property === "translateX") {
+    return translateXStyle;
+  }
+  if (property === "translateY") {
+    return translateYStyle;
+  }
+  if (property === "left") {
+    return leftStyle;
+  }
+  if (property === "top") {
+    return topStyle;
+  }
+  if (property === "right") {
+    return rightStyle;
+  }
+  if (property === "bottom") {
+    return bottomStyle;
+  }
+  if (property === "opacity") {
+    return opacityStyle;
+  }
+  return heightStyle;
+}
+__name(useReanimatedTiming, "useReanimatedTiming");
+
+export { useAnimatedNumber };
+//# sourceMappingURL=chunk-RB3YBWQ4.js.map
+//# sourceMappingURL=chunk-RB3YBWQ4.js.map

package/dist/chunk-RB3YBWQ4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/animation/use-animated-number.ts"],"names":[],"mappings":";;;;;AAqBA,IAAM,MAAA,GAAS,SAAS,EAAA,KAAO,KAAA;AAExB,SAAS,iBAAA,CACZ,QAAA,EACA,MAAA,EACA,OAAA,GAAiC,EAAC,EAC5B;AACN,EAAA,MAAM,EAAE,QAAA,GAAW,GAAA,EAAI,GAAI,OAAA;AAC3B,EAAA,IAAI,MAAA,EAAQ;AACR,IAAA,OAAO,QAAA,CAAS,QAAA,EAAU,MAAA,EAAQ,QAAQ,CAAA;AAAA,EAC9C;AAEA,EAAA,OAAO,mBAAA,CAAoB,QAAA,EAAU,MAAA,EAAQ,QAAQ,CAAA;AACzD;AAXgB,MAAA,CAAA,iBAAA,EAAA,mBAAA,CAAA;AAahB,SAAS,QAAA,CAAS,QAAA,EAA4B,MAAA,EAAgB,QAAA,EAA0B;AACpF,EAAA,IAAI,QAAA,KAAa,YAAA,IAAgB,QAAA,KAAa,YAAA,EAAc;AACxD,IAAA,OAAO;AAAA,MACH,WAAW,CAAC,EAAE,CAAC,QAAQ,GAAG,QAAQ,CAAA;AAAA,MAClC,kBAAA,EAAoB,WAAA;AAAA,MACpB,kBAAA,EAAoB,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,MAC/B,wBAAA,EAA0B;AAAA,KAC9B;AAAA,EACJ;AACA,EAAA,OAAO;AAAA,IACH,CAAC,QAAQ,GAAG,MAAA;AAAA,IACZ,kBAAA,EAAoB,QAAA;AAAA,IACpB,kBAAA,EAAoB,GAAG,QAAQ,CAAA,EAAA,CAAA;AAAA,IAC/B,wBAAA,EAA0B;AAAA,GAC9B;AACJ;AAfS,MAAA,CAAA,QAAA,EAAA,UAAA,CAAA;AA4BT,SAAS,mBAAA,CAAoB,QAAA,EAA4B,MAAA,EAAgB,QAAA,EAA0B;AAC/F,EAAA,MAAM,SAAS,MAAA,CAAO,MAAA,CAAO,IAAA,EAAM,CAAA,EAAG,KAAK,CAAC,CAAA;AAE5C,EAAA,MAAM,MAAA,GAAS,eAAe,MAAM,CAAA;AAEpC,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,MAAA,CAAO,QAAQ,UAAA,CAAW,MAAA,EAAQ,EAAE,QAAA,EAAU,QAAQ,CAAA;AAAA,EAC1D,GAAG,CAAC,MAAA,EAAQ,MAAA,EAAQ,QAAA,EAAU,MAAM,CAAC,CAAA;AAErC,EAAA,MAAM,eAAA,GAAkB,iBAAiB,OAAO;AAAA,IAC5C,WAAW,CAAC,EAAE,UAAA,EAAY,MAAA,CAAO,OAAO;AAAA,GAC5C,CAAE,CAAA;AAEF,EAAA,MAAM,eAAA,GAAkB,iBAAiB,OAAO;AAAA,IAC5C,WAAW,CAAC,EAAE,UAAA,EAAY,MAAA,CAAO,OAAO;AAAA,GAC5C,CAAE,CAAA;AAEF,EAAA,MAAM,YAAY,gBAAA,CAAiB,OAAO,EAAE,IAAA,EAAM,MAAA,CAAO,OAAM,CAAE,CAAA;AAEjE,EAAA,MAAM,WAAW,gBAAA,CAAiB,OAAO,EAAE,GAAA,EAAK,MAAA,CAAO,OAAM,CAAE,CAAA;AAE/D,EAAA,MAAM,aAAa,gBAAA,CAAiB,OAAO,EAAE,KAAA,EAAO,MAAA,CAAO,OAAM,CAAE,CAAA;AAEnE,EAAA,MAAM,cAAc,gBAAA,CAAiB,OAAO,EAAE,MAAA,EAAQ,MAAA,CAAO,OAAM,CAAE,CAAA;AAErE,EAAA,MAAM,eAAe,gBAAA,CAAiB,OAAO,EAAE,OAAA,EAAS,MAAA,CAAO,OAAM,CAAE,CAAA;AAEvE,EAAA,MAAM,cAAc,gBAAA,CAAiB,OAAO,EAAE,MAAA,EAAQ,MAAA,CAAO,OAAM,CAAE,CAAA;AACrE,EAAA,IAAI,aAAa,YAAA,EAAc;AAC3B,IAAA,OAAO,eAAA;AAAA,EACX;AACA,EAAA,IAAI,aAAa,YAAA,EAAc;AAC3B,IAAA,OAAO,eAAA;AAAA,EACX;AACA,EAAA,IAAI,aAAa,MAAA,EAAQ;AACrB,IAAA,OAAO,SAAA;AAAA,EACX;AACA,EAAA,IAAI,aAAa,KAAA,EAAO;AACpB,IAAA,OAAO,QAAA;AAAA,EACX;AACA,EAAA,IAAI,aAAa,OAAA,EAAS;AACtB,IAAA,OAAO,UAAA;AAAA,EACX;AACA,EAAA,IAAI,aAAa,QAAA,EAAU;AACvB,IAAA,OAAO,WAAA;AAAA,EACX;AACA,EAAA,IAAI,aAAa,SAAA,EAAW;AACxB,IAAA,OAAO,YAAA;AAAA,EACX;AACA,EAAA,OAAO,WAAA;AACX;AAlDS,MAAA,CAAA,mBAAA,EAAA,qBAAA,CAAA","file":"chunk-RB3YBWQ4.js","sourcesContent":["'use client';\n\n// Native build (Metro picks this `.ts` over the `.web.ts` sibling\n// when present — for monorepo workspaces and any consumer that pre-\n// orders `.native.ts` / `.ts` / `.web.ts` resolution properly). Web\n// consumers (Next.js etc.) that don't honor the extension split\n// should alias `react-native-reanimated` to a noop in their bundler\n// config — the IS_WEB early-return below means we never call\n// reanimated APIs on web, so a stub satisfies the import.\n\nimport { useEffect } from 'react';\nimport { Platform } from 'react-native';\nimport { Easing, useAnimatedStyle, useSharedValue, withTiming } from 'react-native-reanimated';\n\nexport type AnimatedProperty = 'left' | 'top' | 'right' | 'bottom' | 'translateX' | 'translateY' | 'opacity' | 'height';\n\nexport type AnimatedNumberOptions = {\n    /** Animation duration in ms. @defaultValue 180 */\n    duration?: number;\n};\n\nconst IS_WEB = Platform.OS === 'web';\n\nexport function useAnimatedNumber(\n    property: AnimatedProperty,\n    target: number,\n    options: AnimatedNumberOptions = {}\n): object {\n    const { duration = 180 } = options;\n    if (IS_WEB) {\n        return webStyle(property, target, duration);\n    }\n    // biome-ignore lint/correctness/useHookAtTopLevel: IS_WEB is module-init constant; same path every render\n    return useReanimatedTiming(property, target, duration);\n}\n\nfunction webStyle(property: AnimatedProperty, target: number, duration: number): object {\n    if (property === 'translateX' || property === 'translateY') {\n        return {\n            transform: [{ [property]: target }],\n            transitionProperty: 'transform',\n            transitionDuration: `${duration}ms`,\n            transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n        };\n    }\n    return {\n        [property]: target,\n        transitionProperty: property,\n        transitionDuration: `${duration}ms`,\n        transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n    };\n}\n\n// `opacity` and `height` aren't transforms or position props but follow\n// the exact same animated-shared-value pattern. Adding them here keeps\n// the cross-platform API consistent — Accordion content fades + slides\n// open with the same easing as a Switch thumb.\n\n// Reanimated worklets can't reliably serialize closures over computed\n// keys (`{ [property]: value }`). Static-key paths per property work\n// fine. Six tiny worklets — one per AnimatedProperty — give the plugin\n// the static AST it expects without losing the cross-platform API.\n// The bezier curve mirrors the web CSS transition exactly so a Switch\n// thumb feels identical on both platforms.\nfunction useReanimatedTiming(property: AnimatedProperty, target: number, duration: number): object {\n    const easing = Easing.bezier(0.16, 1, 0.3, 1);\n    // biome-ignore lint/correctness/useHookAtTopLevel: dispatcher branch is module-init constant; this function only runs when IS_WEB is false\n    const shared = useSharedValue(target);\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    useEffect(() => {\n        shared.value = withTiming(target, { duration, easing });\n    }, [target, shared, duration, easing]);\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const translateXStyle = useAnimatedStyle(() => ({\n        transform: [{ translateX: shared.value }],\n    }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const translateYStyle = useAnimatedStyle(() => ({\n        transform: [{ translateY: shared.value }],\n    }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const leftStyle = useAnimatedStyle(() => ({ left: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const topStyle = useAnimatedStyle(() => ({ top: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const rightStyle = useAnimatedStyle(() => ({ right: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const bottomStyle = useAnimatedStyle(() => ({ bottom: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const opacityStyle = useAnimatedStyle(() => ({ opacity: shared.value }));\n    // biome-ignore lint/correctness/useHookAtTopLevel: same\n    const heightStyle = useAnimatedStyle(() => ({ height: shared.value }));\n    if (property === 'translateX') {\n        return translateXStyle;\n    }\n    if (property === 'translateY') {\n        return translateYStyle;\n    }\n    if (property === 'left') {\n        return leftStyle;\n    }\n    if (property === 'top') {\n        return topStyle;\n    }\n    if (property === 'right') {\n        return rightStyle;\n    }\n    if (property === 'bottom') {\n        return bottomStyle;\n    }\n    if (property === 'opacity') {\n        return opacityStyle;\n    }\n    return heightStyle;\n}\n"]}

package/dist/chunk-RFW5SRZA.js

@@ -0,0 +1,23 @@
+import { resolveI18n, defaultDictionary } from './chunk-FT2XBBQJ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useMemo, useContext } from 'react';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var defaultValue = {
+  t: resolveI18n(void 0, defaultDictionary)
+};
+var I18nContext = createContext(defaultValue);
+I18nContext.displayName = "I18nContext";
+function I18nProvider({ i18n, children }) {
+  const value = useMemo(() => ({ t: resolveI18n(i18n, defaultDictionary) }), [i18n]);
+  return /* @__PURE__ */ jsx(I18nContext.Provider, { value, children });
+}
+__name(I18nProvider, "I18nProvider");
+function useTranslation() {
+  return useContext(I18nContext);
+}
+__name(useTranslation, "useTranslation");
+
+export { I18nProvider, useTranslation };
+//# sourceMappingURL=chunk-RFW5SRZA.js.map
+//# sourceMappingURL=chunk-RFW5SRZA.js.map

package/dist/chunk-RFW5SRZA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/i18n/context.tsx","../src/i18n/use-translation.ts"],"names":[],"mappings":";;;;;AAcA,IAAM,YAAA,GAAiC;AAAA,EACnC,CAAA,EAAG,WAAA,CAAY,MAAA,EAAW,iBAAiB;AAC/C,CAAA;AAEO,IAAM,WAAA,GAAc,cAAgC,YAAY,CAAA;AACvE,WAAA,CAAY,WAAA,GAAc,aAAA;AAOnB,SAAS,YAAA,CAAa,EAAE,IAAA,EAAM,QAAA,EAAS,EAAsB;AAChE,EAAA,MAAM,KAAA,GAAQ,OAAA,CAA0B,OAAO,EAAE,CAAA,EAAG,WAAA,CAAY,IAAA,EAAM,iBAAiB,CAAA,EAAE,CAAA,EAAI,CAAC,IAAI,CAAC,CAAA;AACnG,EAAA,uBAAO,GAAA,CAAC,WAAA,CAAY,QAAA,EAAZ,EAAqB,OAAe,QAAA,EAAS,CAAA;AACzD;AAHgB,MAAA,CAAA,YAAA,EAAA,cAAA,CAAA;ACrBT,SAAS,cAAA,GAAmC;AAC/C,EAAA,OAAO,WAAW,WAAW,CAAA;AACjC;AAFgB,MAAA,CAAA,cAAA,EAAA,gBAAA,CAAA","file":"chunk-RFW5SRZA.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport { createContext, useMemo } from 'react';\nimport { defaultDictionary } from './default-dictionary';\nimport { resolveI18n } from './resolve';\nimport type { I18nInput, TranslateFn } from './types';\n\nexport type I18nContextValue = {\n    t: TranslateFn;\n};\n\n// Default context value uses the built-in English dictionary; consumers without\n// a provider still get a working t().\nconst defaultValue: I18nContextValue = {\n    t: resolveI18n(undefined, defaultDictionary),\n};\n\nexport const I18nContext = createContext<I18nContextValue>(defaultValue);\nI18nContext.displayName = 'I18nContext';\n\nexport type I18nProviderProps = {\n    i18n?: I18nInput;\n    children?: ReactNode;\n};\n\nexport function I18nProvider({ i18n, children }: I18nProviderProps) {\n    const value = useMemo<I18nContextValue>(() => ({ t: resolveI18n(i18n, defaultDictionary) }), [i18n]);\n    return <I18nContext.Provider value={value}>{children}</I18nContext.Provider>;\n}\n","'use client';\n\nimport { useContext } from 'react';\nimport { I18nContext, type I18nContextValue } from './context';\n\nexport function useTranslation(): I18nContextValue {\n    return useContext(I18nContext);\n}\n"]}

package/dist/chunk-RGJ3NBKE.js

@@ -0,0 +1,8 @@
+import Animated from 'react-native-reanimated';
+
+// src/animation/animated-view.ts
+var AnimatedView = Animated.View;
+
+export { AnimatedView };
+//# sourceMappingURL=chunk-RGJ3NBKE.js.map
+//# sourceMappingURL=chunk-RGJ3NBKE.js.map

package/dist/chunk-RGJ3NBKE.js.map

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

package/dist/chunk-SFNDR6DI.js

@@ -0,0 +1,485 @@
+import { BlurBackdrop } from './chunk-KWRDJPP3.js';
+import { Slot } from './chunk-ZIBNLXIV.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors, useColorScheme } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useState, useCallback, useId, useRef, isValidElement, useEffect, useContext } from 'react';
+import { Platform, Text, Pressable, View, Modal, StyleSheet } from 'react-native';
+import { jsx, jsxs } from 'nativewind/jsx-runtime';
+
+var AlertDialogContext = createContext(null);
+var useAlertDialogContext = /* @__PURE__ */ __name((label) => {
+  const ctx = useContext(AlertDialogContext);
+  if (!ctx) {
+    throw new Error(`<${label}> must be rendered inside an <AlertDialog>.`);
+  }
+  return ctx;
+}, "useAlertDialogContext");
+var AlertDialogRoot = /* @__PURE__ */ __name(({ open, defaultOpen = false, onOpenChange, children }) => {
+  const [inner, setInner] = useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const current = isControlled ? open : inner;
+  const setOpen = useCallback(
+    (next) => {
+      if (!isControlled) {
+        setInner(next);
+      }
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  const baseId = useId();
+  const triggerRef = useRef(null);
+  const cancelRef = useRef(null);
+  const ctxValue = {
+    open: current,
+    setOpen,
+    titleId: `${baseId}-title`,
+    descriptionId: `${baseId}-description`,
+    triggerRef,
+    cancelRef
+  };
+  return /* @__PURE__ */ jsx(AlertDialogContext.Provider, { value: ctxValue, children });
+}, "AlertDialogRoot");
+var AlertDialogTrigger = /* @__PURE__ */ __name(({ asChild = true, children, className, testID }) => {
+  const ctx = useAlertDialogContext("AlertDialogTrigger");
+  const onPress = useCallback(() => ctx.setOpen(true), [ctx]);
+  if (asChild && isValidElement(children)) {
+    const child = children;
+    const fire = /* @__PURE__ */ __name((existing) => (event) => {
+      existing?.(event);
+      ctx.setOpen(true);
+    }, "fire");
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref: (node) => {
+          ctx.triggerRef.current = node;
+        },
+        onClick: fire(child.props.onClick),
+        onPress: fire(child.props.onPress),
+        ...testID !== void 0 ? { "data-testid": testID } : {},
+        ...className !== void 0 ? { className } : {},
+        children: child
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ref: (node) => {
+        ctx.triggerRef.current = node;
+      },
+      onPress,
+      ...testID !== void 0 ? { testID } : {},
+      ...className !== void 0 ? { className } : {},
+      children: wrapStringChildren(children)
+    }
+  );
+}, "AlertDialogTrigger");
+function wrapStringChildren(children) {
+  if (typeof children === "string" || typeof children === "number") {
+    return /* @__PURE__ */ jsx(Text, { children });
+  }
+  return children;
+}
+__name(wrapStringChildren, "wrapStringChildren");
+var SCRIM_COLOR = "rgba(0, 0, 0, 0.24)";
+var BLUR_AMOUNT = 4;
+var OVERLAY_LAYOUT_BASE = {
+  position: Platform.OS === "web" ? "fixed" : "absolute",
+  top: 0,
+  left: 0,
+  right: 0,
+  bottom: 0,
+  alignItems: "center",
+  justifyContent: "center",
+  // Native overlay stays transparent — the BlurBackdrop sibling renders
+  // dim + frosted-glass via expo-blur, and a SCRIM_COLOR layer on top
+  // would hide the blur. Web keeps its CSS overlay path (the imperative
+  // useEffect below sets backgroundColor + backdrop-filter on web).
+  ...Platform.OS === "web" ? { zIndex: 50 } : { backgroundColor: "transparent" }
+};
+var CONTENT_LAYOUT_BASE = {
+  width: "100%",
+  maxWidth: 480,
+  // component-density literal — not from theme
+  ...Platform.OS === "web" ? {
+    boxShadow: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+    // Subtle scale-in: 0.95 → 1 over 150ms. Honors prefers-reduced-motion
+    // via the media query below — set as a CSS variable so the keyframe
+    // can be disabled without remounting.
+    animationName: "nori-alert-dialog-in",
+    animationDuration: "150ms",
+    animationTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)",
+    animationFillMode: "both"
+  } : { elevation: 24 }
+};
+var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), [role="button"]:not([aria-disabled="true"]), [tabindex]:not([tabindex="-1"])';
+function ensureFocusable(node) {
+  if (!node) {
+    return;
+  }
+  if (node.hasAttribute("tabindex")) {
+    return;
+  }
+  node.setAttribute("tabindex", "0");
+}
+__name(ensureFocusable, "ensureFocusable");
+var KEYFRAMES_STYLE_ID = "nori-alert-dialog-keyframes";
+var KEYFRAMES_CSS = `
+@keyframes nori-alert-dialog-in {
+  from { opacity: 0; transform: scale(0.95); }
+  to   { opacity: 1; transform: scale(1); }
+}
+@media (prefers-reduced-motion: reduce) {
+  [data-nori-alert-dialog-content] { animation: none !important; }
+}
+`;
+function ensureKeyframesInjected() {
+  if (Platform.OS !== "web") {
+    return;
+  }
+  if (typeof document === "undefined") {
+    return;
+  }
+  if (document.getElementById(KEYFRAMES_STYLE_ID)) {
+    return;
+  }
+  const style = document.createElement("style");
+  style.id = KEYFRAMES_STYLE_ID;
+  style.textContent = KEYFRAMES_CSS;
+  document.head.appendChild(style);
+}
+__name(ensureKeyframesInjected, "ensureKeyframesInjected");
+var AlertDialogContent = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const ctx = useAlertDialogContext("AlertDialogContent");
+  const colors = useThemeColors();
+  const scheme = useColorScheme();
+  const contentRef = useRef(null);
+  const overlayDomRef = useRef(null);
+  const overlayStyle = {
+    ...OVERLAY_LAYOUT_BASE,
+    padding: px(colors.spacing["4"])
+  };
+  const contentStyle = {
+    ...CONTENT_LAYOUT_BASE,
+    borderRadius: px(colors.radius.xl),
+    padding: px(colors.spacing["6"]),
+    gap: px(colors.spacing["3"])
+  };
+  const [entered, setEntered] = useState(false);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      setEntered(true);
+      return;
+    }
+    if (!ctx.open) {
+      setEntered(false);
+      return;
+    }
+    const id = requestAnimationFrame(() => setEntered(true));
+    return () => cancelAnimationFrame(id);
+  }, [ctx.open]);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      return;
+    }
+    const node = overlayDomRef.current;
+    if (!node) {
+      return;
+    }
+    node.style.transitionProperty = "background-color, backdrop-filter, -webkit-backdrop-filter";
+    node.style.transitionDuration = "150ms, 200ms, 200ms";
+    node.style.transitionTimingFunction = "ease-out";
+    if (entered) {
+      node.style.backgroundColor = SCRIM_COLOR;
+      node.style.backdropFilter = `blur(${BLUR_AMOUNT}px)`;
+      node.style.setProperty("-webkit-backdrop-filter", `blur(${BLUR_AMOUNT}px)`);
+    } else {
+      node.style.backgroundColor = "rgba(0, 0, 0, 0)";
+      node.style.backdropFilter = "blur(0px)";
+      node.style.setProperty("-webkit-backdrop-filter", "blur(0px)");
+    }
+  }, [entered]);
+  useEffect(() => {
+    if (!ctx.open) {
+      return;
+    }
+    if (Platform.OS !== "web") {
+      return;
+    }
+    if (typeof document === "undefined") {
+      return;
+    }
+    ensureKeyframesInjected();
+    const previouslyFocused = document.activeElement;
+    const prevBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const focusInitial = /* @__PURE__ */ __name(() => {
+      const node = contentRef.current;
+      if (!node) {
+        return;
+      }
+      const focusable = node.querySelectorAll(FOCUSABLE_SELECTOR);
+      for (const el of focusable) {
+        ensureFocusable(el);
+      }
+      const cancel = ctx.cancelRef.current;
+      if (cancel?.focus) {
+        ensureFocusable(cancel);
+        cancel.focus();
+        return;
+      }
+      const first = focusable[0];
+      if (first) {
+        first.focus();
+      } else {
+        node.setAttribute("tabindex", "-1");
+        node.focus();
+      }
+    }, "focusInitial");
+    focusInitial();
+    const onKeyDown = /* @__PURE__ */ __name((event) => {
+      if (event.key !== "Tab") {
+        return;
+      }
+      const node = contentRef.current;
+      if (!node) {
+        return;
+      }
+      const focusable = Array.from(node.querySelectorAll(FOCUSABLE_SELECTOR));
+      if (focusable.length === 0) {
+        event.preventDefault();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (!first || !last) {
+        return;
+      }
+      for (const el of focusable) {
+        ensureFocusable(el);
+      }
+      if (event.shiftKey) {
+        if (document.activeElement === first || !node.contains(document.activeElement)) {
+          event.preventDefault();
+          last.focus();
+        }
+      } else if (document.activeElement === last) {
+        event.preventDefault();
+        first.focus();
+      }
+    }, "onKeyDown");
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.body.style.overflow = prevBodyOverflow;
+      const restoreTo = ctx.triggerRef.current ?? previouslyFocused;
+      restoreTo?.focus?.();
+    };
+  }, [ctx.open, ctx.triggerRef, ctx.cancelRef]);
+  const onRequestClose = useCallback(() => {
+  }, []);
+  return /* @__PURE__ */ jsxs(
+    Modal,
+    {
+      visible: ctx.open,
+      transparent: true,
+      animationType: Platform.OS === "web" ? "none" : "fade",
+      onRequestClose,
+      children: [
+        /* @__PURE__ */ jsx(BlurBackdrop, { intensity: 60, tint: scheme === "dark" ? "dark" : "light", style: StyleSheet.absoluteFill }),
+        /* @__PURE__ */ jsx(
+          View,
+          {
+            ref: (node) => {
+              overlayDomRef.current = node;
+            },
+            accessibilityRole: "none",
+            "aria-hidden": true,
+            style: overlayStyle,
+            children: /* @__PURE__ */ jsx(
+              View,
+              {
+                ref: (node) => {
+                  contentRef.current = node;
+                },
+                role: "alertdialog",
+                accessibilityRole: "alert",
+                "aria-modal": true,
+                "aria-labelledby": ctx.titleId,
+                "aria-describedby": ctx.descriptionId,
+                ...testID !== void 0 ? { testID } : {},
+                ...{ "data-nori-alert-dialog-content": "true" },
+                className: cn("w-full max-w-md rounded-xl bg-semantic-background-elevated p-6 gap-3", className),
+                style: [contentStyle, { backgroundColor: colors.semantic.background.elevated }],
+                children: /* @__PURE__ */ jsx(
+                  View,
+                  {
+                    className: "flex-col gap-1.5",
+                    style: { flexDirection: "column", gap: px(colors.spacing["2"]) - 2 },
+                    children
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}, "AlertDialogContent");
+var AlertDialogTitle = /* @__PURE__ */ __name(({ children, className }) => {
+  const ctx = useAlertDialogContext("AlertDialogTitle");
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      nativeID: ctx.titleId,
+      id: ctx.titleId,
+      role: "heading",
+      "aria-level": 2,
+      className: cn("text-lg font-semibold text-semantic-text-default", className),
+      style: {
+        color: colors.semantic.text.default,
+        fontFamily: colors.fontFamily.display,
+        fontSize: px(colors.fontSize.lg),
+        fontWeight: colors.fontWeight.semibold
+      },
+      children
+    }
+  );
+}, "AlertDialogTitle");
+var AlertDialogDescription = /* @__PURE__ */ __name(({ children, className }) => {
+  const ctx = useAlertDialogContext("AlertDialogDescription");
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    Text,
+    {
+      nativeID: ctx.descriptionId,
+      id: ctx.descriptionId,
+      className: cn("text-sm text-semantic-text-muted", className),
+      style: {
+        color: colors.semantic.text.muted,
+        fontFamily: colors.fontFamily.body,
+        fontSize: px(colors.fontSize.sm),
+        lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal)
+      },
+      children
+    }
+  );
+}, "AlertDialogDescription");
+var AlertDialogAction = /* @__PURE__ */ __name(({ asChild = true, children, className, testID, onPress }) => {
+  const ctx = useAlertDialogContext("AlertDialogAction");
+  const handle = useCallback(
+    (event) => {
+      onPress?.(event);
+      ctx.setOpen(false);
+    },
+    [ctx, onPress]
+  );
+  if (asChild && isValidElement(children)) {
+    const child = children;
+    const fire = /* @__PURE__ */ __name((existing) => (event) => {
+      existing?.(event);
+      handle(event);
+    }, "fire");
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        onClick: fire(child.props.onClick),
+        onPress: fire(child.props.onPress),
+        ...testID !== void 0 ? { "data-testid": testID } : {},
+        ...className !== void 0 ? { className } : {},
+        children: child
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      onPress: handle,
+      role: "button",
+      accessibilityRole: "button",
+      ...testID !== void 0 ? { testID } : {},
+      ...className !== void 0 ? { className } : {},
+      children: wrapStringChildren(children)
+    }
+  );
+}, "AlertDialogAction");
+var AlertDialogCancel = /* @__PURE__ */ __name(({ asChild = true, children, className, testID, onPress }) => {
+  const ctx = useAlertDialogContext("AlertDialogCancel");
+  const handle = useCallback(
+    (event) => {
+      onPress?.(event);
+      ctx.setOpen(false);
+    },
+    [ctx, onPress]
+  );
+  if (asChild && isValidElement(children)) {
+    const child = children;
+    const fire = /* @__PURE__ */ __name((existing) => (event) => {
+      existing?.(event);
+      handle(event);
+    }, "fire");
+    return /* @__PURE__ */ jsx(
+      Slot,
+      {
+        ref: (node) => {
+          ctx.cancelRef.current = node;
+        },
+        onClick: fire(child.props.onClick),
+        onPress: fire(child.props.onPress),
+        ...testID !== void 0 ? { "data-testid": testID } : {},
+        ...className !== void 0 ? { className } : {},
+        children: child
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ref: (node) => {
+        ctx.cancelRef.current = node;
+      },
+      onPress: handle,
+      role: "button",
+      accessibilityRole: "button",
+      ...testID !== void 0 ? { testID } : {},
+      ...className !== void 0 ? { className } : {},
+      children: wrapStringChildren(children)
+    }
+  );
+}, "AlertDialogCancel");
+var AlertDialogFooter = /* @__PURE__ */ __name(({ children, className }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      className: cn("mt-4 flex-row items-center justify-end gap-2", className),
+      style: {
+        marginTop: px(colors.spacing["4"]),
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        gap: px(colors.spacing["2"])
+      },
+      children
+    }
+  );
+}, "AlertDialogFooter");
+var AlertDialog = Object.assign(AlertDialogRoot, {
+  Trigger: AlertDialogTrigger,
+  Content: AlertDialogContent,
+  Title: AlertDialogTitle,
+  Description: AlertDialogDescription,
+  Footer: AlertDialogFooter,
+  Action: AlertDialogAction,
+  Cancel: AlertDialogCancel
+});
+
+export { AlertDialog };
+//# sourceMappingURL=chunk-SFNDR6DI.js.map
+//# sourceMappingURL=chunk-SFNDR6DI.js.map