@nori-ui/core 1.2.0 → 1.4.0

package/dist/chunk-BNDUQNG7.js

@@ -0,0 +1,443 @@
+import { Slot } from './chunk-ZIBNLXIV.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useState, useCallback, useId, useRef, isValidElement, useEffect, useContext } from 'react';
+import { Text, Pressable, View, Platform, Modal } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var SIZE_PERCENT = {
+  sm: "25%",
+  md: "50%",
+  lg: "75%",
+  full: "100%"
+};
+var SheetContext = createContext(null);
+var useSheetContext = /* @__PURE__ */ __name((label) => {
+  const ctx = useContext(SheetContext);
+  if (!ctx) {
+    throw new Error(`<${label}> must be rendered inside a <Sheet>.`);
+  }
+  return ctx;
+}, "useSheetContext");
+var SheetRoot = /* @__PURE__ */ __name(({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  side = "bottom",
+  size = "md",
+  dismissible = true,
+  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 ctxValue = {
+    open: current,
+    setOpen,
+    titleId: `${baseId}-title`,
+    descriptionId: `${baseId}-description`,
+    triggerRef,
+    side,
+    size,
+    dismissible
+  };
+  return /* @__PURE__ */ jsx(SheetContext.Provider, { value: ctxValue, children });
+}, "SheetRoot");
+var SheetTrigger = /* @__PURE__ */ __name(({ asChild = true, children, className, testID }) => {
+  const ctx = useSheetContext("SheetTrigger");
+  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)
+    }
+  );
+}, "SheetTrigger");
+var SheetHeader = /* @__PURE__ */ __name(({ children, className }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      className: cn("flex-col gap-1", className),
+      style: {
+        flexDirection: "column",
+        gap: px(colors.spacing["1"]),
+        paddingHorizontal: px(colors.spacing["6"]),
+        paddingTop: px(colors.spacing["6"]),
+        paddingBottom: px(colors.spacing["2"])
+      },
+      children
+    }
+  );
+}, "SheetHeader");
+var SheetTitle = /* @__PURE__ */ __name(({ children, className }) => {
+  const ctx = useSheetContext("SheetTitle");
+  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
+    }
+  );
+}, "SheetTitle");
+var SheetDescription = /* @__PURE__ */ __name(({ children, className }) => {
+  const ctx = useSheetContext("SheetDescription");
+  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
+    }
+  );
+}, "SheetDescription");
+var SheetBody = /* @__PURE__ */ __name(({ children, className }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      className: cn("flex-1", className),
+      style: {
+        flex: 1,
+        paddingHorizontal: px(colors.spacing["6"]),
+        paddingVertical: px(colors.spacing["4"])
+      },
+      children
+    }
+  );
+}, "SheetBody");
+var SheetFooter = /* @__PURE__ */ __name(({ children, className }) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      className: cn("flex-row items-center justify-end gap-2", className),
+      style: {
+        flexDirection: "row",
+        alignItems: "center",
+        justifyContent: "flex-end",
+        gap: px(colors.spacing["2"]),
+        paddingHorizontal: px(colors.spacing["6"]),
+        paddingBottom: px(colors.spacing["6"]),
+        paddingTop: px(colors.spacing["2"])
+      },
+      children
+    }
+  );
+}, "SheetFooter");
+var SheetClose = /* @__PURE__ */ __name(({
+  asChild = true,
+  children,
+  className,
+  testID,
+  accessibilityLabel = "Close"
+}) => {
+  const ctx = useSheetContext("SheetClose");
+  const onPress = useCallback(() => ctx.setOpen(false), [ctx]);
+  if (asChild && isValidElement(children)) {
+    const child = children;
+    const fire = /* @__PURE__ */ __name((existing) => (event) => {
+      existing?.(event);
+      ctx.setOpen(false);
+    }, "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,
+      role: "button",
+      accessibilityRole: "button",
+      accessibilityLabel,
+      "aria-label": accessibilityLabel,
+      ...testID !== void 0 ? { testID } : {},
+      ...className !== void 0 ? { className } : {},
+      children: wrapStringChildren(children)
+    }
+  );
+}, "SheetClose");
+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.40)";
+var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';
+var SheetPanel = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const ctx = useSheetContext("SheetPanel");
+  const colors = useThemeColors();
+  const panelRef = useRef(null);
+  const overlayDomRef = useRef(null);
+  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";
+    node.style.transitionDuration = "200ms";
+    node.style.transitionTimingFunction = "ease-out";
+    node.style.backgroundColor = entered ? SCRIM_COLOR : "rgba(0,0,0,0)";
+  }, [entered]);
+  useEffect(() => {
+    if (!ctx.open || Platform.OS !== "web" || typeof document === "undefined") {
+      return;
+    }
+    const previouslyFocused = document.activeElement;
+    const prevBodyOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const focusFirst = /* @__PURE__ */ __name(() => {
+      const node = panelRef.current;
+      if (!node) {
+        return;
+      }
+      const focusable = node.querySelectorAll(FOCUSABLE_SELECTOR);
+      const first = focusable[0];
+      if (first) {
+        first.focus();
+      } else {
+        node.setAttribute("tabindex", "-1");
+        node.focus();
+      }
+    }, "focusFirst");
+    focusFirst();
+    const onKeyDown = /* @__PURE__ */ __name((event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        ctx.setOpen(false);
+        return;
+      }
+      if (event.key !== "Tab") {
+        return;
+      }
+      const node = panelRef.current;
+      if (!node) {
+        return;
+      }
+      const focusable = Array.from(node.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+        (el) => el.offsetParent !== null || el === document.activeElement
+      );
+      if (focusable.length === 0) {
+        event.preventDefault();
+        return;
+      }
+      const first = focusable[0];
+      const last = focusable[focusable.length - 1];
+      if (!first || !last) {
+        return;
+      }
+      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.setOpen, ctx.triggerRef]);
+  const onBackdropPress = useCallback(() => {
+    if (ctx.dismissible) {
+      ctx.setOpen(false);
+    }
+  }, [ctx]);
+  const isHorizontal = ctx.side === "left" || ctx.side === "right";
+  const dim = typeof ctx.size === "number" ? ctx.size : SIZE_PERCENT[ctx.size];
+  const panelStyle = {
+    position: "absolute",
+    backgroundColor: colors.semantic.background.elevated,
+    ...isHorizontal ? { top: 0, bottom: 0 } : { left: 0, right: 0 },
+    ...ctx.side === "bottom" && { bottom: 0 },
+    ...ctx.side === "top" && { top: 0 },
+    ...ctx.side === "left" && { left: 0 },
+    ...ctx.side === "right" && { right: 0 }
+  };
+  const translateStyle = Platform.OS === "web" ? {
+    transform: entered ? "translateX(0) translateY(0)" : translateOffscreen(ctx.side),
+    transitionProperty: "transform",
+    transitionDuration: "280ms",
+    transitionTimingFunction: "cubic-bezier(0.16, 1, 0.3, 1)"
+  } : {};
+  const overlayStyle = {
+    position: Platform.OS === "web" ? "fixed" : "absolute",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    ...Platform.OS === "web" ? { zIndex: 50 } : { backgroundColor: SCRIM_COLOR }
+  };
+  const sizeStyle = isHorizontal ? { width: dim, height: "100%" } : { height: dim, width: "100%" };
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      visible: ctx.open,
+      transparent: true,
+      animationType: Platform.OS === "web" ? "none" : ctx.side === "bottom" || ctx.side === "top" ? "slide" : "fade",
+      onRequestClose: () => ctx.setOpen(false),
+      children: /* @__PURE__ */ jsx(
+        Pressable,
+        {
+          accessibilityRole: "none",
+          "aria-hidden": true,
+          ref: (node) => {
+            overlayDomRef.current = node;
+          },
+          style: overlayStyle,
+          onPress: onBackdropPress,
+          children: /* @__PURE__ */ jsx(
+            Pressable,
+            {
+              onPress: (event) => event.stopPropagation?.(),
+              ref: (node) => {
+                panelRef.current = node;
+              },
+              role: "dialog",
+              accessibilityRole: "none",
+              "aria-modal": true,
+              "aria-labelledby": ctx.titleId,
+              "aria-describedby": ctx.descriptionId,
+              "data-side": ctx.side,
+              ...testID !== void 0 ? { testID } : {},
+              className: cn("bg-semantic-background-elevated", className),
+              style: [
+                panelStyle,
+                sizeStyle,
+                translateStyle,
+                {
+                  shadowColor: "#000",
+                  shadowOffset: { width: 0, height: -2 },
+                  shadowOpacity: 0.15,
+                  shadowRadius: 20,
+                  elevation: 24,
+                  ...ctx.side === "bottom" ? { borderTopLeftRadius: 16, borderTopRightRadius: 16 } : {},
+                  ...ctx.side === "top" ? { borderBottomLeftRadius: 16, borderBottomRightRadius: 16 } : {}
+                }
+              ],
+              children
+            }
+          )
+        }
+      )
+    }
+  );
+}, "SheetPanel");
+var Sheet = Object.assign(SheetRoot, {
+  Trigger: SheetTrigger,
+  Panel: SheetPanel,
+  Header: SheetHeader,
+  Title: SheetTitle,
+  Description: SheetDescription,
+  Body: SheetBody,
+  Footer: SheetFooter,
+  Close: SheetClose
+});
+var Drawer = Sheet;
+function translateOffscreen(side) {
+  switch (side) {
+    case "bottom":
+      return "translateY(100%)";
+    case "top":
+      return "translateY(-100%)";
+    case "left":
+      return "translateX(-100%)";
+    case "right":
+      return "translateX(100%)";
+  }
+}
+__name(translateOffscreen, "translateOffscreen");
+
+export { Drawer, Sheet, SheetBody, SheetClose, SheetDescription, SheetFooter, SheetHeader, SheetPanel, SheetTitle, SheetTrigger };
+//# sourceMappingURL=chunk-BNDUQNG7.js.map
+//# sourceMappingURL=chunk-BNDUQNG7.js.map

