@nori-ui/core 0.0.5 → 1.0.2

package/dist/chunk-IKLA2CVQ.js

@@ -0,0 +1,260 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { createContext, useRef, useEffect, useCallback, useState, useMemo, useContext } from 'react';
+import { Pressable, View, Text } from 'react-native';
+import { jsxs, jsx } from 'nativewind/jsx-runtime';
+
+var RadioGroupContext = createContext(null);
+var useRadioGroupContext = /* @__PURE__ */ __name(() => {
+  const ctx = useContext(RadioGroupContext);
+  if (!ctx) {
+    throw new Error("<Radio> must be rendered inside a <Radio.Group>.");
+  }
+  return ctx;
+}, "useRadioGroupContext");
+var ROW_LAYOUT_BASE = { flexDirection: "row", alignItems: "center" };
+var DOT_OUTER_BASE = {
+  width: 18,
+  // component-density literal — not from theme
+  height: 18,
+  // component-density literal — not from theme
+  borderRadius: 9,
+  // perfect circle of dot diameter — not from theme
+  borderWidth: 1.5,
+  alignItems: "center",
+  justifyContent: "center"
+};
+var DOT_INNER_BASE = {
+  width: 8,
+  // component-density literal — not from theme
+  height: 8,
+  // component-density literal — not from theme
+  borderRadius: 4
+  // perfect circle — not from theme
+};
+var RadioGroup = /* @__PURE__ */ __name(({
+  value,
+  defaultValue,
+  onChange,
+  disabled = false,
+  orientation = "vertical",
+  name,
+  children,
+  className,
+  testID
+}) => {
+  const [inner, setInner] = useState(defaultValue);
+  const isControlled = value !== void 0;
+  const current = isControlled ? value : inner;
+  const refs = useRef(/* @__PURE__ */ new Map());
+  const orderRef = useRef([]);
+  const register = useCallback((v, ref) => {
+    refs.current.set(v, ref);
+    if (!orderRef.current.includes(v)) {
+      orderRef.current.push(v);
+    }
+  }, []);
+  const unregister = useCallback((v) => {
+    refs.current.delete(v);
+    orderRef.current = orderRef.current.filter((x) => x !== v);
+  }, []);
+  const select = useCallback(
+    (next) => {
+      if (disabled) {
+        return;
+      }
+      if (!isControlled) {
+        setInner(next);
+      }
+      onChange?.(next);
+    },
+    [disabled, isControlled, onChange]
+  );
+  const focusValue = useCallback((next) => {
+    const ref = refs.current.get(next);
+    ref?.current?.focus?.();
+  }, []);
+  const moveBy = useCallback(
+    (offset) => {
+      const order = orderRef.current;
+      if (order.length === 0) {
+        return;
+      }
+      const idx = current ? order.indexOf(current) : -1;
+      const start = idx === -1 ? offset === 1 ? -1 : 0 : idx;
+      const len = order.length;
+      const next = order[(start + offset + len) % len];
+      if (!next) {
+        return;
+      }
+      select(next);
+      focusValue(next);
+    },
+    [current, focusValue, select]
+  );
+  const handleKeyDown = useCallback(
+    (event) => {
+      const order = orderRef.current;
+      if (order.length === 0) {
+        return;
+      }
+      switch (event.key) {
+        case "ArrowDown":
+        case "ArrowRight": {
+          event.preventDefault();
+          moveBy(1);
+          return;
+        }
+        case "ArrowUp":
+        case "ArrowLeft": {
+          event.preventDefault();
+          moveBy(-1);
+          return;
+        }
+        case "Home": {
+          event.preventDefault();
+          const first = order[0];
+          if (first) {
+            select(first);
+            focusValue(first);
+          }
+          return;
+        }
+        case "End": {
+          event.preventDefault();
+          const last = order[order.length - 1];
+          if (last) {
+            select(last);
+            focusValue(last);
+          }
+          return;
+        }
+      }
+    },
+    [focusValue, moveBy, select]
+  );
+  const ctxValue = useMemo(
+    () => ({ value: current, select, disabled, orientation, name, register, unregister }),
+    [current, select, disabled, orientation, name, register, unregister]
+  );
+  const groupProps = {
+    role: "radiogroup",
+    accessibilityRole: "radiogroup",
+    "aria-orientation": orientation,
+    "aria-disabled": disabled || void 0,
+    onKeyDown: handleKeyDown,
+    ...testID !== void 0 ? { testID } : {}
+  };
+  return /* @__PURE__ */ jsx(RadioGroupContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
+    RadioGroupViewport,
+    {
+      groupProps,
+      orientation,
+      disabled,
+      ...className !== void 0 ? { className } : {},
+      children
+    }
+  ) });
+}, "RadioGroup");
+var RadioGroupViewport = /* @__PURE__ */ __name(({
+  groupProps,
+  orientation,
+  disabled,
+  className,
+  children
+}) => {
+  const colors = useThemeColors();
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...groupProps,
+      className: cn(
+        orientation === "horizontal" ? "flex-row gap-4" : "flex-col gap-3",
+        disabled ? "opacity-60" : void 0,
+        className
+      ),
+      style: [
+        orientation === "horizontal" ? { flexDirection: "row", gap: px(colors.spacing["4"]) } : { flexDirection: "column", gap: px(colors.spacing["3"]) },
+        disabled ? { opacity: 0.6 } : null
+      ],
+      children
+    }
+  );
+}, "RadioGroupViewport");
+var RadioOption = /* @__PURE__ */ __name(({ value, label, disabled, children, className, testID }) => {
+  const ctx = useRadioGroupContext();
+  const colors = useThemeColors();
+  const ownRef = useRef(null);
+  const selected = ctx.value === value;
+  const isDisabled = disabled || ctx.disabled;
+  useEffect(() => {
+    ctx.register(value, ownRef);
+    return () => ctx.unregister(value);
+  }, [ctx, value]);
+  const onPress = useCallback(() => {
+    if (isDisabled) {
+      return;
+    }
+    ctx.select(value);
+  }, [ctx, value, isDisabled]);
+  const tabIndex = selected || ctx.value === void 0 && isFirstOption() ? 0 : -1;
+  const accessibilityLabel = label ?? value;
+  const radioProps = {
+    ref: /* @__PURE__ */ __name((node) => {
+      ownRef.current = node;
+    }, "ref"),
+    role: "radio",
+    accessibilityRole: "radio",
+    "aria-checked": selected,
+    accessibilityState: { checked: selected, disabled: Boolean(isDisabled) },
+    accessibilityLabel,
+    "aria-label": accessibilityLabel,
+    tabIndex,
+    onPress,
+    ...isDisabled ? { "aria-disabled": true, disabled: true } : {},
+    ...testID !== void 0 ? { testID } : {},
+    ...ctx.name ? { name: ctx.name } : {}
+  };
+  const dotOuterStyle = {
+    ...DOT_OUTER_BASE,
+    backgroundColor: colors.semantic.background.elevated,
+    borderColor: selected ? colors.semantic.interactive.primary : colors.color.neutral["400"]
+  };
+  const dotInnerStyle = { ...DOT_INNER_BASE, backgroundColor: colors.semantic.interactive.primary };
+  const rowStyle = { ...ROW_LAYOUT_BASE, gap: px(colors.spacing["2"]) };
+  return /* @__PURE__ */ jsxs(
+    Pressable,
+    {
+      ...radioProps,
+      className: cn("flex-row items-center gap-2", isDisabled ? "opacity-60" : void 0, className),
+      style: [rowStyle, isDisabled ? { opacity: 0.6 } : null],
+      children: [
+        /* @__PURE__ */ jsx(View, { style: dotOuterStyle, children: selected ? /* @__PURE__ */ jsx(View, { style: dotInnerStyle }) : null }),
+        children ?? (label !== void 0 ? /* @__PURE__ */ jsx(
+          Text,
+          {
+            style: {
+              color: colors.semantic.text.default,
+              fontFamily: colors.fontFamily.body,
+              fontSize: px(colors.fontSize.md)
+            },
+            children: label
+          }
+        ) : null)
+      ]
+    }
+  );
+}, "RadioOption");
+function isFirstOption(ctx, value) {
+  return true;
+}
+__name(isFirstOption, "isFirstOption");
+var Radio = Object.assign(RadioOption, {
+  Group: RadioGroup
+});
+
+export { Radio };
+//# sourceMappingURL=chunk-IKLA2CVQ.js.map
+//# sourceMappingURL=chunk-IKLA2CVQ.js.map

