@nori-ui/core 1.6.0 → 1.7.0

package/dist/chunk-M4BI63P6.js

@@ -0,0 +1,188 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useId, useState, useCallback, useMemo, useRef, useEffect, useContext } from 'react';
+import { View, Platform, Pressable, Text } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var CollapsibleContext = createContext(null);
+var useCollapsibleContext = /* @__PURE__ */ __name((label) => {
+  const ctx = useContext(CollapsibleContext);
+  if (!ctx) {
+    throw new Error(`<${label}> must be rendered inside a <Collapsible>.`);
+  }
+  return ctx;
+}, "useCollapsibleContext");
+var CollapsibleRoot = /* @__PURE__ */ __name(({
+  open: controlledOpen,
+  defaultOpen = false,
+  onOpenChange,
+  children,
+  className,
+  testID
+}) => {
+  const baseId = useId();
+  const [innerOpen, setInnerOpen] = useState(defaultOpen);
+  const isControlled = controlledOpen !== void 0;
+  const open = isControlled ? controlledOpen : innerOpen;
+  const toggle = useCallback(() => {
+    const next = !open;
+    if (!isControlled) {
+      setInnerOpen(next);
+    }
+    onOpenChange?.(next);
+  }, [open, isControlled, onOpenChange]);
+  const ctx = useMemo(
+    () => ({
+      open,
+      toggle,
+      contentId: `${baseId}-content`,
+      triggerId: `${baseId}-trigger`
+    }),
+    [open, toggle, baseId]
+  );
+  return /* @__PURE__ */ jsx(CollapsibleContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      className: cn("flex-col", className),
+      style: { flexDirection: "column" },
+      children
+    }
+  ) });
+}, "CollapsibleRoot");
+var CollapsibleTrigger = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const { open, toggle, contentId, triggerId } = useCollapsibleContext("Collapsible.Trigger");
+  const colors = useThemeColors();
+  const triggerStyle = {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingVertical: px(colors.spacing["2"]),
+    paddingHorizontal: px(colors.spacing["1"])
+  };
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      id: triggerId,
+      ...testID !== void 0 ? { testID } : {},
+      role: "button",
+      accessibilityRole: "button",
+      "aria-expanded": open,
+      "aria-controls": contentId,
+      onPress: toggle,
+      className: cn("flex-row items-center py-2 px-1", className),
+      style: triggerStyle,
+      children: typeof children === "string" ? /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            color: colors.semantic.text.default,
+            fontFamily: colors.fontFamily.body,
+            fontSize: px(colors.fontSize.sm),
+            fontWeight: colors.fontWeight.medium
+          },
+          children
+        }
+      ) : children
+    }
+  );
+}, "CollapsibleTrigger");
+var CollapsibleContent = /* @__PURE__ */ __name(({ children, className, testID }) => {
+  const { open, contentId, triggerId } = useCollapsibleContext("Collapsible.Content");
+  const wrapperRef = useRef(null);
+  const innerRef = useRef(null);
+  useEffect(() => {
+    if (Platform.OS !== "web") {
+      return;
+    }
+    const wrapper = wrapperRef.current;
+    const inner = innerRef.current;
+    if (!wrapper || !inner) {
+      return;
+    }
+    const isFirstPaint = wrapper.dataset.noriPainted !== "1";
+    wrapper.dataset.noriPainted = "1";
+    wrapper.style.overflow = "hidden";
+    wrapper.style.transitionProperty = "max-height, opacity";
+    wrapper.style.transitionDuration = "200ms";
+    wrapper.style.transitionTimingFunction = "cubic-bezier(0.16, 1, 0.3, 1)";
+    if (open) {
+      const target = inner.scrollHeight;
+      if (isFirstPaint) {
+        wrapper.style.maxHeight = `${target}px`;
+        wrapper.style.opacity = "1";
+        return;
+      }
+      wrapper.style.maxHeight = "0px";
+      wrapper.style.opacity = "0";
+      void wrapper.offsetHeight;
+      requestAnimationFrame(() => {
+        wrapper.style.maxHeight = `${target}px`;
+        wrapper.style.opacity = "1";
+      });
+    } else {
+      if (isFirstPaint) {
+        wrapper.style.maxHeight = "0px";
+        wrapper.style.opacity = "0";
+        return;
+      }
+      const current = inner.scrollHeight;
+      wrapper.style.maxHeight = `${current}px`;
+      wrapper.style.opacity = "1";
+      void wrapper.offsetHeight;
+      requestAnimationFrame(() => {
+        wrapper.style.maxHeight = "0px";
+        wrapper.style.opacity = "0";
+      });
+    }
+  }, [open]);
+  if (Platform.OS !== "web") {
+    if (!open) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx(
+      View,
+      {
+        ...testID !== void 0 ? { testID } : {},
+        id: contentId,
+        "aria-labelledby": triggerId,
+        className: cn("flex-col", className),
+        style: { flexDirection: "column" },
+        children
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ref: (node) => {
+        wrapperRef.current = node;
+      },
+      ...testID !== void 0 ? { testID } : {},
+      id: contentId,
+      "aria-labelledby": triggerId,
+      "aria-hidden": !open,
+      className: cn("overflow-hidden", className),
+      children: /* @__PURE__ */ jsx(
+        View,
+        {
+          ref: (node) => {
+            innerRef.current = node;
+          },
+          className: "flex-col",
+          style: { flexDirection: "column" },
+          children
+        }
+      )
+    }
+  );
+}, "CollapsibleContent");
+var Collapsible = Object.assign(CollapsibleRoot, {
+  Trigger: CollapsibleTrigger,
+  Content: CollapsibleContent
+});
+
+export { Collapsible };
+//# sourceMappingURL=chunk-M4BI63P6.js.map
+//# sourceMappingURL=chunk-M4BI63P6.js.map

package/dist/chunk-M4BI63P6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Collapsible/Collapsible.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-M4BI63P6.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useId,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { Platform, Pressable, Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\n// ---------------------------------------------------------------------------\n// Context\n// ---------------------------------------------------------------------------\n\ntype CollapsibleContextValue = {\n    open: boolean;\n    toggle: () => void;\n    contentId: string;\n    triggerId: string;\n};\n\nconst CollapsibleContext = createContext<CollapsibleContextValue | null>(null);\n\nconst useCollapsibleContext = (label: string): CollapsibleContextValue => {\n    const ctx = useContext(CollapsibleContext);\n    if (!ctx) {\n        throw new Error(`<${label}> must be rendered inside a <Collapsible>.`);\n    }\n    return ctx;\n};\n\n// ---------------------------------------------------------------------------\n// Root\n// ---------------------------------------------------------------------------\n\nexport type CollapsibleProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Uncontrolled initial open state. @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires when the open state changes. */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst CollapsibleRoot = ({\n    open: controlledOpen,\n    defaultOpen = false,\n    onOpenChange,\n    children,\n    className,\n    testID,\n}: CollapsibleProps) => {\n    const baseId = useId();\n    const [innerOpen, setInnerOpen] = useState(defaultOpen);\n    const isControlled = controlledOpen !== undefined;\n    const open = isControlled ? controlledOpen : innerOpen;\n\n    const toggle = useCallback(() => {\n        const next = !open;\n        if (!isControlled) {\n            setInnerOpen(next);\n        }\n        onOpenChange?.(next);\n    }, [open, isControlled, onOpenChange]);\n\n    const ctx = useMemo<CollapsibleContextValue>(\n        () => ({\n            open,\n            toggle,\n            contentId: `${baseId}-content`,\n            triggerId: `${baseId}-trigger`,\n        }),\n        [open, toggle, baseId]\n    );\n\n    return (\n        <CollapsibleContext.Provider value={ctx}>\n            <View\n                {...(testID !== undefined ? { testID } : {})}\n                className={cn('flex-col', className)}\n                style={{ flexDirection: 'column' }}\n            >\n                {children}\n            </View>\n        </CollapsibleContext.Provider>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Trigger\n// ---------------------------------------------------------------------------\n\nexport type CollapsibleTriggerProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst CollapsibleTrigger = ({ children, className, testID }: CollapsibleTriggerProps) => {\n    const { open, toggle, contentId, triggerId } = useCollapsibleContext('Collapsible.Trigger');\n    const colors = useThemeColors();\n\n    const triggerStyle: ViewStyle = {\n        flexDirection: 'row',\n        alignItems: 'center',\n        paddingVertical: px(colors.spacing['2']),\n        paddingHorizontal: px(colors.spacing['1']),\n    };\n\n    return (\n        <Pressable\n            id={triggerId}\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"button\"\n            accessibilityRole=\"button\"\n            aria-expanded={open}\n            aria-controls={contentId}\n            onPress={toggle}\n            className={cn('flex-row items-center py-2 px-1', className)}\n            style={triggerStyle}\n        >\n            {typeof children === 'string' ? (\n                <RNText\n                    style={{\n                        color: colors.semantic.text.default,\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.sm),\n                        fontWeight: colors.fontWeight.medium as '500',\n                    }}\n                >\n                    {children}\n                </RNText>\n            ) : (\n                children\n            )}\n        </Pressable>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Content\n// ---------------------------------------------------------------------------\n\nexport type CollapsibleContentProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nconst CollapsibleContent = ({ children, className, testID }: CollapsibleContentProps) => {\n    const { open, contentId, triggerId } = useCollapsibleContext('Collapsible.Content');\n    const wrapperRef = useRef<HTMLElement | null>(null);\n    const innerRef = useRef<HTMLElement | null>(null);\n\n    // Web: animate max-height via CSS transition for smooth open/close.\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        const wrapper = wrapperRef.current;\n        const inner = innerRef.current;\n        if (!wrapper || !inner) {\n            return;\n        }\n\n        const isFirstPaint = wrapper.dataset.noriPainted !== '1';\n        wrapper.dataset.noriPainted = '1';\n\n        wrapper.style.overflow = 'hidden';\n        wrapper.style.transitionProperty = 'max-height, opacity';\n        wrapper.style.transitionDuration = '200ms';\n        wrapper.style.transitionTimingFunction = 'cubic-bezier(0.16, 1, 0.3, 1)';\n\n        if (open) {\n            const target = inner.scrollHeight;\n            if (isFirstPaint) {\n                wrapper.style.maxHeight = `${target}px`;\n                wrapper.style.opacity = '1';\n                return;\n            }\n            wrapper.style.maxHeight = '0px';\n            wrapper.style.opacity = '0';\n            void wrapper.offsetHeight;\n            requestAnimationFrame(() => {\n                wrapper.style.maxHeight = `${target}px`;\n                wrapper.style.opacity = '1';\n            });\n        } else {\n            if (isFirstPaint) {\n                wrapper.style.maxHeight = '0px';\n                wrapper.style.opacity = '0';\n                return;\n            }\n            const current = inner.scrollHeight;\n            wrapper.style.maxHeight = `${current}px`;\n            wrapper.style.opacity = '1';\n            void wrapper.offsetHeight;\n            requestAnimationFrame(() => {\n                wrapper.style.maxHeight = '0px';\n                wrapper.style.opacity = '0';\n            });\n        }\n    }, [open]);\n\n    // Native: just toggle visibility. Animation deferred to v2.\n    if (Platform.OS !== 'web') {\n        if (!open) {\n            return null;\n        }\n        return (\n            <View\n                {...(testID !== undefined ? { testID } : {})}\n                id={contentId}\n                aria-labelledby={triggerId}\n                className={cn('flex-col', className)}\n                style={{ flexDirection: 'column' }}\n            >\n                {children}\n            </View>\n        );\n    }\n\n    return (\n        <View\n            ref={(node: unknown) => {\n                wrapperRef.current = node as HTMLElement | null;\n            }}\n            {...(testID !== undefined ? { testID } : {})}\n            id={contentId}\n            aria-labelledby={triggerId}\n            aria-hidden={!open}\n            className={cn('overflow-hidden', className)}\n        >\n            <View\n                ref={(node: unknown) => {\n                    innerRef.current = node as HTMLElement | null;\n                }}\n                className=\"flex-col\"\n                style={{ flexDirection: 'column' }}\n            >\n                {children}\n            </View>\n        </View>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// Public export\n// ---------------------------------------------------------------------------\n\n/**\n * Single open/close disclosure. Compose with `Collapsible.Trigger` and\n * `Collapsible.Content`:\n *\n * ```tsx\n * <Collapsible>\n *   <Collapsible.Trigger>Show details</Collapsible.Trigger>\n *   <Collapsible.Content>\n *     <Text>Hidden until the trigger is pressed.</Text>\n *   </Collapsible.Content>\n * </Collapsible>\n * ```\n *\n * Controlled usage: pass `open` + `onOpenChange`. Uncontrolled: pass\n * `defaultOpen` (or neither for closed-by-default).\n *\n * On web, `Content` animates via a CSS max-height / opacity transition\n * (200ms). On native, the content mounts/unmounts immediately — animated\n * height transition is a v2 follow-up.\n */\nexport const Collapsible = Object.assign(CollapsibleRoot, {\n    Trigger: CollapsibleTrigger,\n    Content: CollapsibleContent,\n});\n"]}

package/dist/{chunk-RUWD35UI.js → chunk-MK57AOTI.js}

@@ -1,8 +1,8 @@
-import { Popover, usePopoverContext } from './chunk-PZS4A4VQ.js';
+import { Popover, usePopoverContext } from './chunk-HXCETKCC.js';
 import { Slot } from './chunk-ZIBNLXIV.js';
 import { px } from './chunk-5A2QOOVN.js';
-import { cn } from './chunk-CHXHRJNZ.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { createContext, useContext, useRef, useEffect, useCallback, useState, isValidElement } from 'react';
 import { Platform, View, Pressable, Text } from 'react-native';
@@ -299,5 +299,5 @@ var DropdownMenu = Object.assign(DropdownMenuRoot, {
 });
 
 export { DropdownMenu, MenuContent, MenuContextProvider, MenuItem, MenuLabel, MenuSeparator };
-//# sourceMappingURL=chunk-RUWD35UI.js.map
-//# sourceMappingURL=chunk-RUWD35UI.js.map
+//# sourceMappingURL=chunk-MK57AOTI.js.map
+//# sourceMappingURL=chunk-MK57AOTI.js.map

package/dist/{chunk-RUWD35UI.js.map → chunk-MK57AOTI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-RUWD35UI.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { Platform, 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';\nimport { Popover, usePopoverContext } from '../Popover/Popover';\n\n// ---------------------------------------------------------------------------\n// Internal menu context — carries open state + toggle/close for sub-components\n// ---------------------------------------------------------------------------\n\ntype MenuContextValue = {\n    open: boolean;\n    toggle: () => void;\n    close: () => void;\n};\n\nconst MenuContext = createContext<MenuContextValue | null>(null);\n\n/**\n * @internal — provides MenuContext; exported so ContextMenu can reuse it\n * without re-implementing the provider.\n */\nexport const MenuContextProvider = ({\n    open,\n    toggle,\n    close,\n    children,\n}: {\n    open: boolean;\n    /** Optional — DropdownMenu passes it; ContextMenu items only need close. */\n    toggle?: () => void;\n    close: () => void;\n    children: ReactNode;\n}) => <MenuContext.Provider value={{ open, toggle: toggle ?? close, close }}>{children}</MenuContext.Provider>;\n\n/** @internal */\nexport function useMenuContext(caller: string): MenuContextValue {\n    const ctx = useContext(MenuContext);\n    if (!ctx) {\n        throw new Error(`<${caller}> must be rendered inside a <DropdownMenu> or <ContextMenu>.`);\n    }\n    return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Shared menu surface sub-components\n// ---------------------------------------------------------------------------\n\nexport type MenuContentProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    align?: 'start' | 'center' | 'end';\n    'aria-label'?: string;\n};\n\n/**\n * The floating menu surface. Wraps `Popover.Content` and applies\n * `role=\"menu\"` so assistive tech announces the list of items.\n *\n * Web keyboard navigation:\n *  - ArrowDown / ArrowUp — cycle focus between enabled items.\n *  - Home / End — jump to first / last enabled item.\n *  - Escape — closes the menu (handled by Popover.Content already).\n *  - Enter / Space — activates the focused item.\n */\nexport const MenuContent = ({\n    children,\n    className,\n    testID,\n    side = 'bottom',\n    align = 'start',\n    'aria-label': ariaLabel,\n}: MenuContentProps) => {\n    const colors = useThemeColors();\n    const containerRef = useRef<View | null>(null);\n\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        const container = containerRef.current as unknown as HTMLElement | null;\n        if (!container) {\n            return;\n        }\n\n        const getItems = (): HTMLElement[] =>\n            Array.from(container.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])'));\n\n        const onKeyDown = (e: KeyboardEvent) => {\n            const items = getItems();\n            if (items.length === 0) {\n                return;\n            }\n            const focused = document.activeElement as HTMLElement | null;\n            const idx = focused ? items.indexOf(focused) : -1;\n\n            switch (e.key) {\n                case 'ArrowDown':\n                    e.preventDefault();\n                    items[idx < items.length - 1 ? idx + 1 : 0]?.focus();\n                    break;\n                case 'ArrowUp':\n                    e.preventDefault();\n                    items[idx > 0 ? idx - 1 : items.length - 1]?.focus();\n                    break;\n                case 'Home':\n                    e.preventDefault();\n                    items[0]?.focus();\n                    break;\n                case 'End':\n                    e.preventDefault();\n                    items[items.length - 1]?.focus();\n                    break;\n                default:\n                    break;\n            }\n        };\n\n        container.addEventListener('keydown', onKeyDown);\n        return () => container.removeEventListener('keydown', onKeyDown);\n    });\n\n    return (\n        <Popover.Content\n            side={side}\n            align={align}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            <View\n                ref={containerRef}\n                {...({\n                    role: 'menu',\n                    ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}),\n                } as Record<string, unknown>)}\n                style={{\n                    minWidth: 160,\n                    paddingVertical: px(colors.spacing['1']),\n                    margin: -px(colors.spacing['4']),\n                    borderRadius: px(colors.radius.lg),\n                    overflow: 'hidden',\n                }}\n            >\n                {children}\n            </View>\n        </Popover.Content>\n    );\n};\nMenuContent.displayName = 'MenuContent';\n\n// ---- MenuItem --------------------------------------------------------------\n\nexport type MenuItemProps = {\n    /** Fired when the item is selected. Also closes the menu. */\n    onSelect?: () => void;\n    /** Prevents interaction and dims the item visually. */\n    disabled?: boolean;\n    /** Renders the item in a danger/destructive tone. */\n    destructive?: boolean;\n    /** Leading icon node. */\n    icon?: ReactNode;\n    /**\n     * Keyboard shortcut hint shown on the trailing edge.\n     * Purely presentational — web only, no function key binding.\n     */\n    shortcut?: string;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport const MenuItem = ({\n    onSelect,\n    disabled = false,\n    destructive = false,\n    icon,\n    shortcut,\n    children,\n    className,\n    testID,\n}: MenuItemProps) => {\n    const colors = useThemeColors();\n    const menu = useMenuContext('MenuItem');\n\n    const handlePress = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        onSelect?.();\n        menu.close();\n    }, [disabled, onSelect, menu]);\n\n    const textColor = destructive\n        ? colors.color.danger\n        : disabled\n          ? colors.semantic.text.muted\n          : colors.semantic.text.default;\n\n    return (\n        <Pressable\n            onPress={handlePress}\n            disabled={disabled}\n            {...({\n                role: 'menuitem',\n                'aria-disabled': disabled ? 'true' : undefined,\n                tabIndex: disabled ? -1 : 0,\n                onKeyDown: (e: KeyboardEvent) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handlePress();\n                    }\n                },\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('flex-row items-center gap-2 px-3 py-2', className)}\n            style={{ opacity: disabled ? 0.4 : 1 }}\n            accessibilityRole=\"menuitem\"\n            accessibilityState={{ disabled }}\n        >\n            {icon !== undefined && (\n                <View style={{ width: 16, height: 16, alignItems: 'center', justifyContent: 'center' }}>{icon}</View>\n            )}\n            <RNText\n                style={{\n                    flex: 1,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.sm),\n                    color: textColor,\n                }}\n            >\n                {children}\n            </RNText>\n            {shortcut !== undefined && Platform.OS === 'web' && (\n                <RNText\n                    {...({ 'aria-hidden': 'true' } as Record<string, unknown>)}\n                    style={{\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.xs),\n                        color: colors.semantic.text.muted,\n                    }}\n                >\n                    {shortcut}\n                </RNText>\n            )}\n        </Pressable>\n    );\n};\nMenuItem.displayName = 'MenuItem';\n\n// ---- MenuSeparator ---------------------------------------------------------\n\nexport type MenuSeparatorProps = {\n    className?: string;\n    testID?: string;\n};\n\nexport const MenuSeparator = ({ className, testID }: MenuSeparatorProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...({ role: 'separator' } as Record<string, unknown>)}\n            accessibilityRole=\"none\"\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('mx-1 my-1', className)}\n            style={{\n                height: 1,\n                marginVertical: 4,\n                marginHorizontal: 4,\n                backgroundColor: colors.semantic.border.default,\n            }}\n        />\n    );\n};\nMenuSeparator.displayName = 'MenuSeparator';\n\n// ---- MenuLabel -------------------------------------------------------------\n\nexport type MenuLabelProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport const MenuLabel = ({ children, className, testID }: MenuLabelProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...({ role: 'presentation' } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('px-3 pt-2 pb-1', className)}\n        >\n            <RNText\n                style={{\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.xs),\n                    color: colors.semantic.text.muted,\n                    textTransform: 'uppercase',\n                    letterSpacing: 0.6,\n                    fontWeight: '600',\n                }}\n            >\n                {children}\n            </RNText>\n        </View>\n    );\n};\nMenuLabel.displayName = 'MenuLabel';\n\n// ---------------------------------------------------------------------------\n// DropdownMenu root\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Initial open state (uncontrolled). @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires with the new open state. */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n};\n\n/**\n * Click-triggered dropdown menu.\n *\n * Compound parts:\n * - `DropdownMenu.Trigger` — wraps any element; click opens the menu.\n * - `DropdownMenu.Content` — the floating menu surface.\n * - `DropdownMenu.Item` — interactive menu item.\n * - `DropdownMenu.Separator` — visual divider.\n * - `DropdownMenu.Label` — non-interactive section heading.\n *\n * ```tsx\n * <DropdownMenu>\n *   <DropdownMenu.Trigger>\n *     <Button>Options</Button>\n *   </DropdownMenu.Trigger>\n *   <DropdownMenu.Content>\n *     <DropdownMenu.Item onSelect={() => console.log('edit')}>Edit</DropdownMenu.Item>\n *     <DropdownMenu.Separator />\n *     <DropdownMenu.Item destructive onSelect={() => console.log('delete')}>Delete</DropdownMenu.Item>\n *   </DropdownMenu.Content>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenuRoot = ({ open, defaultOpen = false, onOpenChange, children }: DropdownMenuProps) => {\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 toggle = useCallback(() => setOpen(!current), [setOpen, current]);\n    const close = useCallback(() => setOpen(false), [setOpen]);\n\n    return (\n        <MenuContextProvider open={current} toggle={toggle} close={close}>\n            <Popover open={current} onOpenChange={setOpen}>\n                {children}\n            </Popover>\n        </MenuContextProvider>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// DropdownMenu.Trigger\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuTriggerProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Element that toggles the dropdown menu on click/press. Uses asChild by\n * default — the wrapped child becomes the trigger. Gets `aria-haspopup=\"menu\"`\n * and `aria-expanded`.\n *\n * Internally uses the Popover context to measure the trigger rect (needed for\n * positioning) and set the triggerRef — same as PopoverTrigger, but with\n * `aria-haspopup=\"menu\"` instead of `\"dialog\"`.\n */\nconst DropdownMenuTrigger = ({ children, className, testID }: DropdownMenuTriggerProps) => {\n    const menu = useMenuContext('DropdownMenu.Trigger');\n    const popover = usePopoverContext('DropdownMenu.Trigger');\n\n    const onPress = useCallback(() => {\n        popover.measureTrigger();\n        popover.setOpen(!popover.open);\n    }, [popover]);\n\n    if (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            popover.measureTrigger();\n            popover.setOpen(!popover.open);\n        };\n\n        return (\n            <Slot\n                ref={(node: HTMLElement | null) => {\n                    popover.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                {...({\n                    'aria-haspopup': 'menu',\n                    'aria-expanded': menu.open,\n                    'aria-controls': popover.contentId,\n                } as Record<string, unknown>)}\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                popover.triggerRef.current = node as unknown as HTMLElement | null;\n            }}\n            onPress={onPress}\n            {...({\n                'aria-haspopup': 'menu',\n                'aria-expanded': menu.open,\n                'aria-controls': popover.contentId,\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {typeof children === 'string' || typeof children === 'number' ? <RNText>{children}</RNText> : children}\n        </Pressable>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// DropdownMenu.Content\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuContentProps = MenuContentProps;\n\nconst DropdownMenuContent = (props: DropdownMenuContentProps) => <MenuContent {...props} />;\n\n// ---------------------------------------------------------------------------\n// Public compound export\n// ---------------------------------------------------------------------------\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n    Trigger: DropdownMenuTrigger,\n    Content: DropdownMenuContent,\n    Item: MenuItem,\n    Separator: MenuSeparator,\n    Label: MenuLabel,\n});\n"]}
+{"version":3,"sources":["../src/components/DropdownMenu/DropdownMenu.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-MK57AOTI.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    isValidElement,\n    type ReactElement,\n    type ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { Platform, 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';\nimport { Popover, usePopoverContext } from '../Popover/Popover';\n\n// ---------------------------------------------------------------------------\n// Internal menu context — carries open state + toggle/close for sub-components\n// ---------------------------------------------------------------------------\n\ntype MenuContextValue = {\n    open: boolean;\n    toggle: () => void;\n    close: () => void;\n};\n\nconst MenuContext = createContext<MenuContextValue | null>(null);\n\n/**\n * @internal — provides MenuContext; exported so ContextMenu can reuse it\n * without re-implementing the provider.\n */\nexport const MenuContextProvider = ({\n    open,\n    toggle,\n    close,\n    children,\n}: {\n    open: boolean;\n    /** Optional — DropdownMenu passes it; ContextMenu items only need close. */\n    toggle?: () => void;\n    close: () => void;\n    children: ReactNode;\n}) => <MenuContext.Provider value={{ open, toggle: toggle ?? close, close }}>{children}</MenuContext.Provider>;\n\n/** @internal */\nexport function useMenuContext(caller: string): MenuContextValue {\n    const ctx = useContext(MenuContext);\n    if (!ctx) {\n        throw new Error(`<${caller}> must be rendered inside a <DropdownMenu> or <ContextMenu>.`);\n    }\n    return ctx;\n}\n\n// ---------------------------------------------------------------------------\n// Shared menu surface sub-components\n// ---------------------------------------------------------------------------\n\nexport type MenuContentProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n    side?: 'top' | 'right' | 'bottom' | 'left';\n    align?: 'start' | 'center' | 'end';\n    'aria-label'?: string;\n};\n\n/**\n * The floating menu surface. Wraps `Popover.Content` and applies\n * `role=\"menu\"` so assistive tech announces the list of items.\n *\n * Web keyboard navigation:\n *  - ArrowDown / ArrowUp — cycle focus between enabled items.\n *  - Home / End — jump to first / last enabled item.\n *  - Escape — closes the menu (handled by Popover.Content already).\n *  - Enter / Space — activates the focused item.\n */\nexport const MenuContent = ({\n    children,\n    className,\n    testID,\n    side = 'bottom',\n    align = 'start',\n    'aria-label': ariaLabel,\n}: MenuContentProps) => {\n    const colors = useThemeColors();\n    const containerRef = useRef<View | null>(null);\n\n    useEffect(() => {\n        if (Platform.OS !== 'web') {\n            return;\n        }\n        if (typeof document === 'undefined') {\n            return;\n        }\n\n        const container = containerRef.current as unknown as HTMLElement | null;\n        if (!container) {\n            return;\n        }\n\n        const getItems = (): HTMLElement[] =>\n            Array.from(container.querySelectorAll<HTMLElement>('[role=\"menuitem\"]:not([aria-disabled=\"true\"])'));\n\n        const onKeyDown = (e: KeyboardEvent) => {\n            const items = getItems();\n            if (items.length === 0) {\n                return;\n            }\n            const focused = document.activeElement as HTMLElement | null;\n            const idx = focused ? items.indexOf(focused) : -1;\n\n            switch (e.key) {\n                case 'ArrowDown':\n                    e.preventDefault();\n                    items[idx < items.length - 1 ? idx + 1 : 0]?.focus();\n                    break;\n                case 'ArrowUp':\n                    e.preventDefault();\n                    items[idx > 0 ? idx - 1 : items.length - 1]?.focus();\n                    break;\n                case 'Home':\n                    e.preventDefault();\n                    items[0]?.focus();\n                    break;\n                case 'End':\n                    e.preventDefault();\n                    items[items.length - 1]?.focus();\n                    break;\n                default:\n                    break;\n            }\n        };\n\n        container.addEventListener('keydown', onKeyDown);\n        return () => container.removeEventListener('keydown', onKeyDown);\n    });\n\n    return (\n        <Popover.Content\n            side={side}\n            align={align}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            <View\n                ref={containerRef}\n                {...({\n                    role: 'menu',\n                    ...(ariaLabel !== undefined ? { 'aria-label': ariaLabel } : {}),\n                } as Record<string, unknown>)}\n                style={{\n                    minWidth: 160,\n                    paddingVertical: px(colors.spacing['1']),\n                    margin: -px(colors.spacing['4']),\n                    borderRadius: px(colors.radius.lg),\n                    overflow: 'hidden',\n                }}\n            >\n                {children}\n            </View>\n        </Popover.Content>\n    );\n};\nMenuContent.displayName = 'MenuContent';\n\n// ---- MenuItem --------------------------------------------------------------\n\nexport type MenuItemProps = {\n    /** Fired when the item is selected. Also closes the menu. */\n    onSelect?: () => void;\n    /** Prevents interaction and dims the item visually. */\n    disabled?: boolean;\n    /** Renders the item in a danger/destructive tone. */\n    destructive?: boolean;\n    /** Leading icon node. */\n    icon?: ReactNode;\n    /**\n     * Keyboard shortcut hint shown on the trailing edge.\n     * Purely presentational — web only, no function key binding.\n     */\n    shortcut?: string;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport const MenuItem = ({\n    onSelect,\n    disabled = false,\n    destructive = false,\n    icon,\n    shortcut,\n    children,\n    className,\n    testID,\n}: MenuItemProps) => {\n    const colors = useThemeColors();\n    const menu = useMenuContext('MenuItem');\n\n    const handlePress = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        onSelect?.();\n        menu.close();\n    }, [disabled, onSelect, menu]);\n\n    const textColor = destructive\n        ? colors.color.danger\n        : disabled\n          ? colors.semantic.text.muted\n          : colors.semantic.text.default;\n\n    return (\n        <Pressable\n            onPress={handlePress}\n            disabled={disabled}\n            {...({\n                role: 'menuitem',\n                'aria-disabled': disabled ? 'true' : undefined,\n                tabIndex: disabled ? -1 : 0,\n                onKeyDown: (e: KeyboardEvent) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                        e.preventDefault();\n                        handlePress();\n                    }\n                },\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('flex-row items-center gap-2 px-3 py-2', className)}\n            style={{ opacity: disabled ? 0.4 : 1 }}\n            accessibilityRole=\"menuitem\"\n            accessibilityState={{ disabled }}\n        >\n            {icon !== undefined && (\n                <View style={{ width: 16, height: 16, alignItems: 'center', justifyContent: 'center' }}>{icon}</View>\n            )}\n            <RNText\n                style={{\n                    flex: 1,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.sm),\n                    color: textColor,\n                }}\n            >\n                {children}\n            </RNText>\n            {shortcut !== undefined && Platform.OS === 'web' && (\n                <RNText\n                    {...({ 'aria-hidden': 'true' } as Record<string, unknown>)}\n                    style={{\n                        fontFamily: colors.fontFamily.body,\n                        fontSize: px(colors.fontSize.xs),\n                        color: colors.semantic.text.muted,\n                    }}\n                >\n                    {shortcut}\n                </RNText>\n            )}\n        </Pressable>\n    );\n};\nMenuItem.displayName = 'MenuItem';\n\n// ---- MenuSeparator ---------------------------------------------------------\n\nexport type MenuSeparatorProps = {\n    className?: string;\n    testID?: string;\n};\n\nexport const MenuSeparator = ({ className, testID }: MenuSeparatorProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...({ role: 'separator' } as Record<string, unknown>)}\n            accessibilityRole=\"none\"\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('mx-1 my-1', className)}\n            style={{\n                height: 1,\n                marginVertical: 4,\n                marginHorizontal: 4,\n                backgroundColor: colors.semantic.border.default,\n            }}\n        />\n    );\n};\nMenuSeparator.displayName = 'MenuSeparator';\n\n// ---- MenuLabel -------------------------------------------------------------\n\nexport type MenuLabelProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport const MenuLabel = ({ children, className, testID }: MenuLabelProps) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...({ role: 'presentation' } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('px-3 pt-2 pb-1', className)}\n        >\n            <RNText\n                style={{\n                    fontFamily: colors.fontFamily.body,\n                    fontSize: px(colors.fontSize.xs),\n                    color: colors.semantic.text.muted,\n                    textTransform: 'uppercase',\n                    letterSpacing: 0.6,\n                    fontWeight: '600',\n                }}\n            >\n                {children}\n            </RNText>\n        </View>\n    );\n};\nMenuLabel.displayName = 'MenuLabel';\n\n// ---------------------------------------------------------------------------\n// DropdownMenu root\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuProps = {\n    /** Controlled open state. */\n    open?: boolean;\n    /** Initial open state (uncontrolled). @defaultValue false */\n    defaultOpen?: boolean;\n    /** Fires with the new open state. */\n    onOpenChange?: (open: boolean) => void;\n    children?: ReactNode;\n};\n\n/**\n * Click-triggered dropdown menu.\n *\n * Compound parts:\n * - `DropdownMenu.Trigger` — wraps any element; click opens the menu.\n * - `DropdownMenu.Content` — the floating menu surface.\n * - `DropdownMenu.Item` — interactive menu item.\n * - `DropdownMenu.Separator` — visual divider.\n * - `DropdownMenu.Label` — non-interactive section heading.\n *\n * ```tsx\n * <DropdownMenu>\n *   <DropdownMenu.Trigger>\n *     <Button>Options</Button>\n *   </DropdownMenu.Trigger>\n *   <DropdownMenu.Content>\n *     <DropdownMenu.Item onSelect={() => console.log('edit')}>Edit</DropdownMenu.Item>\n *     <DropdownMenu.Separator />\n *     <DropdownMenu.Item destructive onSelect={() => console.log('delete')}>Delete</DropdownMenu.Item>\n *   </DropdownMenu.Content>\n * </DropdownMenu>\n * ```\n */\nconst DropdownMenuRoot = ({ open, defaultOpen = false, onOpenChange, children }: DropdownMenuProps) => {\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 toggle = useCallback(() => setOpen(!current), [setOpen, current]);\n    const close = useCallback(() => setOpen(false), [setOpen]);\n\n    return (\n        <MenuContextProvider open={current} toggle={toggle} close={close}>\n            <Popover open={current} onOpenChange={setOpen}>\n                {children}\n            </Popover>\n        </MenuContextProvider>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// DropdownMenu.Trigger\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuTriggerProps = {\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * Element that toggles the dropdown menu on click/press. Uses asChild by\n * default — the wrapped child becomes the trigger. Gets `aria-haspopup=\"menu\"`\n * and `aria-expanded`.\n *\n * Internally uses the Popover context to measure the trigger rect (needed for\n * positioning) and set the triggerRef — same as PopoverTrigger, but with\n * `aria-haspopup=\"menu\"` instead of `\"dialog\"`.\n */\nconst DropdownMenuTrigger = ({ children, className, testID }: DropdownMenuTriggerProps) => {\n    const menu = useMenuContext('DropdownMenu.Trigger');\n    const popover = usePopoverContext('DropdownMenu.Trigger');\n\n    const onPress = useCallback(() => {\n        popover.measureTrigger();\n        popover.setOpen(!popover.open);\n    }, [popover]);\n\n    if (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            popover.measureTrigger();\n            popover.setOpen(!popover.open);\n        };\n\n        return (\n            <Slot\n                ref={(node: HTMLElement | null) => {\n                    popover.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                {...({\n                    'aria-haspopup': 'menu',\n                    'aria-expanded': menu.open,\n                    'aria-controls': popover.contentId,\n                } as Record<string, unknown>)}\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                popover.triggerRef.current = node as unknown as HTMLElement | null;\n            }}\n            onPress={onPress}\n            {...({\n                'aria-haspopup': 'menu',\n                'aria-expanded': menu.open,\n                'aria-controls': popover.contentId,\n            } as Record<string, unknown>)}\n            {...(testID !== undefined ? { testID } : {})}\n            {...(className !== undefined ? { className } : {})}\n        >\n            {typeof children === 'string' || typeof children === 'number' ? <RNText>{children}</RNText> : children}\n        </Pressable>\n    );\n};\n\n// ---------------------------------------------------------------------------\n// DropdownMenu.Content\n// ---------------------------------------------------------------------------\n\nexport type DropdownMenuContentProps = MenuContentProps;\n\nconst DropdownMenuContent = (props: DropdownMenuContentProps) => <MenuContent {...props} />;\n\n// ---------------------------------------------------------------------------\n// Public compound export\n// ---------------------------------------------------------------------------\n\nexport const DropdownMenu = Object.assign(DropdownMenuRoot, {\n    Trigger: DropdownMenuTrigger,\n    Content: DropdownMenuContent,\n    Item: MenuItem,\n    Separator: MenuSeparator,\n    Label: MenuLabel,\n});\n"]}