package/dist/chunk-BNDUQNG7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Sheet/Sheet.shared.tsx","../src/components/Sheet/Sheet.tsx"],"names":["RNText","useRef","useState","useCallback","jsx","Pressable"],"mappings":"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","file":"chunk-BNDUQNG7.js","sourcesContent":["'use client';\n\n/**\n * Shared Sheet internals — context, types, root, trigger, and structural\n * subcomponents (Header, Title, Description, Body, Footer, Close).\n *\n * Imported by both `Sheet.tsx` (native) and `Sheet.web.tsx` (web) to avoid\n * duplication. The panel surface (`SheetPanel`) is platform-specific and\n * lives in each of those files.\n */\n\nimport {\n    createContext,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useId,\n    useRef,\n    useState,\n} from 'react';\nimport { Pressable, Text as RNText, View } from 'react-native';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\n// ─── Types ────────────────────────────────────────────────────────────────────\n\nexport type SheetSide = 'top' | 'right' | 'bottom' | 'left';\n\nexport type SheetSize = 'sm' | 'md' | 'lg' | 'full' | number;\n\nexport type SheetProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Uncontrolled initial open state. @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires with the new open state. */\n    onOpenChange?: (open: boolean) => void;\n    /**\n     * Edge the sheet slides in from.\n     * @defaultValue 'bottom'\n     */\n    side?: SheetSide;\n    /**\n     * Panel size: preset key or an explicit pixel value.\n     * - 'sm'   → 25% of viewport height/width\n     * - 'md'   → 50%\n     * - 'lg'   → 75%\n     * - 'full' → 100%\n     * - number → explicit px value\n     * @defaultValue 'md'\n     */\n    size?: SheetSize;\n    /**\n     * Whether tapping the backdrop closes the sheet.\n     * @defaultValue true\n     */\n    dismissible?: boolean;\n    children?: ReactNode;\n};\n\nexport type SheetContextValue = {\n    open: boolean;\n    setOpen: (next: boolean) => void;\n    titleId: string;\n    descriptionId: string;\n    triggerRef: { current: HTMLElement | null };\n    side: SheetSide;\n    size: SheetSize;\n    dismissible: boolean;\n};\n\n// ─── Size helpers ─────────────────────────────────────────────────────────────\n\nexport const SIZE_PERCENT: Record<Exclude<SheetSize, number>, string> = {\n    sm: '25%',\n    md: '50%',\n    lg: '75%',\n    full: '100%',\n};\n\nexport function resolveSizeValue(size: SheetSize): string | number {\n    if (typeof size === 'number') {\n        return size;\n    }\n    return SIZE_PERCENT[size];\n}\n\n// ─── Context ──────────────────────────────────────────────────────────────────\n\nexport const SheetContext = createContext<SheetContextValue | null>(null);\n\nexport const useSheetContext = (label: string): SheetContextValue => {\n    const ctx = useContext(SheetContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Sheet>.`);\n    }\n    return ctx;\n};\n\n// ─── Root ─────────────────────────────────────────────────────────────────────\n\nexport const SheetRoot = ({\n    open,\n    defaultOpen = false,\n    onOpenChange,\n    side = 'bottom',\n    size = 'md',\n    dismissible = true,\n    children,\n}: SheetProps) => {\n    const [inner, setInner] = useState<boolean>(defaultOpen);\n    const isControlled = open !== undefined;\n    const current = isControlled ? open : inner;\n\n    const setOpen = useCallback(\n        (next: boolean) => {\n            if (!isControlled) {\n                setInner(next);\n            }\n            onOpenChange?.(next);\n        },\n        [isControlled, onOpenChange]\n    );\n\n    const baseId = useId();\n    const triggerRef = useRef<HTMLElement | null>(null);\n\n    const ctxValue: SheetContextValue = {\n        open: current,\n        setOpen,\n        titleId: `${baseId}-title`,\n        descriptionId: `${baseId}-description`,\n        triggerRef,\n        side,\n        size,\n        dismissible,\n    };\n\n    return <SheetContext.Provider value={ctxValue}>{children}</SheetContext.Provider>;\n};\n\n// ─── Trigger ──────────────────────────────────────────────────────────────────\n\nexport type SheetTriggerProps = {\n    /** Render the child as the trigger (Slot pattern). @defaultValue true */\n    asChild?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport const SheetTrigger = ({ asChild = true, children, className, testID }: SheetTriggerProps) => {\n    const ctx = useSheetContext('SheetTrigger');\n    const onPress = useCallback(() => ctx.setOpen(true), [ctx]);\n\n    if (asChild && isValidElement(children)) {\n        const child = children as ReactElement<Record<string, unknown>>;\n        const fire = (existing: ((e: unknown) => void) | undefined) => (event: unknown) => {\n            existing?.(event);\n            ctx.setOpen(true);\n        };\n        return (\n            <Slot\n                ref={(node: HTMLElement | null) => {\n                    ctx.triggerRef.current = node;\n                }}\n                onClick={fire(child.props.onClick as ((e: unknown) => void) | undefined)}\n                onPress={fire(child.props.onPress as ((e: unknown) => void) | undefined)}\n                {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                {...(className !== undefined ? { className } : {})}\n            >\n                {child}\n            </Slot>\n        );\n    }\n\n    return (\n        <Pressable\n            ref={(node) => {\n                ctx.triggerRef.current = node as unknown as HTMLElement | null;\n            }}\n            onPress={onPress}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {wrapStringChildren(children)}\n        </Pressable>\n    );\n};\n\n// ─── Header ───────────────────────────────────────────────────────────────────\n\nexport type SheetHeaderProps = { children?: ReactNode; className?: string };\n\nexport const SheetHeader = ({ children, className }: SheetHeaderProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            className={cn('flex-col gap-1', className)}\n            style={{\n                flexDirection: 'column',\n                gap: px(colors.spacing['1']),\n                paddingHorizontal: px(colors.spacing['6']),\n                paddingTop: px(colors.spacing['6']),\n                paddingBottom: px(colors.spacing['2']),\n            }}\n        >\n            {children}\n        </View>\n    );\n};\n\n// ─── Title ────────────────────────────────────────────────────────────────────\n\nexport type SheetTitleProps = { children?: ReactNode; className?: string };\n\nexport const SheetTitle = ({ children, className }: SheetTitleProps) => {\n    const ctx = useSheetContext('SheetTitle');\n    const colors = useThemeColors();\n    return (\n        <RNText\n            nativeID={ctx.titleId}\n            id={ctx.titleId}\n            role=\"heading\"\n            aria-level={2}\n            className={cn('text-lg font-semibold text-semantic-text-default', className)}\n            style={{\n                color: colors.semantic.text.default,\n                fontFamily: colors.fontFamily.display,\n                fontSize: px(colors.fontSize.lg),\n                fontWeight: colors.fontWeight.semibold as '600',\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n// ─── Description ─────────────────────────────────────────────────────────────\n\nexport type SheetDescriptionProps = { children?: ReactNode; className?: string };\n\nexport const SheetDescription = ({ children, className }: SheetDescriptionProps) => {\n    const ctx = useSheetContext('SheetDescription');\n    const colors = useThemeColors();\n    return (\n        <RNText\n            nativeID={ctx.descriptionId}\n            id={ctx.descriptionId}\n            className={cn('text-sm text-semantic-text-muted', className)}\n            style={{\n                color: colors.semantic.text.muted,\n                fontFamily: colors.fontFamily.body,\n                fontSize: px(colors.fontSize.sm),\n                lineHeight: px(colors.fontSize.sm) * Number(colors.lineHeight.normal),\n            }}\n        >\n            {children}\n        </RNText>\n    );\n};\n\n// ─── Body ─────────────────────────────────────────────────────────────────────\n\nexport type SheetBodyProps = { children?: ReactNode; className?: string };\n\nexport const SheetBody = ({ children, className }: SheetBodyProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            className={cn('flex-1', className)}\n            style={{\n                flex: 1,\n                paddingHorizontal: px(colors.spacing['6']),\n                paddingVertical: px(colors.spacing['4']),\n            }}\n        >\n            {children}\n        </View>\n    );\n};\n\n// ─── Footer ───────────────────────────────────────────────────────────────────\n\nexport type SheetFooterProps = { children?: ReactNode; className?: string };\n\nexport const SheetFooter = ({ children, className }: SheetFooterProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            className={cn('flex-row items-center justify-end gap-2', className)}\n            style={{\n                flexDirection: 'row',\n                alignItems: 'center',\n                justifyContent: 'flex-end',\n                gap: px(colors.spacing['2']),\n                paddingHorizontal: px(colors.spacing['6']),\n                paddingBottom: px(colors.spacing['6']),\n                paddingTop: px(colors.spacing['2']),\n            }}\n        >\n            {children}\n        </View>\n    );\n};\n\n// ─── Close ────────────────────────────────────────────────────────────────────\n\nexport type SheetCloseProps = {\n    asChild?: boolean;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n    accessibilityLabel?: string;\n};\n\nexport const SheetClose = ({\n    asChild = true,\n    children,\n    className,\n    testID,\n    accessibilityLabel = 'Close',\n}: SheetCloseProps) => {\n    const ctx = useSheetContext('SheetClose');\n    const onPress = useCallback(() => ctx.setOpen(false), [ctx]);\n\n    if (asChild && isValidElement(children)) {\n        const child = children as ReactElement<Record<string, unknown>>;\n        const fire = (existing: ((e: unknown) => void) | undefined) => (event: unknown) => {\n            existing?.(event);\n            ctx.setOpen(false);\n        };\n        return (\n            <Slot\n                onClick={fire(child.props.onClick as ((e: unknown) => void) | undefined)}\n                onPress={fire(child.props.onPress as ((e: unknown) => void) | undefined)}\n                {...(testID !== undefined ? { 'data-testid': testID } : {})}\n                {...(className !== undefined ? { className } : {})}\n            >\n                {child}\n            </Slot>\n        );\n    }\n\n    return (\n        <Pressable\n            onPress={onPress}\n            role=\"button\"\n            accessibilityRole=\"button\"\n            accessibilityLabel={accessibilityLabel}\n            aria-label={accessibilityLabel}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {wrapStringChildren(children)}\n        </Pressable>\n    );\n};\n\n// ─── Utilities ────────────────────────────────────────────────────────────────\n\nexport function wrapStringChildren(children: ReactNode): ReactNode {\n    if (typeof children === 'string' || typeof children === 'number') {\n        return <RNText>{children}</RNText>;\n    }\n    return children;\n}\n\nexport type SheetPanelProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n","'use client';\n\n/**\n * Sheet — default (native) implementation.\n *\n * Metro resolves `.native.tsx` over `.tsx` so on native builds, `Sheet.native.tsx`\n * wins. On web, `Sheet.web.tsx` wins. This file serves as the fallback for\n * environments that don't apply platform extensions (plain Node / jest node project).\n *\n * Shared context, types, and structural subcomponents live in `Sheet.shared.tsx`.\n * The `SheetPanel` here uses RN Modal with Platform.OS guards for web CSS\n * transitions and native slide animation.\n */\n\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Modal, Platform, Pressable } from 'react-native';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport {\n    SheetBody,\n    SheetClose,\n    SheetDescription,\n    SheetFooter,\n    SheetHeader,\n    type SheetPanelProps,\n    SheetRoot,\n    type SheetSide,\n    SheetTitle,\n    SheetTrigger,\n    SIZE_PERCENT,\n    useSheetContext,\n} from './Sheet.shared';\n\nexport {\n    SheetBody,\n    SheetClose,\n    SheetDescription,\n    SheetFooter,\n    SheetHeader,\n    type SheetPanelProps,\n    type SheetProps,\n    type SheetSide,\n    type SheetSize,\n    SheetTitle,\n    SheetTrigger,\n} from './Sheet.shared';\n\n// ─── Panel ────────────────────────────────────────────────────────────────────\n\nconst SCRIM_COLOR = 'rgba(0, 0, 0, 0.40)';\n\nconst FOCUSABLE_SELECTOR =\n    'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]):not([type=\"hidden\"]), select:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\nexport const SheetPanel = ({ children, className, testID }: SheetPanelProps) => {\n    const ctx = useSheetContext('SheetPanel');\n    const colors = useThemeColors();\n    const panelRef = useRef<HTMLDivElement | null>(null);\n    const overlayDomRef = useRef<HTMLElement | null>(null);\n\n    const [entered, setEntered] = useState(false);\n\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            setEntered(true);\n            return;\n        }\n        if (!ctx.open) {\n            setEntered(false);\n            return;\n        }\n        const id = requestAnimationFrame(() => setEntered(true));\n        return () => cancelAnimationFrame(id);\n    }, [ctx.open]);\n\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        const node = overlayDomRef.current;\n        if (!node) {\n            return;\n        }\n        node.style.transitionProperty = 'background-color';\n        node.style.transitionDuration = '200ms';\n        node.style.transitionTimingFunction = 'ease-out';\n        node.style.backgroundColor = entered ? SCRIM_COLOR : 'rgba(0,0,0,0)';\n    }, [entered]);\n\n    useEffect(() => {\n        if (!ctx.open || Platform.OS !== 'web' || typeof document === 'undefined') {\n            return;\n        }\n        const previouslyFocused = document.activeElement as HTMLElement | null;\n        const prevBodyOverflow = document.body.style.overflow;\n        document.body.style.overflow = 'hidden';\n\n        const focusFirst = () => {\n            const node = panelRef.current;\n            if (!node) {\n                return;\n            }\n            const focusable = node.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR);\n            const first = focusable[0];\n            if (first) {\n                first.focus();\n            } else {\n                node.setAttribute('tabindex', '-1');\n                node.focus();\n            }\n        };\n        focusFirst();\n\n        const onKeyDown = (event: KeyboardEvent) => {\n            if (event.key === 'Escape') {\n                event.preventDefault();\n                ctx.setOpen(false);\n                return;\n            }\n            if (event.key !== 'Tab') {\n                return;\n            }\n            const node = panelRef.current;\n            if (!node) {\n                return;\n            }\n            const focusable = Array.from(node.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)).filter(\n                (el) => el.offsetParent !== null || el === document.activeElement\n            );\n            if (focusable.length === 0) {\n                event.preventDefault();\n                return;\n            }\n            const first = focusable[0];\n            const last = focusable[focusable.length - 1];\n            if (!first || !last) {\n                return;\n            }\n            if (event.shiftKey) {\n                if (document.activeElement === first || !node.contains(document.activeElement)) {\n                    event.preventDefault();\n                    last.focus();\n                }\n            } else if (document.activeElement === last) {\n                event.preventDefault();\n                first.focus();\n            }\n        };\n        document.addEventListener('keydown', onKeyDown);\n        return () => {\n            document.removeEventListener('keydown', onKeyDown);\n            document.body.style.overflow = prevBodyOverflow;\n            const restoreTo = ctx.triggerRef.current ?? previouslyFocused;\n            restoreTo?.focus?.();\n        };\n    }, [ctx.open, ctx.setOpen, ctx.triggerRef]);\n\n    const onBackdropPress = useCallback(() => {\n        if (ctx.dismissible) {\n            ctx.setOpen(false);\n        }\n    }, [ctx]);\n\n    const isHorizontal = ctx.side === 'left' || ctx.side === 'right';\n    const dim = typeof ctx.size === 'number' ? ctx.size : SIZE_PERCENT[ctx.size];\n\n    const panelStyle: ViewStyle = {\n        position: 'absolute',\n        backgroundColor: colors.semantic.background.elevated,\n        ...(isHorizontal ? { top: 0, bottom: 0 } : { left: 0, right: 0 }),\n        ...(ctx.side === 'bottom' && { bottom: 0 }),\n        ...(ctx.side === 'top' && { top: 0 }),\n        ...(ctx.side === 'left' && { left: 0 }),\n        ...(ctx.side === 'right' && { right: 0 }),\n    };\n\n    const translateStyle: ViewStyle =\n        Platform.OS === 'web'\n            ? ({\n                  transform: entered ? 'translateX(0) translateY(0)' : translateOffscreen(ctx.side),\n                  transitionProperty: 'transform',\n                  transitionDuration: '280ms',\n                  transitionTimingFunction: 'cubic-bezier(0.16, 1, 0.3, 1)',\n              } as unknown as ViewStyle)\n            : {};\n\n    const overlayStyle: ViewStyle = {\n        position: Platform.OS === 'web' ? ('fixed' as unknown as 'absolute') : 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        ...(Platform.OS === 'web' ? ({ zIndex: 50 } as ViewStyle) : { backgroundColor: SCRIM_COLOR }),\n    };\n\n    const sizeStyle = isHorizontal\n        ? { width: dim, height: '100%' as unknown as number }\n        : { height: dim, width: '100%' as unknown as number };\n\n    return (\n        <Modal\n            visible={ctx.open}\n            transparent\n            animationType={\n                Platform.OS === 'web' ? 'none' : ctx.side === 'bottom' || ctx.side === 'top' ? 'slide' : 'fade'\n            }\n            onRequestClose={() => ctx.setOpen(false)}\n        >\n            <Pressable\n                accessibilityRole=\"none\"\n                aria-hidden={true}\n                ref={(node) => {\n                    overlayDomRef.current = node as unknown as HTMLElement | null;\n                }}\n                style={overlayStyle}\n                onPress={onBackdropPress}\n            >\n                <Pressable\n                    onPress={(event) => event.stopPropagation?.()}\n                    ref={(node) => {\n                        panelRef.current = node as unknown as HTMLDivElement | null;\n                    }}\n                    role=\"dialog\"\n                    accessibilityRole=\"none\"\n                    aria-modal={true}\n                    aria-labelledby={ctx.titleId}\n                    aria-describedby={ctx.descriptionId}\n                    data-side={ctx.side}\n                    {...(testID !== undefined ? { testID } : {})}\n                    className={cn('bg-semantic-background-elevated', className)}\n                    style={[\n                        panelStyle,\n                        sizeStyle as ViewStyle,\n                        translateStyle,\n                        {\n                            shadowColor: '#000',\n                            shadowOffset: { width: 0, height: -2 },\n                            shadowOpacity: 0.15,\n                            shadowRadius: 20,\n                            elevation: 24,\n                            ...(ctx.side === 'bottom' ? { borderTopLeftRadius: 16, borderTopRightRadius: 16 } : {}),\n                            ...(ctx.side === 'top' ? { borderBottomLeftRadius: 16, borderBottomRightRadius: 16 } : {}),\n                        },\n                    ]}\n                >\n                    {children}\n                </Pressable>\n            </Pressable>\n        </Modal>\n    );\n};\n\n// ─── Compound export ──────────────────────────────────────────────────────────\n\nexport const Sheet = Object.assign(SheetRoot, {\n    Trigger: SheetTrigger,\n    Panel: SheetPanel,\n    Header: SheetHeader,\n    Title: SheetTitle,\n    Description: SheetDescription,\n    Body: SheetBody,\n    Footer: SheetFooter,\n    Close: SheetClose,\n});\n\nexport const Drawer = Sheet;\n\n// ─── Helpers ──────────────────────────────────────────────────────────────────\n\nfunction translateOffscreen(side: SheetSide): string {\n    switch (side) {\n        case 'bottom':\n            return 'translateY(100%)';\n        case 'top':\n            return 'translateY(-100%)';\n        case 'left':\n            return 'translateX(-100%)';\n        case 'right':\n            return 'translateX(100%)';\n    }\n}\n"]}