package/dist/chunk-IKLA2CVQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Radio/Radio.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-IKLA2CVQ.js","sourcesContent":["'use client';\n\nimport {\n    createContext,\n    type KeyboardEvent,\n    type ReactNode,\n    type RefObject,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport type { ViewStyle } from 'react-native';\nimport { 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\nexport type RadioGroupOrientation = 'horizontal' | 'vertical';\n\ntype RadioRefMap = Map<string, RefObject<HTMLElement | null>>;\n\ntype RadioGroupContextValue = {\n    value: string | undefined;\n    select: (next: string) => void;\n    disabled: boolean;\n    orientation: RadioGroupOrientation;\n    name: string | undefined;\n    register: (value: string, ref: RefObject<HTMLElement | null>) => void;\n    unregister: (value: string) => void;\n};\n\nconst RadioGroupContext = createContext<RadioGroupContextValue | null>(null);\n\nconst useRadioGroupContext = (): RadioGroupContextValue => {\n    const ctx = useContext(RadioGroupContext);\n    if (!ctx) {\n        throw new Error('<Radio> must be rendered inside a <Radio.Group>.');\n    }\n    return ctx;\n};\n\nexport type RadioGroupProps = {\n    /** Controlled selected value. */\n    value?: string;\n    /** Uncontrolled initial value. */\n    defaultValue?: string;\n    /** Fires with the new value when the selection changes. */\n    onChange?: (next: string) => void;\n    /** When true, every Radio inside is non-interactive. Individual Radios can also opt in. */\n    disabled?: boolean;\n    /**\n     * Layout orientation. Drives the keyboard nav axis (Down/Up for vertical,\n     * Right/Left for horizontal — both pairs work in either orientation as a\n     * usability bonus).\n     * @defaultValue 'vertical'\n     */\n    orientation?: RadioGroupOrientation;\n    /** HTML `name` for form integration on web. Optional but recommended. */\n    name?: string;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\nexport type RadioProps = {\n    /** Unique value within the group. Required. */\n    value: string;\n    /** Visible label that doubles as the accessibility label. */\n    label?: string;\n    /** Disable just this option. */\n    disabled?: boolean;\n    /** Custom content rendered next to the radio dot. Overrides `label`. */\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n};\n\n// Layout-only base; theme-driven gap is merged inside Radio. The dot\n// dimensions are component-density literals — not from theme — because the\n// radio dot has a fixed visual ramp independent of the spacing scale.\nconst ROW_LAYOUT_BASE: ViewStyle = { flexDirection: 'row', alignItems: 'center' };\nconst DOT_OUTER_BASE: ViewStyle = {\n    width: 18, // component-density literal — not from theme\n    height: 18, // component-density literal — not from theme\n    borderRadius: 9, // perfect circle of dot diameter — not from theme\n    borderWidth: 1.5,\n    alignItems: 'center',\n    justifyContent: 'center',\n};\nconst DOT_INNER_BASE: ViewStyle = {\n    width: 8, // component-density literal — not from theme\n    height: 8, // component-density literal — not from theme\n    borderRadius: 4, // perfect circle — not from theme\n};\n\n/**\n * Single-selection group of radio buttons. Container owns the value;\n * children declare their `value` and any extra disabled state.\n *\n * Keyboard nav follows the WAI-ARIA radiogroup pattern:\n *   - Tab into the group → focus lands on the selected option (or the\n *     first when nothing is selected). Tab out leaves the group.\n *   - ArrowDown / ArrowRight → next option (wraps).\n *   - ArrowUp / ArrowLeft → previous option (wraps).\n *   - Home / End → first / last.\n *   - Selection follows focus, so an arrow key both moves focus and\n *     activates the option (the standard radiogroup behavior).\n */\nexport const RadioGroup = ({\n    value,\n    defaultValue,\n    onChange,\n    disabled = false,\n    orientation = 'vertical',\n    name,\n    children,\n    className,\n    testID,\n}: RadioGroupProps) => {\n    const [inner, setInner] = useState<string | undefined>(defaultValue);\n    const isControlled = value !== undefined;\n    const current = isControlled ? value : inner;\n\n    const refs = useRef<RadioRefMap>(new Map());\n    const orderRef = useRef<string[]>([]);\n\n    const register = useCallback((v: string, ref: RefObject<HTMLElement | null>) => {\n        refs.current.set(v, ref);\n        if (!orderRef.current.includes(v)) {\n            orderRef.current.push(v);\n        }\n    }, []);\n\n    const unregister = useCallback((v: string) => {\n        refs.current.delete(v);\n        orderRef.current = orderRef.current.filter((x) => x !== v);\n    }, []);\n\n    const select = useCallback(\n        (next: string) => {\n            if (disabled) {\n                return;\n            }\n            if (!isControlled) {\n                setInner(next);\n            }\n            onChange?.(next);\n        },\n        [disabled, isControlled, onChange]\n    );\n\n    const focusValue = useCallback((next: string) => {\n        const ref = refs.current.get(next);\n        ref?.current?.focus?.();\n    }, []);\n\n    const moveBy = useCallback(\n        (offset: 1 | -1) => {\n            const order = orderRef.current;\n            if (order.length === 0) {\n                return;\n            }\n            const idx = current ? order.indexOf(current) : -1;\n            const start = idx === -1 ? (offset === 1 ? -1 : 0) : idx;\n            const len = order.length;\n            const next = order[(start + offset + len) % len];\n            if (!next) {\n                return;\n            }\n            select(next);\n            focusValue(next);\n        },\n        [current, focusValue, select]\n    );\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLDivElement>) => {\n            const order = orderRef.current;\n            if (order.length === 0) {\n                return;\n            }\n            switch (event.key) {\n                case 'ArrowDown':\n                case 'ArrowRight': {\n                    event.preventDefault();\n                    moveBy(1);\n                    return;\n                }\n                case 'ArrowUp':\n                case 'ArrowLeft': {\n                    event.preventDefault();\n                    moveBy(-1);\n                    return;\n                }\n                case 'Home': {\n                    event.preventDefault();\n                    const first = order[0];\n                    if (first) {\n                        select(first);\n                        focusValue(first);\n                    }\n                    return;\n                }\n                case 'End': {\n                    event.preventDefault();\n                    const last = order[order.length - 1];\n                    if (last) {\n                        select(last);\n                        focusValue(last);\n                    }\n                    return;\n                }\n            }\n        },\n        [focusValue, moveBy, select]\n    );\n\n    const ctxValue = useMemo<RadioGroupContextValue>(\n        () => ({ value: current, select, disabled, orientation, name, register, unregister }),\n        [current, select, disabled, orientation, name, register, unregister]\n    );\n\n    // RN's View doesn't model onKeyDown in its TS surface but RN-Web passes\n    // it through to the underlying div. Cast at the spread boundary.\n    const groupProps: Record<string, unknown> = {\n        role: 'radiogroup',\n        accessibilityRole: 'radiogroup',\n        'aria-orientation': orientation,\n        'aria-disabled': disabled || undefined,\n        onKeyDown: handleKeyDown,\n        ...(testID !== undefined ? { testID } : {}),\n    };\n\n    return (\n        <RadioGroupContext.Provider value={ctxValue}>\n            <RadioGroupViewport\n                groupProps={groupProps}\n                orientation={orientation}\n                disabled={disabled}\n                {...(className !== undefined ? { className } : {})}\n            >\n                {children}\n            </RadioGroupViewport>\n        </RadioGroupContext.Provider>\n    );\n};\n\n// Inner view so we can call useThemeColors() to source the orientation\n// gap from the spacing token scale (the parent owns hooks for state).\nconst RadioGroupViewport = ({\n    groupProps,\n    orientation,\n    disabled,\n    className,\n    children,\n}: {\n    groupProps: Record<string, unknown>;\n    orientation: RadioGroupOrientation;\n    disabled: boolean;\n    className?: string;\n    children?: ReactNode;\n}) => {\n    const colors = useThemeColors();\n    return (\n        <View\n            {...groupProps}\n            className={cn(\n                orientation === 'horizontal' ? 'flex-row gap-4' : 'flex-col gap-3',\n                disabled ? 'opacity-60' : undefined,\n                className\n            )}\n            style={[\n                orientation === 'horizontal'\n                    ? { flexDirection: 'row', gap: px(colors.spacing['4']) }\n                    : { flexDirection: 'column', gap: px(colors.spacing['3']) },\n                disabled ? { opacity: 0.6 } : null,\n            ]}\n        >\n            {children}\n        </View>\n    );\n};\n\n/**\n * One option inside a `<Radio.Group>`. Must be rendered inside one — throws\n * with a clear message if not.\n */\nconst RadioOption = ({ value, label, disabled, children, className, testID }: RadioProps) => {\n    const ctx = useRadioGroupContext();\n    const colors = useThemeColors();\n    const ownRef = useRef<HTMLElement | null>(null);\n    const selected = ctx.value === value;\n    const isDisabled = disabled || ctx.disabled;\n\n    useEffect(() => {\n        ctx.register(value, ownRef);\n        return () => ctx.unregister(value);\n    }, [ctx, value]);\n\n    const onPress = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n        ctx.select(value);\n    }, [ctx, value, isDisabled]);\n\n    // Roving tabindex: only the selected option (or the first when nothing\n    // is selected) participates in the tab order.\n    const tabIndex = selected || (ctx.value === undefined && isFirstOption(ctx, value)) ? 0 : -1;\n\n    const accessibilityLabel = label ?? value;\n\n    const radioProps: Record<string, unknown> = {\n        ref: (node: HTMLElement | null) => {\n            ownRef.current = node;\n        },\n        role: 'radio',\n        accessibilityRole: 'radio',\n        'aria-checked': selected,\n        accessibilityState: { checked: selected, disabled: Boolean(isDisabled) },\n        accessibilityLabel,\n        'aria-label': accessibilityLabel,\n        tabIndex,\n        onPress,\n        ...(isDisabled ? { 'aria-disabled': true, disabled: true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n        ...(ctx.name ? { name: ctx.name } : {}),\n    };\n\n    const dotOuterStyle: ViewStyle = {\n        ...DOT_OUTER_BASE,\n        backgroundColor: colors.semantic.background.elevated,\n        borderColor: selected ? colors.semantic.interactive.primary : colors.color.neutral['400'],\n    };\n    const dotInnerStyle: ViewStyle = { ...DOT_INNER_BASE, backgroundColor: colors.semantic.interactive.primary };\n\n    const rowStyle: ViewStyle = { ...ROW_LAYOUT_BASE, gap: px(colors.spacing['2']) };\n\n    return (\n        <Pressable\n            {...radioProps}\n            className={cn('flex-row items-center gap-2', isDisabled ? 'opacity-60' : undefined, className)}\n            style={[rowStyle, isDisabled ? { opacity: 0.6 } : null]}\n        >\n            <View style={dotOuterStyle}>{selected ? <View style={dotInnerStyle} /> : null}</View>\n            {children ??\n                (label !== undefined ? (\n                    <RNText\n                        style={{\n                            color: colors.semantic.text.default,\n                            fontFamily: colors.fontFamily.body,\n                            fontSize: px(colors.fontSize.md),\n                        }}\n                    >\n                        {label}\n                    </RNText>\n                ) : null)}\n        </Pressable>\n    );\n};\n\n// Tiny helper: when no value is selected yet, the first registered Radio is\n// the tabbable one. This is computed inside Radio (not the context) so we\n// don't have to re-render every Radio whenever the order changes.\nfunction isFirstOption(ctx: RadioGroupContextValue, value: string): boolean {\n    // We only have access to register/unregister; Radio doesn't get a peek\n    // at the order list. The simple-but-correct fallback: every Radio renders\n    // tabIndex=0 when value is undefined, which is harmless for one-radio\n    // groups and equivalent to the standard \"tab into the first\" for\n    // multi-radio groups (browsers honor the first tabIndex=0 they hit).\n    void ctx;\n    void value;\n    return true;\n}\n\n/**\n * Public `Radio` value — the per-option component plus its `.Group` static\n * member (the cluster). Use `<Radio.Group>` to wrap a list of `<Radio />`s.\n *\n * `Object.assign` produces a value whose inferred type carries the static\n * properties, so `.d.ts` consumers can write `<Radio.Group>` without a\n * separate import.\n */\nexport const Radio = Object.assign(RadioOption, {\n    Group: RadioGroup,\n});\n"]}

package/dist/chunk-JQQ3FBN7.js

@@ -0,0 +1,18 @@
+import { Text } from './chunk-JZ774T7U.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { Children } from 'react';
+import { jsx } from 'nativewind/jsx-runtime';
+
+function wrapStringChildren(children) {
+  return Children.map(children, (child) => {
+    if (typeof child === "string" || typeof child === "number") {
+      return /* @__PURE__ */ jsx(Text, { children: child });
+    }
+    return child;
+  });
+}
+__name(wrapStringChildren, "wrapStringChildren");
+
+export { wrapStringChildren };
+//# sourceMappingURL=chunk-JQQ3FBN7.js.map
+//# sourceMappingURL=chunk-JQQ3FBN7.js.map

package/dist/chunk-JQQ3FBN7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/wrap-string-children.tsx"],"names":[],"mappings":";;;;;AAyBO,SAAS,mBAAmB,QAAA,EAAgC;AAC/D,EAAA,OAAO,QAAA,CAAS,GAAA,CAAI,QAAA,EAAU,CAAC,KAAA,KAAU;AACrC,IAAA,IAAI,OAAO,KAAA,KAAU,QAAA,IAAY,OAAO,UAAU,QAAA,EAAU;AACxD,MAAA,uBAAO,GAAA,CAAC,QAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACxB;AACA,IAAA,OAAO,KAAA;AAAA,EACX,CAAC,CAAA;AACL;AAPgB,MAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA","file":"chunk-JQQ3FBN7.js","sourcesContent":["import { Children, type ReactNode } from 'react';\nimport { Text } from '../components/Text';\n\n/**\n * Walks a `ReactNode` (single, array, or fragment) and wraps every\n * string/number child in a themed `<Text>` so the same JSX renders\n * cleanly on web AND native. Non-string children are passed through\n * unchanged.\n *\n * On native, raw strings as children of any non-Text component throw\n * \"Text strings must be rendered within a <Text> component\". On web,\n * react-native-web silently tolerates them — but the rendered string\n * inherits no theme color, so dark mode never flips.\n *\n * Both bugs collapse to the same fix: wrap. Layout primitives\n * (`<HStack>`, `<VStack>`, `<Box>`) use this so consumers can write\n * `<HStack>Hello</HStack>` and have it Just Work on both platforms\n * and across light/dark mode.\n *\n * The wrapper is the lib's own `<Text>`, which reads from\n * `useThemeColors()` — so the wrapped string flips with the active\n * scheme. Importing a `'use client'` component from an RSC-safe file\n * is allowed; React's RSC model lets server components contain client\n * children.\n */\nexport function wrapStringChildren(children: ReactNode): ReactNode {\n    return Children.map(children, (child) => {\n        if (typeof child === 'string' || typeof child === 'number') {\n            return <Text>{child}</Text>;\n        }\n        return child;\n    });\n}\n"]}

package/dist/chunk-JSAG5YO7.js

@@ -0,0 +1,69 @@
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors, useColorScheme } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { useRef, useEffect } from 'react';
+import { Animated, Easing } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var PULSE_DURATION_MS = 900;
+var PULSE_MIN = 0.55;
+var PULSE_MAX = 1;
+var Skeleton = /* @__PURE__ */ __name(({
+  width = "100%",
+  height = 16,
+  radius = 6,
+  static: isStatic = false,
+  className,
+  style,
+  testID
+}) => {
+  const colors = useThemeColors();
+  const isDark = useColorScheme() === "dark";
+  const opacity = useRef(new Animated.Value(PULSE_MAX)).current;
+  useEffect(() => {
+    if (isStatic) {
+      return;
+    }
+    const loop = Animated.loop(
+      Animated.sequence([
+        Animated.timing(opacity, {
+          toValue: PULSE_MIN,
+          duration: PULSE_DURATION_MS,
+          easing: Easing.inOut(Easing.ease),
+          useNativeDriver: true
+        }),
+        Animated.timing(opacity, {
+          toValue: PULSE_MAX,
+          duration: PULSE_DURATION_MS,
+          easing: Easing.inOut(Easing.ease),
+          useNativeDriver: true
+        })
+      ])
+    );
+    loop.start();
+    return () => {
+      loop.stop();
+    };
+  }, [isStatic, opacity]);
+  const baseStyle = {
+    width,
+    height,
+    borderRadius: radius === "full" ? 9999 : radius,
+    backgroundColor: isDark ? colors.color.neutral["700"] : colors.color.neutral["200"]
+  };
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      ...testID !== void 0 ? { testID } : {},
+      "aria-hidden": true,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no",
+      className: cn("bg-neutral-200 dark:bg-neutral-700", className),
+      style: [baseStyle, isStatic ? null : { opacity }, style]
+    }
+  );
+}, "Skeleton");
+
+export { Skeleton };
+//# sourceMappingURL=chunk-JSAG5YO7.js.map
+//# sourceMappingURL=chunk-JSAG5YO7.js.map