package/dist/{chunk-3BDDPFCI.js → chunk-MOAIQHR7.js}

@@ -1,6 +1,6 @@
 import { px } from './chunk-5A2QOOVN.js';
-import { cn } from './chunk-CHXHRJNZ.js';
 import { useThemeColors, useColorScheme } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { View, Text } from 'react-native';
 import { jsx } from 'nativewind/jsx-runtime';
@@ -104,5 +104,5 @@ var Badge = /* @__PURE__ */ __name(({ tone = "neutral", appearance = "soft", chi
 }, "Badge");
 
 export { Badge };
-//# sourceMappingURL=chunk-3BDDPFCI.js.map
-//# sourceMappingURL=chunk-3BDDPFCI.js.map
+//# sourceMappingURL=chunk-MOAIQHR7.js.map
+//# sourceMappingURL=chunk-MOAIQHR7.js.map

package/dist/{chunk-3BDDPFCI.js.map → chunk-MOAIQHR7.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-3BDDPFCI.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { TextStyle, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\nexport type BadgeAppearance = 'solid' | 'outline' | 'soft';\n\nexport type BadgeProps = {\n    /**\n     * Semantic color of the badge.\n     * @defaultValue 'neutral'\n     */\n    tone?: BadgeTone;\n    /**\n     * Visual treatment.\n     *  - `soft` (default) — tinted background with darker tone-colored text. Modern, calm.\n     *  - `solid` — filled tone background, white text. Loud, used sparingly.\n     *  - `outline` — border in tone, transparent background, tone-colored text.\n     * @defaultValue 'soft'\n     */\n    appearance?: BadgeAppearance;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the\n// component so a custom theme reshapes the badge.\nconst BASE_CONTAINER_LAYOUT: ViewStyle = {\n    alignSelf: 'flex-start',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 2, // component-density literal — not from theme (no 2px spacing token)\n    borderWidth: 1,\n    borderColor: 'transparent',\n};\n\n/**\n * Compact pill for status, counts, or labels. Use sparingly — every badge\n * draws the eye, so a row of five is no longer a row of badges.\n *\n * Tone palettes flip with the active color scheme — light mode uses the\n * familiar pastel scale (Tailwind 50/200/800), dark mode uses the deep\n * 950/700/100 scale so a soft success badge reads as a calm tinted chip\n * on either surface, never as a glaring pastel on a dark page.\n */\nexport const Badge = ({ tone = 'neutral', appearance = 'soft', children, className, testID }: BadgeProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const invertedText = colors.semantic.text.inverted;\n\n    let palette: {\n        soft: { bg: string; fg: string };\n        solid: { bg: string; fg: string };\n        outline: { border: string; fg: string };\n    };\n    if (tone === 'neutral') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.neutral['800'], fg: colors.color.neutral['100'] }\n                : { bg: colors.color.neutral['100'], fg: colors.color.neutral['700'] },\n            solid: {\n                bg: isDark ? colors.color.neutral['200'] : colors.color.neutral['700'],\n                fg: isDark ? colors.color.neutral['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.neutral['600'] : colors.color.neutral['300'],\n                fg: isDark ? colors.color.neutral['100'] : colors.color.neutral['700'],\n            },\n        };\n    } else if (tone === 'primary') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.primary['900'], fg: colors.color.primary['200'] }\n                : { bg: colors.color.primary['100'], fg: colors.color.primary['800'] },\n            solid: {\n                bg: isDark ? colors.color.primary['400'] : colors.color.primary['600'],\n                fg: isDark ? colors.color.primary['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.primary['400'] : colors.color.primary['300'],\n                fg: isDark ? colors.color.primary['200'] : colors.color.primary['700'],\n            },\n        };\n    } else if (tone === 'success') {\n        palette = {\n            soft: isDark ? { bg: '#14532d', fg: '#bbf7d0' } : { bg: '#dcfce7', fg: '#166534' },\n            solid: { bg: colors.color.success, fg: invertedText },\n            outline: { border: colors.color.success, fg: isDark ? '#bbf7d0' : '#166534' },\n        };\n    } else if (tone === 'warning') {\n        palette = {\n            soft: isDark ? { bg: '#78350f', fg: '#fde68a' } : { bg: '#fef3c7', fg: '#92400e' },\n            solid: { bg: colors.color.warning, fg: invertedText },\n            outline: { border: colors.color.warning, fg: isDark ? '#fde68a' : '#92400e' },\n        };\n    } else {\n        palette = {\n            soft: isDark ? { bg: '#7f1d1d', fg: '#fecaca' } : { bg: '#fee2e2', fg: '#991b1b' },\n            solid: { bg: colors.color.danger, fg: invertedText },\n            outline: { border: colors.color.danger, fg: isDark ? '#fecaca' : '#991b1b' },\n        };\n    }\n\n    const baseContainer: ViewStyle = {\n        ...BASE_CONTAINER_LAYOUT,\n        gap: px(colors.spacing['1']),\n        paddingHorizontal: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.full),\n    };\n    const containerStyle: ViewStyle = (() => {\n        if (appearance === 'solid') {\n            return { ...baseContainer, backgroundColor: palette.solid.bg };\n        }\n        if (appearance === 'outline') {\n            return { ...baseContainer, backgroundColor: 'transparent', borderColor: palette.outline.border };\n        }\n        return { ...baseContainer, backgroundColor: palette.soft.bg };\n    })();\n    const textColor = (() => {\n        if (appearance === 'solid') {\n            return palette.solid.fg;\n        }\n        if (appearance === 'outline') {\n            return palette.outline.fg;\n        }\n        return palette.soft.fg;\n    })();\n    const baseText: TextStyle = {\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.xs),\n        fontWeight: colors.fontWeight.medium as '500',\n        lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal),\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('inline-flex flex-row items-center gap-1 rounded-full px-2 py-0.5 border', className)}\n            style={containerStyle}\n        >\n            <RNText style={{ ...baseText, color: textColor }}>{children}</RNText>\n        </View>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Badge/Badge.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-MOAIQHR7.js","sourcesContent":["'use client';\n\nimport type { ReactNode } from 'react';\nimport type { TextStyle, ViewStyle } from 'react-native';\nimport { Text as RNText, View } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type BadgeTone = 'neutral' | 'primary' | 'success' | 'warning' | 'danger';\nexport type BadgeAppearance = 'solid' | 'outline' | 'soft';\n\nexport type BadgeProps = {\n    /**\n     * Semantic color of the badge.\n     * @defaultValue 'neutral'\n     */\n    tone?: BadgeTone;\n    /**\n     * Visual treatment.\n     *  - `soft` (default) — tinted background with darker tone-colored text. Modern, calm.\n     *  - `solid` — filled tone background, white text. Loud, used sparingly.\n     *  - `outline` — border in tone, transparent background, tone-colored text.\n     * @defaultValue 'soft'\n     */\n    appearance?: BadgeAppearance;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only base; theme-driven dimensions are merged inside the\n// component so a custom theme reshapes the badge.\nconst BASE_CONTAINER_LAYOUT: ViewStyle = {\n    alignSelf: 'flex-start',\n    flexDirection: 'row',\n    alignItems: 'center',\n    paddingVertical: 2, // component-density literal — not from theme (no 2px spacing token)\n    borderWidth: 1,\n    borderColor: 'transparent',\n};\n\n/**\n * Compact pill for status, counts, or labels. Use sparingly — every badge\n * draws the eye, so a row of five is no longer a row of badges.\n *\n * Tone palettes flip with the active color scheme — light mode uses the\n * familiar pastel scale (Tailwind 50/200/800), dark mode uses the deep\n * 950/700/100 scale so a soft success badge reads as a calm tinted chip\n * on either surface, never as a glaring pastel on a dark page.\n */\nexport const Badge = ({ tone = 'neutral', appearance = 'soft', children, className, testID }: BadgeProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const invertedText = colors.semantic.text.inverted;\n\n    let palette: {\n        soft: { bg: string; fg: string };\n        solid: { bg: string; fg: string };\n        outline: { border: string; fg: string };\n    };\n    if (tone === 'neutral') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.neutral['800'], fg: colors.color.neutral['100'] }\n                : { bg: colors.color.neutral['100'], fg: colors.color.neutral['700'] },\n            solid: {\n                bg: isDark ? colors.color.neutral['200'] : colors.color.neutral['700'],\n                fg: isDark ? colors.color.neutral['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.neutral['600'] : colors.color.neutral['300'],\n                fg: isDark ? colors.color.neutral['100'] : colors.color.neutral['700'],\n            },\n        };\n    } else if (tone === 'primary') {\n        palette = {\n            soft: isDark\n                ? { bg: colors.color.primary['900'], fg: colors.color.primary['200'] }\n                : { bg: colors.color.primary['100'], fg: colors.color.primary['800'] },\n            solid: {\n                bg: isDark ? colors.color.primary['400'] : colors.color.primary['600'],\n                fg: isDark ? colors.color.primary['900'] : invertedText,\n            },\n            outline: {\n                border: isDark ? colors.color.primary['400'] : colors.color.primary['300'],\n                fg: isDark ? colors.color.primary['200'] : colors.color.primary['700'],\n            },\n        };\n    } else if (tone === 'success') {\n        palette = {\n            soft: isDark ? { bg: '#14532d', fg: '#bbf7d0' } : { bg: '#dcfce7', fg: '#166534' },\n            solid: { bg: colors.color.success, fg: invertedText },\n            outline: { border: colors.color.success, fg: isDark ? '#bbf7d0' : '#166534' },\n        };\n    } else if (tone === 'warning') {\n        palette = {\n            soft: isDark ? { bg: '#78350f', fg: '#fde68a' } : { bg: '#fef3c7', fg: '#92400e' },\n            solid: { bg: colors.color.warning, fg: invertedText },\n            outline: { border: colors.color.warning, fg: isDark ? '#fde68a' : '#92400e' },\n        };\n    } else {\n        palette = {\n            soft: isDark ? { bg: '#7f1d1d', fg: '#fecaca' } : { bg: '#fee2e2', fg: '#991b1b' },\n            solid: { bg: colors.color.danger, fg: invertedText },\n            outline: { border: colors.color.danger, fg: isDark ? '#fecaca' : '#991b1b' },\n        };\n    }\n\n    const baseContainer: ViewStyle = {\n        ...BASE_CONTAINER_LAYOUT,\n        gap: px(colors.spacing['1']),\n        paddingHorizontal: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.full),\n    };\n    const containerStyle: ViewStyle = (() => {\n        if (appearance === 'solid') {\n            return { ...baseContainer, backgroundColor: palette.solid.bg };\n        }\n        if (appearance === 'outline') {\n            return { ...baseContainer, backgroundColor: 'transparent', borderColor: palette.outline.border };\n        }\n        return { ...baseContainer, backgroundColor: palette.soft.bg };\n    })();\n    const textColor = (() => {\n        if (appearance === 'solid') {\n            return palette.solid.fg;\n        }\n        if (appearance === 'outline') {\n            return palette.outline.fg;\n        }\n        return palette.soft.fg;\n    })();\n    const baseText: TextStyle = {\n        fontFamily: colors.fontFamily.body,\n        fontSize: px(colors.fontSize.xs),\n        fontWeight: colors.fontWeight.medium as '500',\n        lineHeight: px(colors.fontSize.xs) * Number(colors.lineHeight.normal),\n    };\n    return (\n        <View\n            {...(testID !== undefined ? { testID } : {})}\n            className={cn('inline-flex flex-row items-center gap-1 rounded-full px-2 py-0.5 border', className)}\n            style={containerStyle}\n        >\n            <RNText style={{ ...baseText, color: textColor }}>{children}</RNText>\n        </View>\n    );\n};\n"]}

package/dist/{chunk-5XEGZFG5.js → chunk-MYBBBLYE.js}

@@ -1,8 +1,8 @@
 import { Spinner } from './chunk-ACLHDHX3.js';
 import { Slot } from './chunk-ZIBNLXIV.js';
 import { px } from './chunk-5A2QOOVN.js';
-import { cn } from './chunk-CHXHRJNZ.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { useState, useCallback } from 'react';
 import { Pressable, Text } from 'react-native';
@@ -204,5 +204,5 @@ var Button = /* @__PURE__ */ __name(({
 }, "Button");
 
 export { Button };
-//# sourceMappingURL=chunk-5XEGZFG5.js.map
-//# sourceMappingURL=chunk-5XEGZFG5.js.map
+//# sourceMappingURL=chunk-MYBBBLYE.js.map
+//# sourceMappingURL=chunk-MYBBBLYE.js.map

package/dist/{chunk-5XEGZFG5.js.map → chunk-MYBBBLYE.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-5XEGZFG5.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport type { ComponentType, ReactNode, Ref } from 'react';\nimport { useCallback, useState } from 'react';\nimport type { PressableProps, StyleProp, View, ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText } from 'react-native';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\ntype IconSlot = ComponentType<{ size?: number; color?: string }>;\n\nexport type ButtonProps = Omit<PressableProps, 'disabled' | 'children'> & {\n    children?: ReactNode;\n    variant?: ButtonVariant;\n    size?: ButtonSize;\n    disabled?: boolean;\n    loading?: boolean;\n    leadingIcon?: IconSlot;\n    trailingIcon?: IconSlot;\n    /** If true, the single child becomes the interactive element (Slot pattern). */\n    asChild?: boolean;\n    className?: string;\n    testID?: string;\n    ref?: Ref<View>;\n};\n\n// NativeWind classes — the `dark:` variants flip colors when <html> carries\n// the `dark` class (or `data-theme=\"dark\"`); see the tokens Tailwind preset.\n//\n// These act as the no-NativeWind fallback (e.g. raw JSX in Expo Snack\n// without a compile step) and the dark-mode bridge. The dimensional\n// utilities (`rounded-md`, `h-10`, `px-4`, `gap-2`, `text-*`) are kept\n// because the inline `style` array always overrides them — so when a\n// `<ThemeProvider>` widens spacing/radius/fontSize, the inline values\n// win on CSS specificity and the Tailwind class is harmless.\nconst VARIANT_CLASSES: Record<ButtonVariant, string> = {\n    primary:\n        'bg-semantic-interactive-primary hover:bg-semantic-interactive-primaryHover active:bg-semantic-interactive-primaryPressed',\n    secondary:\n        'bg-neutral-100 hover:bg-neutral-200 active:bg-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\n    ghost: 'bg-transparent hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700',\n    destructive: 'bg-semantic-interactive-destructive hover:opacity-90 active:opacity-80',\n};\n\nconst SIZE_CLASSES: Record<ButtonSize, string> = {\n    sm: 'h-8 px-3 text-sm',\n    md: 'h-10 px-4 text-md',\n    lg: 'h-12 px-5 text-lg',\n};\n\nconst ICON_SIZE: Record<ButtonSize, number> = { sm: 14, md: 16, lg: 20 };\n\nconst BASE_CLASSES = 'inline-flex flex-row items-center justify-center gap-2 rounded-md select-none';\n\n// Heights are intentionally hardcoded — they're tightly coupled to the\n// button's overall density (a 48px target on lg, 32px on sm). Padding and\n// fontSize are pulled from the active theme so a custom theme that scales\n// the spacing/fontSize ramps also scales the button. If you want a\n// genuinely smaller / taller button, override `theme.spacing` /\n// `theme.fontSize` rather than reach for new size literals here.\nconst HEIGHT_BY_SIZE: Record<ButtonSize, number> = {\n    sm: 32,\n    md: 40,\n    lg: 48,\n};\ntype SizeKeys = { padX: keyof Theme['spacing']; font: keyof Theme['fontSize'] };\nconst SIZE_KEYS: Record<ButtonSize, SizeKeys> = {\n    sm: { padX: '3', font: 'sm' },\n    md: { padX: '4', font: 'md' },\n    lg: { padX: '5', font: 'lg' },\n};\n\n// gap and borderRadius come from the theme inside the component.\nconst BASE_STYLE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\nexport const Button = ({\n    children,\n    variant = 'primary',\n    size = 'md',\n    disabled,\n    loading,\n    leadingIcon: LeadingIcon,\n    trailingIcon: TrailingIcon,\n    asChild,\n    className,\n    onPress,\n    testID,\n    style,\n    ref,\n    ...rest\n}: ButtonProps) => {\n    const colors = useThemeColors();\n    const isInoperative = Boolean(disabled) || Boolean(loading);\n    // rn-web's `Pressable` does not reliably apply a `style` callback's\n    // returned values to the rendered DOM (the static portions get\n    // dropped). We track hover/press via state and pass `style` as a\n    // plain array — that path produces an inline `style=\"…\"` attribute\n    // on the button, which beats the dimensional Tailwind utilities on\n    // CSS specificity and lets a custom `<ThemeProvider>` flow padding,\n    // radius, fontSize, fontFamily, and fontWeight all the way through.\n    const [hovered, setHovered] = useState(false);\n    const [pressed, setPressed] = useState(false);\n    const handleHoverIn = useCallback(() => setHovered(true), []);\n    const handleHoverOut = useCallback(() => {\n        setHovered(false);\n        setPressed(false);\n    }, []);\n    const handlePressIn = useCallback(() => setPressed(true), []);\n    const handlePressOut = useCallback(() => setPressed(false), []);\n    // When disabled, drop the variant's hover/active class fragments and\n    // append `pointer-events-none cursor-not-allowed` so the className\n    // path matches the inline-style path: no hover tint, no press tint,\n    // and the cursor signals the control is inert. We still keep the\n    // base variant bg class so the resting color is right.\n    const variantClasses = isInoperative\n        ? VARIANT_CLASSES[variant]\n              .split(' ')\n              .filter((cls) => !cls.startsWith('hover:') && !cls.startsWith('active:'))\n              .join(' ')\n        : VARIANT_CLASSES[variant];\n    const classes = cn(\n        BASE_CLASSES,\n        variantClasses,\n        SIZE_CLASSES[size],\n        isInoperative ? 'opacity-60 pointer-events-none cursor-not-allowed' : undefined,\n        className\n    );\n\n    // Inline-style palette per (variant × interaction state). The hook is the\n    // source of truth — dark mode and theme overrides flow through it.\n    //\n    // Why inline (not className): a class-based `:hover { background-color }`\n    // can never beat an inline `style={{ backgroundColor }}` — inline wins\n    // by CSS specificity. So if we want hover to actually flip the surface\n    // color, hover has to be applied inline too. We use Pressable's `style`\n    // callback (`{ hovered, pressed }`) which on web is wired up by\n    // react-native-web and on native exposes only `pressed`. The className\n    // path keeps the same Tailwind variants for the no-NativeWind fallback\n    // case (Expo Snack rendering raw JSX without compilation).\n    const variantStateColors: Record<ButtonVariant, { rest: string; hover: string; pressed: string }> = {\n        primary: {\n            rest: colors.semantic.interactive.primary,\n            hover: colors.semantic.interactive.primaryHover,\n            pressed: colors.semantic.interactive.primaryPressed,\n        },\n        secondary: {\n            rest: colors.semantic.background.subtle,\n            // hover / pressed must be theme-aware. The previous version\n            // pulled directly from `color.neutral.{200,300}`, which are\n            // raw tokens that DON'T flip per scheme — in dark mode the\n            // hovered state ended up light-gray on dark, ruining contrast.\n            // `border.default` / `border.strong` invert correctly: in\n            // light they read as light-gray washes (next step from\n            // `background.subtle`); in dark they read as the darker grays\n            // expected for hover/pressed on a dark surface.\n            hover: colors.semantic.border.default,\n            pressed: colors.semantic.border.strong,\n        },\n        ghost: {\n            rest: 'transparent',\n            hover: colors.semantic.background.subtle,\n            pressed: colors.semantic.border.default,\n        },\n        destructive: {\n            rest: colors.semantic.interactive.destructive,\n            // No darker tone token for destructive yet — fall back to a 90% /\n            // 80% opacity wash by mixing through rgba. Matches the className\n            // hover:opacity-90 / active:opacity-80 fallback.\n            hover: colors.semantic.interactive.destructive,\n            pressed: colors.semantic.interactive.destructive,\n        },\n    };\n    const variantTextColor: Record<ButtonVariant, string> = {\n        primary: colors.semantic.text.inverted,\n        secondary: colors.semantic.text.default,\n        ghost: colors.semantic.text.default,\n        destructive: colors.semantic.text.inverted,\n    };\n\n    const stateColors = variantStateColors[variant];\n    // When disabled (or loading), force the rest state — disabled means\n    // disabled. The control should NOT visually respond to hover/press,\n    // even though the OS still fires those events. Pressable also gets\n    // `disabled={true}` on the Pressable below which blocks onPress, but\n    // the visual treatment is owned here.\n    const stateBg = isInoperative\n        ? stateColors.rest\n        : pressed\n          ? stateColors.pressed\n          : hovered\n            ? stateColors.hover\n            : stateColors.rest;\n    // Destructive uses opacity dim instead of a separate color (matches\n    // existing className behavior; keeps the red recognisable on press).\n    // Same disabled rule as bg: hover/press dim is suppressed when\n    // disabled — the static 0.6 opacity below handles the disabled look.\n    const stateInteractionOpacity = isInoperative || variant !== 'destructive' ? 1 : pressed ? 0.8 : hovered ? 0.9 : 1;\n\n    // Resolve all dimensional + typographic values from the active theme\n    // so a custom theme that scales spacing / fontSize / radius / fontWeight\n    // also reshapes every Button on the page.\n    const sizeKeys = SIZE_KEYS[size];\n    const sizeContainer: ViewStyle = {\n        height: HEIGHT_BY_SIZE[size],\n        paddingHorizontal: px(colors.spacing[sizeKeys.padX]),\n        gap: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.md),\n    };\n    const sizeFontSize = px(colors.fontSize[sizeKeys.font]);\n\n    const inlineBase: ViewStyle[] = [\n        BASE_STYLE,\n        { backgroundColor: stateBg },\n        sizeContainer,\n        { opacity: isInoperative ? 0.6 : stateInteractionOpacity },\n    ];\n    // Resolve the consumer's `style` against the same hover/press state\n    // we just computed — this preserves the historical contract where a\n    // callback `style` receives the live interaction flags. The RN\n    // upstream type only declares `pressed`; rn-web also passes\n    // `hovered`. Cast through `unknown` to ship both without a type\n    // assertion battle.\n    const consumerStyle: StyleProp<ViewStyle> =\n        typeof style === 'function' ? style({ pressed, ...({ hovered } as Record<string, unknown>) } as never) : style;\n    const pressableStyle: StyleProp<ViewStyle> = [...inlineBase, consumerStyle];\n    const slotStyle: StyleProp<ViewStyle> = [...inlineBase, consumerStyle];\n\n    const textColor = variantTextColor[variant];\n    const textStyle = {\n        color: textColor,\n        fontFamily: colors.fontFamily.body,\n        fontSize: sizeFontSize,\n        fontWeight: colors.fontWeight.medium as '500',\n    };\n\n    const handlePress: NonNullable<PressableProps['onPress']> = (ev) => {\n        if (isInoperative) {\n            return;\n        }\n        onPress?.(ev);\n    };\n\n    if (asChild) {\n        const slotProps: Record<string, unknown> = {\n            ref,\n            className: classes,\n            style: slotStyle,\n            onClick: handlePress as unknown as (...args: unknown[]) => unknown,\n            ...rest,\n        };\n        if (isInoperative) {\n            slotProps['aria-disabled'] = true;\n        }\n        if (loading) {\n            slotProps['aria-busy'] = true;\n        }\n        if (testID !== undefined) {\n            slotProps['data-testid'] = testID;\n        }\n        return <Slot {...slotProps}>{children}</Slot>;\n    }\n\n    const pressableExtra: Record<string, unknown> = {};\n    if (isInoperative) {\n        pressableExtra['aria-disabled'] = true;\n    }\n    if (loading) {\n        pressableExtra['aria-busy'] = true;\n    }\n\n    return (\n        <Pressable\n            ref={ref}\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"button\"\n            accessibilityRole=\"button\"\n            accessibilityState={{ disabled: isInoperative, busy: Boolean(loading) }}\n            disabled={isInoperative}\n            onPress={handlePress}\n            onHoverIn={handleHoverIn}\n            onHoverOut={handleHoverOut}\n            onPressIn={handlePressIn}\n            onPressOut={handlePressOut}\n            className={classes}\n            style={pressableStyle}\n            {...pressableExtra}\n            {...rest}\n        >\n            {loading ? (\n                <Spinner size={ICON_SIZE[size]} label=\"Loading\" color={textColor} />\n            ) : LeadingIcon ? (\n                <LeadingIcon size={ICON_SIZE[size]} color={textColor} />\n            ) : null}\n            <RNText\n                className={cn('font-medium', SIZE_CLASSES[size].includes('text-') ? undefined : 'text-md')}\n                style={textStyle}\n            >\n                {children}\n            </RNText>\n            {TrailingIcon ? <TrailingIcon size={ICON_SIZE[size]} color={textColor} /> : null}\n        </Pressable>\n    );\n};\n"]}
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-MYBBBLYE.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\nimport type { ComponentType, ReactNode, Ref } from 'react';\nimport { useCallback, useState } from 'react';\nimport type { PressableProps, StyleProp, View, ViewStyle } from 'react-native';\nimport { Pressable, Text as RNText } from 'react-native';\nimport { Slot } from '../../slot';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\nimport { Spinner } from '../Spinner';\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'destructive';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\n\ntype IconSlot = ComponentType<{ size?: number; color?: string }>;\n\nexport type ButtonProps = Omit<PressableProps, 'disabled' | 'children'> & {\n    children?: ReactNode;\n    variant?: ButtonVariant;\n    size?: ButtonSize;\n    disabled?: boolean;\n    loading?: boolean;\n    leadingIcon?: IconSlot;\n    trailingIcon?: IconSlot;\n    /** If true, the single child becomes the interactive element (Slot pattern). */\n    asChild?: boolean;\n    className?: string;\n    testID?: string;\n    ref?: Ref<View>;\n};\n\n// NativeWind classes — the `dark:` variants flip colors when <html> carries\n// the `dark` class (or `data-theme=\"dark\"`); see the tokens Tailwind preset.\n//\n// These act as the no-NativeWind fallback (e.g. raw JSX in Expo Snack\n// without a compile step) and the dark-mode bridge. The dimensional\n// utilities (`rounded-md`, `h-10`, `px-4`, `gap-2`, `text-*`) are kept\n// because the inline `style` array always overrides them — so when a\n// `<ThemeProvider>` widens spacing/radius/fontSize, the inline values\n// win on CSS specificity and the Tailwind class is harmless.\nconst VARIANT_CLASSES: Record<ButtonVariant, string> = {\n    primary:\n        'bg-semantic-interactive-primary hover:bg-semantic-interactive-primaryHover active:bg-semantic-interactive-primaryPressed',\n    secondary:\n        'bg-neutral-100 hover:bg-neutral-200 active:bg-neutral-300 dark:bg-neutral-800 dark:hover:bg-neutral-700 dark:active:bg-neutral-600',\n    ghost: 'bg-transparent hover:bg-neutral-100 active:bg-neutral-200 dark:hover:bg-neutral-800 dark:active:bg-neutral-700',\n    destructive: 'bg-semantic-interactive-destructive hover:opacity-90 active:opacity-80',\n};\n\nconst SIZE_CLASSES: Record<ButtonSize, string> = {\n    sm: 'h-8 px-3 text-sm',\n    md: 'h-10 px-4 text-md',\n    lg: 'h-12 px-5 text-lg',\n};\n\nconst ICON_SIZE: Record<ButtonSize, number> = { sm: 14, md: 16, lg: 20 };\n\nconst BASE_CLASSES = 'inline-flex flex-row items-center justify-center gap-2 rounded-md select-none';\n\n// Heights are intentionally hardcoded — they're tightly coupled to the\n// button's overall density (a 48px target on lg, 32px on sm). Padding and\n// fontSize are pulled from the active theme so a custom theme that scales\n// the spacing/fontSize ramps also scales the button. If you want a\n// genuinely smaller / taller button, override `theme.spacing` /\n// `theme.fontSize` rather than reach for new size literals here.\nconst HEIGHT_BY_SIZE: Record<ButtonSize, number> = {\n    sm: 32,\n    md: 40,\n    lg: 48,\n};\ntype SizeKeys = { padX: keyof Theme['spacing']; font: keyof Theme['fontSize'] };\nconst SIZE_KEYS: Record<ButtonSize, SizeKeys> = {\n    sm: { padX: '3', font: 'sm' },\n    md: { padX: '4', font: 'md' },\n    lg: { padX: '5', font: 'lg' },\n};\n\n// gap and borderRadius come from the theme inside the component.\nconst BASE_STYLE: ViewStyle = {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n};\n\nexport const Button = ({\n    children,\n    variant = 'primary',\n    size = 'md',\n    disabled,\n    loading,\n    leadingIcon: LeadingIcon,\n    trailingIcon: TrailingIcon,\n    asChild,\n    className,\n    onPress,\n    testID,\n    style,\n    ref,\n    ...rest\n}: ButtonProps) => {\n    const colors = useThemeColors();\n    const isInoperative = Boolean(disabled) || Boolean(loading);\n    // rn-web's `Pressable` does not reliably apply a `style` callback's\n    // returned values to the rendered DOM (the static portions get\n    // dropped). We track hover/press via state and pass `style` as a\n    // plain array — that path produces an inline `style=\"…\"` attribute\n    // on the button, which beats the dimensional Tailwind utilities on\n    // CSS specificity and lets a custom `<ThemeProvider>` flow padding,\n    // radius, fontSize, fontFamily, and fontWeight all the way through.\n    const [hovered, setHovered] = useState(false);\n    const [pressed, setPressed] = useState(false);\n    const handleHoverIn = useCallback(() => setHovered(true), []);\n    const handleHoverOut = useCallback(() => {\n        setHovered(false);\n        setPressed(false);\n    }, []);\n    const handlePressIn = useCallback(() => setPressed(true), []);\n    const handlePressOut = useCallback(() => setPressed(false), []);\n    // When disabled, drop the variant's hover/active class fragments and\n    // append `pointer-events-none cursor-not-allowed` so the className\n    // path matches the inline-style path: no hover tint, no press tint,\n    // and the cursor signals the control is inert. We still keep the\n    // base variant bg class so the resting color is right.\n    const variantClasses = isInoperative\n        ? VARIANT_CLASSES[variant]\n              .split(' ')\n              .filter((cls) => !cls.startsWith('hover:') && !cls.startsWith('active:'))\n              .join(' ')\n        : VARIANT_CLASSES[variant];\n    const classes = cn(\n        BASE_CLASSES,\n        variantClasses,\n        SIZE_CLASSES[size],\n        isInoperative ? 'opacity-60 pointer-events-none cursor-not-allowed' : undefined,\n        className\n    );\n\n    // Inline-style palette per (variant × interaction state). The hook is the\n    // source of truth — dark mode and theme overrides flow through it.\n    //\n    // Why inline (not className): a class-based `:hover { background-color }`\n    // can never beat an inline `style={{ backgroundColor }}` — inline wins\n    // by CSS specificity. So if we want hover to actually flip the surface\n    // color, hover has to be applied inline too. We use Pressable's `style`\n    // callback (`{ hovered, pressed }`) which on web is wired up by\n    // react-native-web and on native exposes only `pressed`. The className\n    // path keeps the same Tailwind variants for the no-NativeWind fallback\n    // case (Expo Snack rendering raw JSX without compilation).\n    const variantStateColors: Record<ButtonVariant, { rest: string; hover: string; pressed: string }> = {\n        primary: {\n            rest: colors.semantic.interactive.primary,\n            hover: colors.semantic.interactive.primaryHover,\n            pressed: colors.semantic.interactive.primaryPressed,\n        },\n        secondary: {\n            rest: colors.semantic.background.subtle,\n            // hover / pressed must be theme-aware. The previous version\n            // pulled directly from `color.neutral.{200,300}`, which are\n            // raw tokens that DON'T flip per scheme — in dark mode the\n            // hovered state ended up light-gray on dark, ruining contrast.\n            // `border.default` / `border.strong` invert correctly: in\n            // light they read as light-gray washes (next step from\n            // `background.subtle`); in dark they read as the darker grays\n            // expected for hover/pressed on a dark surface.\n            hover: colors.semantic.border.default,\n            pressed: colors.semantic.border.strong,\n        },\n        ghost: {\n            rest: 'transparent',\n            hover: colors.semantic.background.subtle,\n            pressed: colors.semantic.border.default,\n        },\n        destructive: {\n            rest: colors.semantic.interactive.destructive,\n            // No darker tone token for destructive yet — fall back to a 90% /\n            // 80% opacity wash by mixing through rgba. Matches the className\n            // hover:opacity-90 / active:opacity-80 fallback.\n            hover: colors.semantic.interactive.destructive,\n            pressed: colors.semantic.interactive.destructive,\n        },\n    };\n    const variantTextColor: Record<ButtonVariant, string> = {\n        primary: colors.semantic.text.inverted,\n        secondary: colors.semantic.text.default,\n        ghost: colors.semantic.text.default,\n        destructive: colors.semantic.text.inverted,\n    };\n\n    const stateColors = variantStateColors[variant];\n    // When disabled (or loading), force the rest state — disabled means\n    // disabled. The control should NOT visually respond to hover/press,\n    // even though the OS still fires those events. Pressable also gets\n    // `disabled={true}` on the Pressable below which blocks onPress, but\n    // the visual treatment is owned here.\n    const stateBg = isInoperative\n        ? stateColors.rest\n        : pressed\n          ? stateColors.pressed\n          : hovered\n            ? stateColors.hover\n            : stateColors.rest;\n    // Destructive uses opacity dim instead of a separate color (matches\n    // existing className behavior; keeps the red recognisable on press).\n    // Same disabled rule as bg: hover/press dim is suppressed when\n    // disabled — the static 0.6 opacity below handles the disabled look.\n    const stateInteractionOpacity = isInoperative || variant !== 'destructive' ? 1 : pressed ? 0.8 : hovered ? 0.9 : 1;\n\n    // Resolve all dimensional + typographic values from the active theme\n    // so a custom theme that scales spacing / fontSize / radius / fontWeight\n    // also reshapes every Button on the page.\n    const sizeKeys = SIZE_KEYS[size];\n    const sizeContainer: ViewStyle = {\n        height: HEIGHT_BY_SIZE[size],\n        paddingHorizontal: px(colors.spacing[sizeKeys.padX]),\n        gap: px(colors.spacing['2']),\n        borderRadius: px(colors.radius.md),\n    };\n    const sizeFontSize = px(colors.fontSize[sizeKeys.font]);\n\n    const inlineBase: ViewStyle[] = [\n        BASE_STYLE,\n        { backgroundColor: stateBg },\n        sizeContainer,\n        { opacity: isInoperative ? 0.6 : stateInteractionOpacity },\n    ];\n    // Resolve the consumer's `style` against the same hover/press state\n    // we just computed — this preserves the historical contract where a\n    // callback `style` receives the live interaction flags. The RN\n    // upstream type only declares `pressed`; rn-web also passes\n    // `hovered`. Cast through `unknown` to ship both without a type\n    // assertion battle.\n    const consumerStyle: StyleProp<ViewStyle> =\n        typeof style === 'function' ? style({ pressed, ...({ hovered } as Record<string, unknown>) } as never) : style;\n    const pressableStyle: StyleProp<ViewStyle> = [...inlineBase, consumerStyle];\n    const slotStyle: StyleProp<ViewStyle> = [...inlineBase, consumerStyle];\n\n    const textColor = variantTextColor[variant];\n    const textStyle = {\n        color: textColor,\n        fontFamily: colors.fontFamily.body,\n        fontSize: sizeFontSize,\n        fontWeight: colors.fontWeight.medium as '500',\n    };\n\n    const handlePress: NonNullable<PressableProps['onPress']> = (ev) => {\n        if (isInoperative) {\n            return;\n        }\n        onPress?.(ev);\n    };\n\n    if (asChild) {\n        const slotProps: Record<string, unknown> = {\n            ref,\n            className: classes,\n            style: slotStyle,\n            onClick: handlePress as unknown as (...args: unknown[]) => unknown,\n            ...rest,\n        };\n        if (isInoperative) {\n            slotProps['aria-disabled'] = true;\n        }\n        if (loading) {\n            slotProps['aria-busy'] = true;\n        }\n        if (testID !== undefined) {\n            slotProps['data-testid'] = testID;\n        }\n        return <Slot {...slotProps}>{children}</Slot>;\n    }\n\n    const pressableExtra: Record<string, unknown> = {};\n    if (isInoperative) {\n        pressableExtra['aria-disabled'] = true;\n    }\n    if (loading) {\n        pressableExtra['aria-busy'] = true;\n    }\n\n    return (\n        <Pressable\n            ref={ref}\n            {...(testID !== undefined ? { testID } : {})}\n            role=\"button\"\n            accessibilityRole=\"button\"\n            accessibilityState={{ disabled: isInoperative, busy: Boolean(loading) }}\n            disabled={isInoperative}\n            onPress={handlePress}\n            onHoverIn={handleHoverIn}\n            onHoverOut={handleHoverOut}\n            onPressIn={handlePressIn}\n            onPressOut={handlePressOut}\n            className={classes}\n            style={pressableStyle}\n            {...pressableExtra}\n            {...rest}\n        >\n            {loading ? (\n                <Spinner size={ICON_SIZE[size]} label=\"Loading\" color={textColor} />\n            ) : LeadingIcon ? (\n                <LeadingIcon size={ICON_SIZE[size]} color={textColor} />\n            ) : null}\n            <RNText\n                className={cn('font-medium', SIZE_CLASSES[size].includes('text-') ? undefined : 'text-md')}\n                style={textStyle}\n            >\n                {children}\n            </RNText>\n            {TrailingIcon ? <TrailingIcon size={ICON_SIZE[size]} color={textColor} /> : null}\n        </Pressable>\n    );\n};\n"]}

package/dist/{chunk-WP2Z2ATO.js → chunk-O6M3F7BZ.js}

@@ -1,8 +1,8 @@
-import { useLocale, Calendar } from './chunk-2HMQDJ22.js';
-import { Popover } from './chunk-PZS4A4VQ.js';
+import { Popover } from './chunk-HXCETKCC.js';
+import { useLocale, Calendar } from './chunk-VOF3S5I4.js';
 import { px } from './chunk-5A2QOOVN.js';
-import { cn } from './chunk-CHXHRJNZ.js';
 import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { cn } from './chunk-CHXHRJNZ.js';
 import { __name } from './chunk-WCQVDF3K.js';
 import { getLocalTimeZone } from '@internationalized/date';
 import { useState, useCallback } from 'react';
@@ -339,5 +339,5 @@ var DatePicker = Object.assign(DatePickerRoot, {
 });
 
 export { DatePicker };
-//# sourceMappingURL=chunk-WP2Z2ATO.js.map
-//# sourceMappingURL=chunk-WP2Z2ATO.js.map
+//# sourceMappingURL=chunk-O6M3F7BZ.js.map
+//# sourceMappingURL=chunk-O6M3F7BZ.js.map