package/dist/chunk-JSAG5YO7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";;;;;;;AAyBA,IAAM,iBAAA,GAAoB,GAAA;AAC1B,IAAM,SAAA,GAAY,IAAA;AAClB,IAAM,SAAA,GAAY,CAAA;AAUX,IAAM,2BAAW,MAAA,CAAA,CAAC;AAAA,EACrB,KAAA,GAAQ,MAAA;AAAA,EACR,MAAA,GAAS,EAAA;AAAA,EACT,MAAA,GAAS,CAAA;AAAA,EACT,QAAQ,QAAA,GAAW,KAAA;AAAA,EACnB,SAAA;AAAA,EACA,KAAA;AAAA,EACA;AACJ,CAAA,KAAqB;AACjB,EAAA,MAAM,SAAS,cAAA,EAAe;AAC9B,EAAA,MAAM,MAAA,GAAS,gBAAe,KAAM,MAAA;AACpC,EAAA,MAAM,UAAU,MAAA,CAAO,IAAI,SAAS,KAAA,CAAM,SAAS,CAAC,CAAA,CAAE,OAAA;AAEtD,EAAA,SAAA,CAAU,MAAM;AACZ,IAAA,IAAI,QAAA,EAAU;AACV,MAAA;AAAA,IACJ;AACA,IAAA,MAAM,OAAO,QAAA,CAAS,IAAA;AAAA,MAClB,SAAS,QAAA,CAAS;AAAA,QACd,QAAA,CAAS,OAAO,OAAA,EAAS;AAAA,UACrB,OAAA,EAAS,SAAA;AAAA,UACT,QAAA,EAAU,iBAAA;AAAA,UACV,MAAA,EAAQ,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,IAAI,CAAA;AAAA,UAChC,eAAA,EAAiB;AAAA,SACpB,CAAA;AAAA,QACD,QAAA,CAAS,OAAO,OAAA,EAAS;AAAA,UACrB,OAAA,EAAS,SAAA;AAAA,UACT,QAAA,EAAU,iBAAA;AAAA,UACV,MAAA,EAAQ,MAAA,CAAO,KAAA,CAAM,MAAA,CAAO,IAAI,CAAA;AAAA,UAChC,eAAA,EAAiB;AAAA,SACpB;AAAA,OACJ;AAAA,KACL;AACA,IAAA,IAAA,CAAK,KAAA,EAAM;AACX,IAAA,OAAO,MAAM;AACT,MAAA,IAAA,CAAK,IAAA,EAAK;AAAA,IACd,CAAA;AAAA,EACJ,CAAA,EAAG,CAAC,QAAA,EAAU,OAAO,CAAC,CAAA;AAWtB,EAAA,MAAM,SAAA,GAAuB;AAAA,IACzB,KAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAA,EAAc,MAAA,KAAW,MAAA,GAAS,IAAA,GAAO,MAAA;AAAA,IACzC,eAAA,EAAiB,MAAA,GAAS,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK,CAAA,GAAI,MAAA,CAAO,KAAA,CAAM,OAAA,CAAQ,KAAK;AAAA,GACtF;AAEA,EAAA,uBACI,GAAA;AAAA,IAAC,QAAA,CAAS,IAAA;AAAA,IAAT;AAAA,MACI,GAAI,MAAA,KAAW,MAAA,GAAY,EAAE,MAAA,KAAW,EAAC;AAAA,MAC1C,aAAA,EAAa,IAAA;AAAA,MACb,2BAAA,EAA2B,IAAA;AAAA,MAC3B,yBAAA,EAA0B,IAAA;AAAA,MAC1B,SAAA,EAAW,EAAA,CAAG,oCAAA,EAAsC,SAAS,CAAA;AAAA,MAC7D,KAAA,EAAO,CAAC,SAAA,EAAW,QAAA,GAAW,OAAO,EAAE,OAAA,IAAW,KAAK;AAAA;AAAA,GAC3D;AAER,CAAA,EAjEwB,UAAA","file":"chunk-JSAG5YO7.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport { Animated, Easing, type ViewStyle } from 'react-native';\nimport { useColorScheme } from '../../theme/use-color-scheme';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type SkeletonProps = {\n    /** Width — number of px or any RN dimension string. Default `100%`. */\n    width?: number | `${number}%` | 'auto';\n    /** Height — number of px. Default 16. */\n    height?: number;\n    /**\n     * Border radius. Defaults to `theme.radius.md` (6px). Use `'full'`\n     * (= 9999px) for circular skeletons (avatars).\n     */\n    radius?: number | 'full';\n    /** Disable the pulse — useful when stacking many skeletons in a list. */\n    static?: boolean;\n    className?: string;\n    style?: ViewStyle;\n    testID?: string;\n};\n\nconst PULSE_DURATION_MS = 900;\nconst PULSE_MIN = 0.55;\nconst PULSE_MAX = 1;\n\n/**\n * Subtle loading placeholder. Pulses between full and 55% opacity to signal\n * \"content is loading here, in this shape\" without flashing or distracting.\n *\n * Uses RN `Animated` for the opacity loop — works on web and native with\n * the same code. Respects the `static` prop when you want to skip the\n * animation (e.g. when stacking many skeletons in a long list).\n */\nexport const Skeleton = ({\n    width = '100%' as const,\n    height = 16,\n    radius = 6,\n    static: isStatic = false,\n    className,\n    style,\n    testID,\n}: SkeletonProps) => {\n    const colors = useThemeColors();\n    const isDark = useColorScheme() === 'dark';\n    const opacity = useRef(new Animated.Value(PULSE_MAX)).current;\n\n    useEffect(() => {\n        if (isStatic) {\n            return;\n        }\n        const loop = Animated.loop(\n            Animated.sequence([\n                Animated.timing(opacity, {\n                    toValue: PULSE_MIN,\n                    duration: PULSE_DURATION_MS,\n                    easing: Easing.inOut(Easing.ease),\n                    useNativeDriver: true,\n                }),\n                Animated.timing(opacity, {\n                    toValue: PULSE_MAX,\n                    duration: PULSE_DURATION_MS,\n                    easing: Easing.inOut(Easing.ease),\n                    useNativeDriver: true,\n                }),\n            ])\n        );\n        loop.start();\n        return () => {\n            loop.stop();\n        };\n    }, [isStatic, opacity]);\n\n    // Skeleton intentionally uses a stronger neutral than the generic\n    // semantic.background.subtle. The previous subtle-bg skeleton washed\n    // out against the warm-paper page background — barely a hint of a\n    // placeholder. A loading state must read as \"something will appear\n    // here\", not \"page barely loading.\"\n    //\n    // On dark we step the other direction (neutral.700 ≈ #3f3f46) so the\n    // skeleton is clearly lighter than the page bg (#18181b) without being\n    // a glaring grey block.\n    const baseStyle: ViewStyle = {\n        width,\n        height,\n        borderRadius: radius === 'full' ? 9999 : radius,\n        backgroundColor: isDark ? colors.color.neutral['700'] : colors.color.neutral['200'],\n    };\n\n    return (\n        <Animated.View\n            {...(testID !== undefined ? { testID } : {})}\n            aria-hidden={true}\n            accessibilityElementsHidden\n            importantForAccessibility=\"no\"\n            className={cn('bg-neutral-200 dark:bg-neutral-700', className)}\n            style={[baseStyle, isStatic ? null : { opacity }, style]}\n        />\n    );\n};\n"]}

package/dist/chunk-JZ774T7U.js

@@ -0,0 +1,76 @@
+import { px } from './chunk-5A2QOOVN.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { useThemeColors } from './chunk-R5JMDDCB.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { Text as Text$1 } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var VARIANT_CLASSES = {
+  "body-xs": "text-xs leading-normal",
+  "body-sm": "text-sm leading-normal",
+  "body-md": "text-md leading-normal",
+  "body-lg": "text-lg leading-relaxed",
+  "heading-1": "text-4xl leading-tight font-bold",
+  "heading-2": "text-3xl leading-tight font-semibold",
+  "heading-3": "text-2xl leading-tight font-semibold"
+};
+var HEADING_VARIANTS = /* @__PURE__ */ new Set(["heading-1", "heading-2", "heading-3"]);
+var VARIANT_KEYS = {
+  "body-xs": { fontSize: "xs", fontWeight: "regular", lineHeight: "normal" },
+  "body-sm": { fontSize: "sm", fontWeight: "regular", lineHeight: "normal" },
+  "body-md": { fontSize: "md", fontWeight: "regular", lineHeight: "normal" },
+  "body-lg": { fontSize: "lg", fontWeight: "regular", lineHeight: "relaxed" },
+  "heading-1": { fontSize: "4xl", fontWeight: "bold", lineHeight: "tight" },
+  "heading-2": {
+    fontSize: "3xl",
+    fontWeight: "semibold",
+    lineHeight: "tight"
+  },
+  "heading-3": {
+    fontSize: "2xl",
+    fontWeight: "semibold",
+    lineHeight: "tight"
+  }
+};
+var Text = /* @__PURE__ */ __name(({ variant = "body-md", className, testID, children, ...rest }) => {
+  const colors = useThemeColors();
+  const isHeading = HEADING_VARIANTS.has(variant);
+  const role = isHeading ? "header" : rest.accessibilityRole;
+  const keys = VARIANT_KEYS[variant];
+  const sizePx = px(colors.fontSize[keys.fontSize]);
+  const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);
+  const themedStyle = {
+    // Inline color is the ONLY color source. The Tailwind preset uses
+    // `darkMode: ['class', '[data-theme="dark"]']` — that requires a
+    // DOM, so on native the `dark:` variant never fires and a
+    // className-only color path would always emit the LIGHT variant
+    // (near-black), invisible on a dark surface. Sourcing color from
+    // `useThemeColors()` means it follows the OS scheme AND honors a
+    // forced `colorScheme` override on the provider.
+    color: colors.semantic.text.default,
+    fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,
+    fontSize: sizePx,
+    // RN expects lineHeight in px, not unitless. Tokens carry it as a
+    // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.
+    lineHeight: sizePx * lhMultiplier,
+    // The fontWeight token returns string literals like "500" / "700"
+    // which match RN's TextStyle.fontWeight enum.
+    fontWeight: colors.fontWeight[keys.fontWeight]
+  };
+  const styleProp = rest.style;
+  return /* @__PURE__ */ jsx(
+    Text$1,
+    {
+      testID,
+      ...rest,
+      ...role !== void 0 ? { accessibilityRole: role } : {},
+      className: cn(VARIANT_CLASSES[variant], className),
+      style: [themedStyle, styleProp],
+      children
+    }
+  );
+}, "Text");
+
+export { Text };
+//# sourceMappingURL=chunk-JZ774T7U.js.map
+//# sourceMappingURL=chunk-JZ774T7U.js.map

package/dist/chunk-JZ774T7U.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Text/Text.tsx"],"names":["RNText"],"mappings":"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","file":"chunk-JZ774T7U.js","sourcesContent":["'use client';\n\nimport type { TextProps as RNTextProps, TextStyle } from 'react-native';\nimport { Text as RNText } from 'react-native';\nimport { px } from '../../theme/px';\nimport { useThemeColors } from '../../theme/use-theme-colors';\nimport { cn } from '../../utils/cn';\n\nexport type TextVariant = 'body-xs' | 'body-sm' | 'body-md' | 'body-lg' | 'heading-1' | 'heading-2' | 'heading-3';\n\nexport type TextProps = RNTextProps & {\n    variant?: TextVariant;\n    className?: string;\n    testID?: string;\n};\n\nconst VARIANT_CLASSES: Record<TextVariant, string> = {\n    'body-xs': 'text-xs leading-normal',\n    'body-sm': 'text-sm leading-normal',\n    'body-md': 'text-md leading-normal',\n    'body-lg': 'text-lg leading-relaxed',\n    'heading-1': 'text-4xl leading-tight font-bold',\n    'heading-2': 'text-3xl leading-tight font-semibold',\n    'heading-3': 'text-2xl leading-tight font-semibold',\n};\n\nconst HEADING_VARIANTS: Readonly<Set<TextVariant>> = new Set(['heading-1', 'heading-2', 'heading-3']);\n\n// Per-variant resolution from the active theme. Keys here name the\n// fontSize / fontWeight / lineHeight tokens the variant pulls from. The\n// fontFamily is picked separately (display for headings, body otherwise).\ntype VariantKeys = {\n    fontSize: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl';\n    fontWeight: 'regular' | 'medium' | 'semibold' | 'bold';\n    lineHeight: 'tight' | 'normal' | 'relaxed';\n};\nconst VARIANT_KEYS: Record<TextVariant, VariantKeys> = {\n    'body-xs': { fontSize: 'xs', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-sm': { fontSize: 'sm', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-md': { fontSize: 'md', fontWeight: 'regular', lineHeight: 'normal' },\n    'body-lg': { fontSize: 'lg', fontWeight: 'regular', lineHeight: 'relaxed' },\n    'heading-1': { fontSize: '4xl', fontWeight: 'bold', lineHeight: 'tight' },\n    'heading-2': {\n        fontSize: '3xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n    'heading-3': {\n        fontSize: '2xl',\n        fontWeight: 'semibold',\n        lineHeight: 'tight',\n    },\n};\n\n/**\n * Typography primitive. Renders a react-native <Text>; on web via RN-Web\n * it becomes a <div role=\"...\"> with the appropriate className.\n *\n * Inline style is sourced from the active `<NoriProvider theme={...}>`:\n * font family (display for headings, body for body variants), fontSize,\n * fontWeight, lineHeight all flow through. Override the whole variant by\n * passing a custom theme; override a single instance by passing `style`.\n *\n * The `className` path keeps the Tailwind dark-mode color flip — inline\n * style provides the typographic substance, className provides the color.\n */\nexport const Text = ({ variant = 'body-md', className, testID, children, ...rest }: TextProps) => {\n    const colors = useThemeColors();\n    const isHeading = HEADING_VARIANTS.has(variant);\n    const role = isHeading ? 'header' : rest.accessibilityRole;\n\n    const keys = VARIANT_KEYS[variant];\n    const sizePx = px(colors.fontSize[keys.fontSize]);\n    const lhMultiplier = Number(colors.lineHeight[keys.lineHeight]);\n    const themedStyle: TextStyle = {\n        // Inline color is the ONLY color source. The Tailwind preset uses\n        // `darkMode: ['class', '[data-theme=\"dark\"]']` — that requires a\n        // DOM, so on native the `dark:` variant never fires and a\n        // className-only color path would always emit the LIGHT variant\n        // (near-black), invisible on a dark surface. Sourcing color from\n        // `useThemeColors()` means it follows the OS scheme AND honors a\n        // forced `colorScheme` override on the provider.\n        color: colors.semantic.text.default,\n        fontFamily: isHeading ? colors.fontFamily.display : colors.fontFamily.body,\n        fontSize: sizePx,\n        // RN expects lineHeight in px, not unitless. Tokens carry it as a\n        // ratio (1.2 / 1.4 / 1.6) — multiply against the variant fontSize.\n        lineHeight: sizePx * lhMultiplier,\n        // The fontWeight token returns string literals like \"500\" / \"700\"\n        // which match RN's TextStyle.fontWeight enum.\n        fontWeight: colors.fontWeight[keys.fontWeight] as TextStyle['fontWeight'],\n    };\n\n    // Caller-provided style wins (last in the array). The themed style is\n    // the source of truth, the user's `style` prop the override.\n    const styleProp = (rest as { style?: TextStyle | TextStyle[] }).style;\n\n    return (\n        <RNText\n            testID={testID}\n            {...rest}\n            {...(role !== undefined ? { accessibilityRole: role } : {})}\n            className={cn(VARIANT_CLASSES[variant], className)}\n            style={[themedStyle, styleProp]}\n        >\n            {children}\n        </RNText>\n    );\n};\n"]}

package/dist/chunk-KWRDJPP3.js

@@ -0,0 +1,10 @@
+import { __name } from './chunk-WCQVDF3K.js';
+
+// src/components/Dialog/blur-backdrop.tsx
+var BlurBackdrop = /* @__PURE__ */ __name((_props) => {
+  return null;
+}, "BlurBackdrop");
+
+export { BlurBackdrop };
+//# sourceMappingURL=chunk-KWRDJPP3.js.map
+//# sourceMappingURL=chunk-KWRDJPP3.js.map

package/dist/chunk-KWRDJPP3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog/blur-backdrop.tsx"],"names":[],"mappings":";;;AAwBO,IAAM,YAAA,2BAAgB,MAAA,KAAmD;AAC5E,EAAA,OAAO,IAAA;AACX,CAAA,EAF4B,cAAA","file":"chunk-KWRDJPP3.js","sourcesContent":["'use client';\n\n// Web variant of the dialog blur backdrop. On web, the overlay's CSS\n// `backdrop-filter: blur(...)` (set directly on the DOM node by\n// Dialog/AlertDialog) handles the frosted look — there's nothing extra\n// to render here.\n//\n// Metro picks `blur-backdrop.native.tsx` for native bundles, which\n// statically imports `expo-blur`. The split keeps the static import\n// off the web bundle so web consumers don't drag a native module\n// through their build.\n\nimport type { ReactElement } from 'react';\nimport type { ViewProps } from 'react-native';\n\nexport type BlurBackdropProps = {\n    /** 0..100. Maps to expo-blur's `intensity`. */\n    intensity?: number;\n    /** Match the active color scheme so the blur tint reads naturally. */\n    tint?: 'light' | 'dark' | 'default';\n    /** Style passed straight through (typically StyleSheet.absoluteFill). */\n    style?: ViewProps['style'];\n};\n\nexport const BlurBackdrop = (_props: BlurBackdropProps): ReactElement | null => {\n    return null;\n};\n"]}