@nori-ui/core 0.0.5 → 1.0.2

package/dist/chunk-MKSDYRWQ.js

@@ -0,0 +1,446 @@
+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, useState, useCallback, useRef, useEffect, useMemo, useContext } from 'react';
+import { View, Pressable, Text } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var SIZE_TOKENS = {
+  sm: { height: 32, paddingHKey: "2", fontKey: "sm", iconSize: 14 },
+  // 8px (closest to legacy 10) / fontSize sm 14
+  md: { height: 40, paddingHKey: "3", fontKey: "sm", iconSize: 16 },
+  // 12px / fontSize sm 14
+  lg: { height: 48, paddingHKey: "4", fontKey: "md", iconSize: 20 }
+  // 16px / fontSize md 16
+};
+var ToggleRoot = /* @__PURE__ */ __name(({
+  pressed,
+  defaultPressed = false,
+  onChange,
+  variant = "default",
+  size = "md",
+  disabled = false,
+  children,
+  "aria-label": ariaLabel,
+  accessibilityLabel,
+  className,
+  testID
+}) => {
+  const [inner, setInner] = useState(defaultPressed);
+  const isControlled = pressed !== void 0;
+  const isOn = isControlled ? Boolean(pressed) : inner;
+  const handlePress = useCallback(() => {
+    if (disabled) {
+      return;
+    }
+    const next = !isOn;
+    if (!isControlled) {
+      setInner(next);
+    }
+    onChange?.(next);
+  }, [disabled, isControlled, isOn, onChange]);
+  return /* @__PURE__ */ jsx(
+    ToggleVisual,
+    {
+      isOn,
+      disabled,
+      variant,
+      size,
+      onPress: handlePress,
+      ariaLabel: ariaLabel ?? accessibilityLabel,
+      className,
+      testID,
+      children
+    }
+  );
+}, "ToggleRoot");
+var ToggleVisual = /* @__PURE__ */ __name(({
+  isOn,
+  disabled,
+  variant,
+  size,
+  onPress,
+  onKeyDown,
+  onFocus,
+  ariaLabel,
+  className,
+  testID,
+  children,
+  tabIndex,
+  borderRadius,
+  suppressRightBorder,
+  forceBorder,
+  refCallback
+}) => {
+  const colors = useThemeColors();
+  const tokens = SIZE_TOKENS[size];
+  const paddingH = px(colors.spacing[tokens.paddingHKey]);
+  const fontSize = px(colors.fontSize[tokens.fontKey]);
+  const radiusEach = borderRadius && typeof borderRadius !== "number" ? borderRadius : void 0;
+  const radiusValue = typeof borderRadius === "number" ? borderRadius : radiusEach ? void 0 : px(colors.radius.md);
+  const baseStyle = {
+    height: tokens.height,
+    paddingHorizontal: paddingH,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: px(colors.spacing["2"]) - 2,
+    // closest theme-rooted approximation of legacy 6
+    ...radiusValue !== void 0 ? { borderRadius: radiusValue } : null,
+    ...radiusEach ? {
+      borderTopLeftRadius: radiusEach.topLeft,
+      borderTopRightRadius: radiusEach.topRight,
+      borderBottomLeftRadius: radiusEach.bottomLeft,
+      borderBottomRightRadius: radiusEach.bottomRight
+    } : null,
+    // 200ms color/background transition. Web only; native ignores it.
+    ...{
+      transitionProperty: "background-color, border-color, color",
+      transitionDuration: "200ms",
+      transitionTimingFunction: "ease"
+    }
+  };
+  const surfaceFor = /* @__PURE__ */ __name((hovered) => {
+    if (variant === "outline" || forceBorder) {
+      return {
+        backgroundColor: isOn ? variant === "outline" ? colors.semantic.background.subtle : colors.semantic.interactive.primary : hovered ? colors.semantic.background.subtle : "transparent",
+        borderWidth: 1,
+        borderColor: isOn ? colors.semantic.interactive.primary : colors.semantic.border.default,
+        ...suppressRightBorder ? { borderRightWidth: 0 } : null
+      };
+    }
+    return {
+      backgroundColor: isOn ? colors.semantic.interactive.primary : hovered ? colors.semantic.background.subtle : colors.semantic.background.elevated,
+      borderWidth: 1,
+      borderColor: isOn ? colors.semantic.interactive.primary : colors.semantic.border.default
+    };
+  }, "surfaceFor");
+  const textColor = variant === "outline" ? isOn ? colors.semantic.interactive.primary : colors.semantic.text.default : isOn ? colors.semantic.text.inverted : colors.semantic.text.default;
+  const accessibilityProps = {
+    role: "button",
+    accessibilityRole: "button",
+    "aria-pressed": isOn,
+    accessibilityState: { selected: isOn, disabled },
+    ...ariaLabel ? { "aria-label": ariaLabel, accessibilityLabel: ariaLabel } : {},
+    ...disabled ? { "aria-disabled": true } : {},
+    ...testID !== void 0 ? { testID } : {},
+    ...tabIndex !== void 0 ? { tabIndex } : {},
+    ...onKeyDown ? { onKeyDown } : {},
+    ...onFocus ? { onFocus } : {}
+  };
+  const surfaceStatic = surfaceFor(false);
+  return /* @__PURE__ */ jsx(
+    Pressable,
+    {
+      ref: (node) => {
+        refCallback?.(node);
+      },
+      disabled,
+      onPress: () => {
+        if (!disabled) {
+          onPress();
+        }
+      },
+      ...accessibilityProps,
+      className: cn(
+        "inline-flex flex-row items-center justify-center select-none",
+        disabled ? "opacity-50" : void 0,
+        className
+      ),
+      style: [baseStyle, surfaceStatic, disabled ? { opacity: 0.5 } : null],
+      children: /* @__PURE__ */ jsx(
+        Text,
+        {
+          style: {
+            color: textColor,
+            fontFamily: colors.fontFamily.body,
+            fontSize,
+            fontWeight: colors.fontWeight.medium
+          },
+          children
+        }
+      )
+    }
+  );
+}, "ToggleVisual");
+var ToggleGroupContext = createContext(null);
+var useToggleGroupContext = /* @__PURE__ */ __name(() => {
+  const ctx = useContext(ToggleGroupContext);
+  if (!ctx) {
+    throw new Error("<ToggleGroupItem> must be rendered inside a <ToggleGroup>.");
+  }
+  return ctx;
+}, "useToggleGroupContext");
+var ToggleGroup = /* @__PURE__ */ __name((props) => {
+  const {
+    type,
+    disabled = false,
+    variant = "default",
+    size = "md",
+    children,
+    className,
+    testID,
+    "aria-label": ariaLabel,
+    accessibilityLabel
+  } = props;
+  const [innerSingle, setInnerSingle] = useState(
+    type === "single" ? props.defaultValue : void 0
+  );
+  const [innerMultiple, setInnerMultiple] = useState(
+    type === "multiple" ? props.defaultValue ?? [] : []
+  );
+  const isSingle = type === "single";
+  const isControlled = isSingle ? props.value !== void 0 : props.value !== void 0;
+  const setValue = useCallback(
+    (next) => {
+      if (disabled) {
+        return;
+      }
+      if (isSingle) {
+        const current = isControlled ? props.value : innerSingle;
+        const updated = current === next ? void 0 : next;
+        if (!isControlled) {
+          setInnerSingle(updated);
+        }
+        props.onChange?.(updated);
+      } else {
+        const current = (isControlled ? props.value : innerMultiple) ?? [];
+        const updated = current.includes(next) ? current.filter((v) => v !== next) : [...current, next];
+        if (!isControlled) {
+          setInnerMultiple(updated);
+        }
+        props.onChange?.(updated);
+      }
+    },
+    [disabled, isSingle, isControlled, innerSingle, innerMultiple, props]
+  );
+  const isPressed = useCallback(
+    (v) => {
+      if (isSingle) {
+        const current2 = isControlled ? props.value : innerSingle;
+        return current2 === v;
+      }
+      const current = (isControlled ? props.value : innerMultiple) ?? [];
+      return current.includes(v);
+    },
+    [isSingle, isControlled, innerSingle, innerMultiple, props]
+  );
+  const refs = useRef(/* @__PURE__ */ new Map());
+  const [order, setOrder] = useState([]);
+  const [rovingValue, setRovingValueState] = useState(void 0);
+  const register = useCallback((v, ref) => {
+    refs.current.set(v, ref);
+    setOrder((prev) => prev.includes(v) ? prev : [...prev, v]);
+    setRovingValueState((current) => current ?? v);
+  }, []);
+  const unregister = useCallback((v) => {
+    refs.current.delete(v);
+    setOrder((prev) => prev.filter((x) => x !== v));
+    setRovingValueState((current) => current === v ? void 0 : current);
+  }, []);
+  const focusValue = useCallback((v) => {
+    refs.current.get(v)?.current?.focus?.();
+  }, []);
+  const setRovingValue = useCallback((v) => setRovingValueState(v), []);
+  const moveBy = useCallback(
+    (delta, current) => {
+      const list = order;
+      if (list.length === 0) {
+        return;
+      }
+      const idx = list.indexOf(current);
+      const start = idx === -1 ? 0 : idx;
+      const next = list[(start + delta + list.length) % list.length];
+      if (!next) {
+        return;
+      }
+      setRovingValueState(next);
+      focusValue(next);
+    },
+    [order, focusValue]
+  );
+  const moveTo = useCallback(
+    (position) => {
+      const list = order;
+      if (list.length === 0) {
+        return;
+      }
+      const next = position === "first" ? list[0] : list[list.length - 1];
+      if (!next) {
+        return;
+      }
+      setRovingValueState(next);
+      focusValue(next);
+    },
+    [order, focusValue]
+  );
+  const ctxValue = useMemo(
+    () => ({
+      type,
+      setValue,
+      isPressed,
+      disabled,
+      variant,
+      size,
+      register,
+      unregister,
+      rovingValue,
+      setRovingValue,
+      moveBy,
+      moveTo,
+      order
+    }),
+    [
+      type,
+      setValue,
+      isPressed,
+      disabled,
+      variant,
+      size,
+      register,
+      unregister,
+      rovingValue,
+      setRovingValue,
+      moveBy,
+      moveTo,
+      order
+    ]
+  );
+  const groupRole = isSingle ? "radiogroup" : "group";
+  const label = ariaLabel ?? accessibilityLabel;
+  const groupProps = {
+    role: groupRole,
+    accessibilityRole: groupRole,
+    ...label ? { "aria-label": label, accessibilityLabel: label } : {},
+    ...disabled ? { "aria-disabled": true } : {},
+    ...testID !== void 0 ? { testID } : {}
+  };
+  const colors = useThemeColors();
+  const containerStyle = variant === "default" ? { flexDirection: "row", alignItems: "stretch", gap: 0 } : { flexDirection: "row", alignItems: "stretch", gap: px(colors.spacing["1"]) };
+  return /* @__PURE__ */ jsx(ToggleGroupContext.Provider, { value: ctxValue, children: /* @__PURE__ */ jsx(
+    View,
+    {
+      ...groupProps,
+      className: cn(
+        "inline-flex flex-row items-stretch",
+        variant === "default" ? "gap-0" : "gap-1",
+        disabled ? "opacity-60" : void 0,
+        className
+      ),
+      style: [containerStyle, disabled ? { opacity: 0.6 } : null],
+      children
+    }
+  ) });
+}, "ToggleGroup");
+var ToggleGroupItem = /* @__PURE__ */ __name(({
+  value,
+  disabled,
+  children,
+  "aria-label": ariaLabel,
+  accessibilityLabel,
+  className,
+  testID
+}) => {
+  const ctx = useToggleGroupContext();
+  const ownRef = useRef(null);
+  const registryRef = useRef({ register: ctx.register, unregister: ctx.unregister });
+  registryRef.current = { register: ctx.register, unregister: ctx.unregister };
+  useEffect(() => {
+    const holder = {
+      get current() {
+        return ownRef.current;
+      },
+      set current(_v) {
+      }
+    };
+    registryRef.current.register(value, holder);
+    return () => registryRef.current.unregister(value);
+  }, [value]);
+  const isOn = ctx.isPressed(value);
+  const isDisabled = disabled || ctx.disabled;
+  const isRoving = ctx.rovingValue === value;
+  const handleKeyDown = useCallback(
+    (event) => {
+      switch (event.key) {
+        case "ArrowRight":
+        case "ArrowDown": {
+          event.preventDefault();
+          ctx.moveBy(1, value);
+          return;
+        }
+        case "ArrowLeft":
+        case "ArrowUp": {
+          event.preventDefault();
+          ctx.moveBy(-1, value);
+          return;
+        }
+        case "Home": {
+          event.preventDefault();
+          ctx.moveTo("first");
+          return;
+        }
+        case "End": {
+          event.preventDefault();
+          ctx.moveTo("last");
+          return;
+        }
+        case " ":
+        case "Enter": {
+          event.preventDefault();
+          if (!isDisabled) {
+            ctx.setValue(value);
+          }
+          return;
+        }
+      }
+    },
+    [ctx, isDisabled, value]
+  );
+  const handleFocus = useCallback(() => {
+    ctx.setRovingValue(value);
+  }, [ctx, value]);
+  const colors = useThemeColors();
+  const idx = ctx.order.indexOf(value);
+  const isFirst = idx === 0;
+  const isLast = idx === ctx.order.length - 1;
+  const sharedRadius = px(colors.radius.md);
+  const isClustered = ctx.order.length > 1;
+  const borderRadius = isClustered ? {
+    topLeft: isFirst ? sharedRadius : 0,
+    bottomLeft: isFirst ? sharedRadius : 0,
+    topRight: isLast ? sharedRadius : 0,
+    bottomRight: isLast ? sharedRadius : 0
+  } : sharedRadius;
+  return /* @__PURE__ */ jsx(
+    ToggleVisual,
+    {
+      isOn,
+      disabled: Boolean(isDisabled),
+      variant: ctx.variant,
+      size: ctx.size,
+      onPress: () => ctx.setValue(value),
+      onKeyDown: handleKeyDown,
+      onFocus: handleFocus,
+      ariaLabel: ariaLabel ?? accessibilityLabel,
+      className,
+      testID,
+      tabIndex: isRoving ? 0 : -1,
+      borderRadius,
+      forceBorder: ctx.variant === "default" && isClustered,
+      suppressRightBorder: isClustered && !isLast,
+      refCallback: (node) => {
+        ownRef.current = node;
+      },
+      children
+    }
+  );
+}, "ToggleGroupItem");
+var Toggle = Object.assign(ToggleRoot, {
+  Group: ToggleGroup,
+  Item: ToggleGroupItem
+});
+
+export { Toggle };
+//# sourceMappingURL=chunk-MKSDYRWQ.js.map
+//# sourceMappingURL=chunk-MKSDYRWQ.js.map

package/dist/chunk-MKSDYRWQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Toggle/Toggle.tsx"],"names":["RNText","current"],"mappings":"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","file":"chunk-MKSDYRWQ.js","sourcesContent":["'use client';\n\nimport type { Theme } from '@nori-ui/tokens';\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 ToggleVariant = 'default' | 'outline';\nexport type ToggleSize = 'sm' | 'md' | 'lg';\n\ntype SizeTokens = {\n    height: number; // component-density literal — not from theme\n    paddingHKey: keyof Theme['spacing'];\n    fontKey: keyof Theme['fontSize'];\n    iconSize: number; // component-density literal — not from theme\n};\n\n// Heights and icon sizes are intentionally hardcoded — they're tightly\n// coupled to the toggle's overall density. PaddingH and fontSize are\n// pulled from the active theme so a custom theme that scales the\n// spacing / fontSize ramps also scales every Toggle on the page.\nconst SIZE_TOKENS: Record<ToggleSize, SizeTokens> = {\n    sm: { height: 32, paddingHKey: '2', fontKey: 'sm', iconSize: 14 }, // 8px (closest to legacy 10) / fontSize sm 14\n    md: { height: 40, paddingHKey: '3', fontKey: 'sm', iconSize: 16 }, // 12px / fontSize sm 14\n    lg: { height: 48, paddingHKey: '4', fontKey: 'md', iconSize: 20 }, // 16px / fontSize md 16\n};\n\n// ---------- standalone <Toggle> -----------------------------------------------\n\nexport type ToggleProps = {\n    /** Controlled pressed state. Pair with `onChange`. */\n    pressed?: boolean;\n    /** Uncontrolled initial pressed state. Ignored when `pressed` is provided. */\n    defaultPressed?: boolean;\n    /** Fires with the next pressed state when the user toggles. */\n    onChange?: (next: boolean) => void;\n    /**\n     * Visual treatment.\n     * - `default` — transparent when off, filled with `interactive.primary` when on.\n     * - `outline` — bordered when off, tinted background + accent border when on.\n     * @defaultValue 'default'\n     */\n    variant?: ToggleVariant;\n    /** @defaultValue 'md' */\n    size?: ToggleSize;\n    /** Group-level disable (also forwarded by `<ToggleGroup>` to its items). */\n    disabled?: boolean;\n    /** Visible label or icon content. */\n    children?: ReactNode;\n    /** Required when `children` is icon-only. */\n    'aria-label'?: string;\n    accessibilityLabel?: string;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * A two-state button — like the bold / italic buttons in a rich-text\n * toolbar. Use `<Toggle>` standalone for a single bistable action; reach\n * for `<ToggleGroup>` when you need a clustered set with shared selection\n * semantics.\n *\n * Reach for `<Switch>` instead when the control flips a setting in a form\n * (a \"darkmode on/off\" preference). Reach for `<Checkbox>` when the\n * control selects a value inside a form. `<Toggle>` is for buttons that\n * carry an on/off visual.\n */\nconst ToggleRoot = ({\n    pressed,\n    defaultPressed = false,\n    onChange,\n    variant = 'default',\n    size = 'md',\n    disabled = false,\n    children,\n    'aria-label': ariaLabel,\n    accessibilityLabel,\n    className,\n    testID,\n}: ToggleProps) => {\n    const [inner, setInner] = useState<boolean>(defaultPressed);\n    const isControlled = pressed !== undefined;\n    const isOn = isControlled ? Boolean(pressed) : inner;\n\n    const handlePress = useCallback(() => {\n        if (disabled) {\n            return;\n        }\n        const next = !isOn;\n        if (!isControlled) {\n            setInner(next);\n        }\n        onChange?.(next);\n    }, [disabled, isControlled, isOn, onChange]);\n\n    return (\n        <ToggleVisual\n            isOn={isOn}\n            disabled={disabled}\n            variant={variant}\n            size={size}\n            onPress={handlePress}\n            ariaLabel={ariaLabel ?? accessibilityLabel}\n            className={className}\n            testID={testID}\n        >\n            {children}\n        </ToggleVisual>\n    );\n};\n\n// ---------- shared visual -----------------------------------------------------\n\ntype ToggleVisualProps = {\n    isOn: boolean;\n    disabled: boolean;\n    variant: ToggleVariant;\n    size: ToggleSize;\n    onPress: () => void;\n    onKeyDown?: ((event: KeyboardEvent<HTMLElement>) => void) | undefined;\n    onFocus?: (() => void) | undefined;\n    ariaLabel?: string | undefined;\n    className?: string | undefined;\n    testID?: string | undefined;\n    children?: ReactNode | undefined;\n    /**\n     * Group-aware roving tabindex. `undefined` means \"the natural tab\n     * stop\" (standalone Toggle); inside a group, a number is supplied.\n     */\n    tabIndex?: number | undefined;\n    /** Border-radius override for grouped items (square middle, rounded ends). */\n    borderRadius?: number | { topLeft: number; topRight: number; bottomLeft: number; bottomRight: number } | undefined;\n    /** Suppress the right border so adjacent items share a single seam. */\n    suppressRightBorder?: boolean | undefined;\n    /** Force the bordered look (used by grouped `default` items so the row reads as one chip). */\n    forceBorder?: boolean | undefined;\n    refCallback?: ((node: HTMLElement | null) => void) | undefined;\n};\n\nconst ToggleVisual = ({\n    isOn,\n    disabled,\n    variant,\n    size,\n    onPress,\n    onKeyDown,\n    onFocus,\n    ariaLabel,\n    className,\n    testID,\n    children,\n    tabIndex,\n    borderRadius,\n    suppressRightBorder,\n    forceBorder,\n    refCallback,\n}: ToggleVisualProps) => {\n    const colors = useThemeColors();\n    const tokens = SIZE_TOKENS[size];\n    const paddingH = px(colors.spacing[tokens.paddingHKey]);\n    const fontSize = px(colors.fontSize[tokens.fontKey]);\n\n    const radiusEach = borderRadius && typeof borderRadius !== 'number' ? borderRadius : undefined;\n    const radiusValue = typeof borderRadius === 'number' ? borderRadius : radiusEach ? undefined : px(colors.radius.md);\n\n    const baseStyle: ViewStyle = {\n        height: tokens.height,\n        paddingHorizontal: paddingH,\n        flexDirection: 'row',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: px(colors.spacing['2']) - 2, // closest theme-rooted approximation of legacy 6\n        ...(radiusValue !== undefined ? { borderRadius: radiusValue } : null),\n        ...(radiusEach\n            ? {\n                  borderTopLeftRadius: radiusEach.topLeft,\n                  borderTopRightRadius: radiusEach.topRight,\n                  borderBottomLeftRadius: radiusEach.bottomLeft,\n                  borderBottomRightRadius: radiusEach.bottomRight,\n              }\n            : null),\n        // 200ms color/background transition. Web only; native ignores it.\n        ...({\n            transitionProperty: 'background-color, border-color, color',\n            transitionDuration: '200ms',\n            transitionTimingFunction: 'ease',\n        } as ViewStyle),\n    };\n\n    const surfaceFor = (hovered: boolean): ViewStyle => {\n        if (variant === 'outline' || forceBorder) {\n            return {\n                backgroundColor: isOn\n                    ? variant === 'outline'\n                        ? colors.semantic.background.subtle\n                        : colors.semantic.interactive.primary\n                    : hovered\n                      ? colors.semantic.background.subtle\n                      : 'transparent',\n                borderWidth: 1,\n                borderColor: isOn ? colors.semantic.interactive.primary : colors.semantic.border.default,\n                ...(suppressRightBorder ? { borderRightWidth: 0 } : null),\n            };\n        }\n        // Default variant, standalone — give the off state a subtle\n        // resting bg + 1px border so the control reads as a button. The\n        // earlier \"transparent off\" look only made sense inside a group\n        // where the cluster's shared seams told the eye \"this is a row of\n        // buttons\"; standalone it just looked like text.\n        return {\n            backgroundColor: isOn\n                ? colors.semantic.interactive.primary\n                : hovered\n                  ? colors.semantic.background.subtle\n                  : colors.semantic.background.elevated,\n            borderWidth: 1,\n            borderColor: isOn ? colors.semantic.interactive.primary : colors.semantic.border.default,\n        };\n    };\n\n    // Text color: inverted on the filled-on surface, accent-colored on the\n    // outline-on surface, default text otherwise.\n    const textColor =\n        variant === 'outline'\n            ? isOn\n                ? colors.semantic.interactive.primary\n                : colors.semantic.text.default\n            : isOn\n              ? colors.semantic.text.inverted\n              : colors.semantic.text.default;\n\n    const accessibilityProps: Record<string, unknown> = {\n        role: 'button',\n        accessibilityRole: 'button',\n        'aria-pressed': isOn,\n        accessibilityState: { selected: isOn, disabled },\n        ...(ariaLabel ? { 'aria-label': ariaLabel, accessibilityLabel: ariaLabel } : {}),\n        ...(disabled ? { 'aria-disabled': true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n        ...(tabIndex !== undefined ? { tabIndex } : {}),\n        ...(onKeyDown ? { onKeyDown } : {}),\n        ...(onFocus ? { onFocus } : {}),\n    };\n\n    // RN-Web's Pressable on web doesn't reliably invoke the style callback\n    // (the hovered/pressed state isn't always wired through to a re-render\n    // — at least in the version we ship against). Compute the static style\n    // upfront with `hovered=false` and overlay a `:hover` color via CSS\n    // class for the off-state hover. Active-state hover is for outline\n    // variant only and doesn't change the look enough to justify the\n    // complexity of a style-callback path here.\n    const surfaceStatic = surfaceFor(false);\n\n    return (\n        <Pressable\n            ref={(node: unknown) => {\n                refCallback?.(node as HTMLElement | null);\n            }}\n            disabled={disabled}\n            onPress={() => {\n                if (!disabled) {\n                    onPress();\n                }\n            }}\n            {...accessibilityProps}\n            className={cn(\n                'inline-flex flex-row items-center justify-center select-none',\n                disabled ? 'opacity-50' : undefined,\n                className\n            )}\n            style={[baseStyle, surfaceStatic, disabled ? { opacity: 0.5 } : null]}\n        >\n            {/* Always wrap children in an RNText so the dynamic\n             * `textColor` (inverted on the on-state surface, default\n             * otherwise) reaches both string children and arbitrary\n             * inline elements (B/I/U spans, lucide icons, etc.) via\n             * CSS color inheritance. Without this wrapper, non-string\n             * children render with their parent's color regardless of\n             * selected state — so an italic \"I\" stays dark on the\n             * dark filled-on background and disappears.\n             */}\n            <RNText\n                style={{\n                    color: textColor,\n                    fontFamily: colors.fontFamily.body,\n                    fontSize,\n                    fontWeight: colors.fontWeight.medium as '500',\n                }}\n            >\n                {children}\n            </RNText>\n        </Pressable>\n    );\n};\n\n// ---------- <ToggleGroup> + context ------------------------------------------\n\ntype ToggleGroupContextValue = {\n    type: 'single' | 'multiple';\n    setValue: (value: string) => void;\n    isPressed: (value: string) => boolean;\n    disabled: boolean;\n    variant: ToggleVariant;\n    size: ToggleSize;\n    register: (value: string, ref: RefObject<HTMLElement | null>) => void;\n    unregister: (value: string) => void;\n    rovingValue: string | undefined;\n    setRovingValue: (next: string) => void;\n    moveBy: (delta: 1 | -1, current: string) => void;\n    moveTo: (position: 'first' | 'last') => void;\n    /** Live ordered list of registered item values — drives border math. */\n    order: string[];\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue | null>(null);\n\nconst useToggleGroupContext = () => {\n    const ctx = useContext(ToggleGroupContext);\n    if (!ctx) {\n        throw new Error('<ToggleGroupItem> must be rendered inside a <ToggleGroup>.');\n    }\n    return ctx;\n};\n\ntype ToggleGroupCommonProps = {\n    /** Group-level disable. Each item's `disabled` is OR-ed with this. */\n    disabled?: boolean;\n    /** @defaultValue 'default' */\n    variant?: ToggleVariant;\n    /** @defaultValue 'md' */\n    size?: ToggleSize;\n    children?: ReactNode;\n    className?: string;\n    testID?: string;\n    'aria-label'?: string;\n    accessibilityLabel?: string;\n};\n\nexport type ToggleGroupSingleProps = ToggleGroupCommonProps & {\n    /** Multi-select gives an array; single-select gives a string (or undefined). */\n    type: 'single';\n    // `| undefined` is intentional under exactOptionalPropertyTypes — clicking\n    // the active item clears the selection, so consumers MUST be allowed to\n    // pass `undefined` as the controlled value, not just omit the prop.\n    value?: string | undefined;\n    defaultValue?: string | undefined;\n    onChange?: (next: string | undefined) => void;\n};\n\nexport type ToggleGroupMultipleProps = ToggleGroupCommonProps & {\n    type: 'multiple';\n    value?: string[] | undefined;\n    defaultValue?: string[] | undefined;\n    onChange?: (next: string[]) => void;\n};\n\nexport type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;\n\n/**\n * Cluster of `<ToggleGroupItem>`s with shared selection semantics.\n *\n * - `type=\"multiple\"` — value is `string[]`. Clicking toggles a value\n *   in/out of the array. ARIA exposes a plain `role=\"group\"`.\n * - `type=\"single\"` — value is `string | undefined`. Clicking sets it;\n *   re-clicking the active one clears it. ARIA exposes `role=\"radiogroup\"`\n *   so AT users hear \"1 of N selected\" semantics.\n *\n * Keyboard: `ArrowRight` / `ArrowLeft` move focus between items (roving\n * tabindex), `Home` / `End` jump to the ends, and `Space` / `Enter`\n * toggle the focused item.\n */\nexport const ToggleGroup = (props: ToggleGroupProps) => {\n    const {\n        type,\n        disabled = false,\n        variant = 'default',\n        size = 'md',\n        children,\n        className,\n        testID,\n        'aria-label': ariaLabel,\n        accessibilityLabel,\n    } = props;\n\n    // Controlled / uncontrolled state, branching on `type`.\n    const [innerSingle, setInnerSingle] = useState<string | undefined>(\n        type === 'single' ? (props as ToggleGroupSingleProps).defaultValue : undefined\n    );\n    const [innerMultiple, setInnerMultiple] = useState<string[]>(\n        type === 'multiple' ? ((props as ToggleGroupMultipleProps).defaultValue ?? []) : []\n    );\n\n    const isSingle = type === 'single';\n    const isControlled = isSingle\n        ? (props as ToggleGroupSingleProps).value !== undefined\n        : (props as ToggleGroupMultipleProps).value !== undefined;\n\n    const setValue = useCallback(\n        (next: string) => {\n            if (disabled) {\n                return;\n            }\n            if (isSingle) {\n                const current = isControlled ? (props as ToggleGroupSingleProps).value : innerSingle;\n                const updated = current === next ? undefined : next;\n                if (!isControlled) {\n                    setInnerSingle(updated);\n                }\n                (props as ToggleGroupSingleProps).onChange?.(updated);\n            } else {\n                const current: string[] =\n                    (isControlled ? (props as ToggleGroupMultipleProps).value : innerMultiple) ?? [];\n                const updated = current.includes(next) ? current.filter((v) => v !== next) : [...current, next];\n                if (!isControlled) {\n                    setInnerMultiple(updated);\n                }\n                (props as ToggleGroupMultipleProps).onChange?.(updated);\n            }\n        },\n        [disabled, isSingle, isControlled, innerSingle, innerMultiple, props]\n    );\n\n    const isPressed = useCallback(\n        (v: string) => {\n            if (isSingle) {\n                const current = isControlled ? (props as ToggleGroupSingleProps).value : innerSingle;\n                return current === v;\n            }\n            const current = (isControlled ? (props as ToggleGroupMultipleProps).value : innerMultiple) ?? [];\n            return current.includes(v);\n        },\n        [isSingle, isControlled, innerSingle, innerMultiple, props]\n    );\n\n    // --- roving tabindex order management ---\n    const refs = useRef<Map<string, RefObject<HTMLElement | null>>>(new Map());\n    // Live ordered list — re-render the group whenever items register so\n    // border math (first/last) and roving init see the current order.\n    const [order, setOrder] = useState<string[]>([]);\n    const [rovingValue, setRovingValueState] = useState<string | undefined>(undefined);\n\n    const register = useCallback((v: string, ref: RefObject<HTMLElement | null>) => {\n        refs.current.set(v, ref);\n        setOrder((prev) => (prev.includes(v) ? prev : [...prev, v]));\n        setRovingValueState((current) => current ?? v);\n    }, []);\n\n    const unregister = useCallback((v: string) => {\n        refs.current.delete(v);\n        setOrder((prev) => prev.filter((x) => x !== v));\n        setRovingValueState((current) => (current === v ? undefined : current));\n    }, []);\n\n    const focusValue = useCallback((v: string) => {\n        refs.current.get(v)?.current?.focus?.();\n    }, []);\n\n    const setRovingValue = useCallback((v: string) => setRovingValueState(v), []);\n\n    const moveBy = useCallback(\n        (delta: 1 | -1, current: string) => {\n            const list = order;\n            if (list.length === 0) {\n                return;\n            }\n            const idx = list.indexOf(current);\n            const start = idx === -1 ? 0 : idx;\n            const next = list[(start + delta + list.length) % list.length];\n            if (!next) {\n                return;\n            }\n            setRovingValueState(next);\n            focusValue(next);\n        },\n        [order, focusValue]\n    );\n\n    const moveTo = useCallback(\n        (position: 'first' | 'last') => {\n            const list = order;\n            if (list.length === 0) {\n                return;\n            }\n            const next = position === 'first' ? list[0] : list[list.length - 1];\n            if (!next) {\n                return;\n            }\n            setRovingValueState(next);\n            focusValue(next);\n        },\n        [order, focusValue]\n    );\n\n    const ctxValue = useMemo<ToggleGroupContextValue>(\n        () => ({\n            type,\n            setValue,\n            isPressed,\n            disabled,\n            variant,\n            size,\n            register,\n            unregister,\n            rovingValue,\n            setRovingValue,\n            moveBy,\n            moveTo,\n            order,\n        }),\n        [\n            type,\n            setValue,\n            isPressed,\n            disabled,\n            variant,\n            size,\n            register,\n            unregister,\n            rovingValue,\n            setRovingValue,\n            moveBy,\n            moveTo,\n            order,\n        ]\n    );\n\n    const groupRole = isSingle ? 'radiogroup' : 'group';\n    const label = ariaLabel ?? accessibilityLabel;\n\n    const groupProps: Record<string, unknown> = {\n        role: groupRole,\n        accessibilityRole: groupRole,\n        ...(label ? { 'aria-label': label, accessibilityLabel: label } : {}),\n        ...(disabled ? { 'aria-disabled': true } : {}),\n        ...(testID !== undefined ? { testID } : {}),\n    };\n\n    // For the `default` variant we render items zero-gap so they share\n    // borders, like a UISegmentedControl. For `outline` we keep a small\n    // gap so the bordered cells don't double up their seams.\n    const colors = useThemeColors();\n    const containerStyle: ViewStyle =\n        variant === 'default'\n            ? { flexDirection: 'row', alignItems: 'stretch', gap: 0 }\n            : { flexDirection: 'row', alignItems: 'stretch', gap: px(colors.spacing['1']) };\n\n    return (\n        <ToggleGroupContext.Provider value={ctxValue}>\n            <View\n                {...groupProps}\n                className={cn(\n                    'inline-flex flex-row items-stretch',\n                    variant === 'default' ? 'gap-0' : 'gap-1',\n                    disabled ? 'opacity-60' : undefined,\n                    className\n                )}\n                style={[containerStyle, disabled ? { opacity: 0.6 } : null]}\n            >\n                {children}\n            </View>\n        </ToggleGroupContext.Provider>\n    );\n};\n\nexport type ToggleGroupItemProps = {\n    /** Unique identifier within the group — written into `value` when pressed. */\n    value: string;\n    /** Disable just this item (OR-ed with group-level `disabled`). */\n    disabled?: boolean;\n    children?: ReactNode;\n    'aria-label'?: string;\n    accessibilityLabel?: string;\n    className?: string;\n    testID?: string;\n};\n\n/**\n * One toggle inside a `<ToggleGroup>`. Throws with a clear message when\n * rendered outside of one.\n */\nexport const ToggleGroupItem = ({\n    value,\n    disabled,\n    children,\n    'aria-label': ariaLabel,\n    accessibilityLabel,\n    className,\n    testID,\n}: ToggleGroupItemProps) => {\n    const ctx = useToggleGroupContext();\n    const ownRef = useRef<HTMLElement | null>(null);\n    // Capture register/unregister in a ref so the effect's deps stay\n    // value-only — otherwise a new context object on every render (driven\n    // by setOrder inside register) would re-fire the effect → setState\n    // loop → \"Maximum update depth exceeded\".\n    const registryRef = useRef({ register: ctx.register, unregister: ctx.unregister });\n    registryRef.current = { register: ctx.register, unregister: ctx.unregister };\n\n    useEffect(() => {\n        // Read-through holder so the registered ref always sees the latest node.\n        const holder: RefObject<HTMLElement | null> = {\n            get current() {\n                return ownRef.current;\n            },\n            set current(_v) {\n                /* no-op — read-through to ownRef */\n            },\n        } as unknown as RefObject<HTMLElement | null>;\n        registryRef.current.register(value, holder);\n        return () => registryRef.current.unregister(value);\n    }, [value]);\n\n    const isOn = ctx.isPressed(value);\n    const isDisabled = disabled || ctx.disabled;\n    const isRoving = ctx.rovingValue === value;\n\n    const handleKeyDown = useCallback(\n        (event: KeyboardEvent<HTMLElement>) => {\n            switch (event.key) {\n                case 'ArrowRight':\n                case 'ArrowDown': {\n                    event.preventDefault();\n                    ctx.moveBy(1, value);\n                    return;\n                }\n                case 'ArrowLeft':\n                case 'ArrowUp': {\n                    event.preventDefault();\n                    ctx.moveBy(-1, value);\n                    return;\n                }\n                case 'Home': {\n                    event.preventDefault();\n                    ctx.moveTo('first');\n                    return;\n                }\n                case 'End': {\n                    event.preventDefault();\n                    ctx.moveTo('last');\n                    return;\n                }\n                case ' ':\n                case 'Enter': {\n                    event.preventDefault();\n                    if (!isDisabled) {\n                        ctx.setValue(value);\n                    }\n                    return;\n                }\n            }\n        },\n        [ctx, isDisabled, value]\n    );\n\n    const handleFocus = useCallback(() => {\n        ctx.setRovingValue(value);\n    }, [ctx, value]);\n\n    // Items inside a `default`-variant group share borders: only the first\n    // rounds the left, the last rounds the right; everything else is square.\n    const colors = useThemeColors();\n    const idx = ctx.order.indexOf(value);\n    const isFirst = idx === 0;\n    const isLast = idx === ctx.order.length - 1;\n    const sharedRadius = px(colors.radius.md);\n    const isClustered = ctx.order.length > 1;\n    const borderRadius = isClustered\n        ? {\n              topLeft: isFirst ? sharedRadius : 0,\n              bottomLeft: isFirst ? sharedRadius : 0,\n              topRight: isLast ? sharedRadius : 0,\n              bottomRight: isLast ? sharedRadius : 0,\n          }\n        : sharedRadius;\n\n    return (\n        <ToggleVisual\n            isOn={isOn}\n            disabled={Boolean(isDisabled)}\n            variant={ctx.variant}\n            size={ctx.size}\n            onPress={() => ctx.setValue(value)}\n            onKeyDown={handleKeyDown}\n            onFocus={handleFocus}\n            ariaLabel={ariaLabel ?? accessibilityLabel}\n            className={className}\n            testID={testID}\n            tabIndex={isRoving ? 0 : -1}\n            borderRadius={borderRadius}\n            forceBorder={ctx.variant === 'default' && isClustered}\n            suppressRightBorder={isClustered && !isLast}\n            refCallback={(node) => {\n                ownRef.current = node;\n            }}\n        >\n            {children}\n        </ToggleVisual>\n    );\n};\n\n/**\n * Public `Toggle` value — the standalone toggle plus its `.Group` and `.Item`\n * static members. Use `<Toggle.Group>` to wrap a list of `<Toggle.Item>`s.\n *\n * `Object.assign` produces a value whose inferred type carries the static\n * properties, so `.d.ts` consumers can write `<Toggle.Group>` without a\n * separate import.\n */\nexport const Toggle = Object.assign(ToggleRoot, {\n    Group: ToggleGroup,\n    Item: ToggleGroupItem,\n});\n"]}

package/dist/chunk-MRJWPRCX.js

@@ -0,0 +1,80 @@
+import { wrapStringChildren } from './chunk-JQQ3FBN7.js';
+import { cn } from './chunk-CHXHRJNZ.js';
+import { __name } from './chunk-WCQVDF3K.js';
+import { View } from 'react-native';
+import { jsx } from 'nativewind/jsx-runtime';
+
+var ALIGN_CLASS = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+};
+var JUSTIFY_CLASS = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+};
+var ALIGN_STYLE = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+};
+var JUSTIFY_STYLE = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+var GAP_PX = {
+  0: 0,
+  1: 4,
+  2: 8,
+  3: 12,
+  4: 16,
+  5: 20,
+  6: 24,
+  8: 32,
+  10: 40,
+  12: 48
+};
+var VStack = /* @__PURE__ */ __name(({ gap, align, justify, className, children, style, ...rest }) => {
+  const inline = { flexDirection: "column" };
+  if (gap !== void 0 && gap !== 0) {
+    inline.gap = GAP_PX[gap];
+  }
+  if (align !== void 0) {
+    inline.alignItems = ALIGN_STYLE[align];
+  }
+  if (justify !== void 0) {
+    inline.justifyContent = JUSTIFY_STYLE[justify];
+  }
+  const merged = style === void 0 ? inline : [inline, style];
+  return /* @__PURE__ */ jsx(
+    View,
+    {
+      ...rest,
+      style: merged,
+      className: cn(
+        "flex-col",
+        gap !== void 0 && gap !== 0 ? `gap-${gap}` : void 0,
+        align !== void 0 ? ALIGN_CLASS[align] : void 0,
+        justify !== void 0 ? JUSTIFY_CLASS[justify] : void 0,
+        className
+      ),
+      children: wrapStringChildren(children)
+    }
+  );
+}, "VStack");
+
+export { VStack };
+//# sourceMappingURL=chunk-MRJWPRCX.js.map
+//# sourceMappingURL=chunk-MRJWPRCX.js.map

package/dist/chunk-MRJWPRCX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VStack/VStack.tsx"],"names":[],"mappings":";;;;;;AAcA,IAAM,WAAA,GAA0C;AAAA,EAC5C,KAAA,EAAO,aAAA;AAAA,EACP,MAAA,EAAQ,cAAA;AAAA,EACR,GAAA,EAAK,WAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,IAAM,aAAA,GAA8C;AAAA,EAChD,KAAA,EAAO,eAAA;AAAA,EACP,MAAA,EAAQ,gBAAA;AAAA,EACR,GAAA,EAAK,aAAA;AAAA,EACL,OAAA,EAAS,iBAAA;AAAA,EACT,MAAA,EAAQ,gBAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAEA,IAAM,WAAA,GAA2D;AAAA,EAC7D,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,OAAA,EAAS,SAAA;AAAA,EACT,QAAA,EAAU;AACd,CAAA;AAEA,IAAM,aAAA,GAAmE;AAAA,EACrE,KAAA,EAAO,YAAA;AAAA,EACP,MAAA,EAAQ,QAAA;AAAA,EACR,GAAA,EAAK,UAAA;AAAA,EACL,OAAA,EAAS,eAAA;AAAA,EACT,MAAA,EAAQ,cAAA;AAAA,EACR,MAAA,EAAQ;AACZ,CAAA;AAEA,IAAM,MAAA,GAAmC;AAAA,EACrC,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,CAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,CAAA,EAAG,EAAA;AAAA,EACH,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACR,CAAA;AAOO,IAAM,MAAA,mBAAS,MAAA,CAAA,CAAC,EAAE,GAAA,EAAK,KAAA,EAAO,OAAA,EAAS,SAAA,EAAW,QAAA,EAAU,KAAA,EAAO,GAAG,IAAA,EAAK,KAAmB;AACjG,EAAA,MAAM,MAAA,GAAoB,EAAE,aAAA,EAAe,QAAA,EAAS;AACpD,EAAA,IAAI,GAAA,KAAQ,MAAA,IAAa,GAAA,KAAQ,CAAA,EAAG;AAChC,IAAA,MAAA,CAAO,GAAA,GAAM,OAAO,GAAG,CAAA;AAAA,EAC3B;AACA,EAAA,IAAI,UAAU,MAAA,EAAW;AACrB,IAAA,MAAA,CAAO,UAAA,GAAa,YAAY,KAAK,CAAA;AAAA,EACzC;AACA,EAAA,IAAI,YAAY,MAAA,EAAW;AACvB,IAAA,MAAA,CAAO,cAAA,GAAiB,cAAc,OAAO,CAAA;AAAA,EACjD;AACA,EAAA,MAAM,SAAS,KAAA,KAAU,MAAA,GAAY,MAAA,GAAU,CAAC,QAAQ,KAAK,CAAA;AAC7D,EAAA,uBACI,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACI,GAAG,IAAA;AAAA,MACJ,KAAA,EAAO,MAAA;AAAA,MACP,SAAA,EAAW,EAAA;AAAA,QACP,UAAA;AAAA,QACA,QAAQ,MAAA,IAAa,GAAA,KAAQ,CAAA,GAAI,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,GAAK,MAAA;AAAA,QAChD,KAAA,KAAU,MAAA,GAAY,WAAA,CAAY,KAAK,CAAA,GAAI,MAAA;AAAA,QAC3C,OAAA,KAAY,MAAA,GAAY,aAAA,CAAc,OAAO,CAAA,GAAI,MAAA;AAAA,QACjD;AAAA,OACJ;AAAA,MAEC,6BAAmB,QAAQ;AAAA;AAAA,GAChC;AAER,CAAA,EA3BsB,QAAA","file":"chunk-MRJWPRCX.js","sourcesContent":["import type { ViewProps, ViewStyle } from 'react-native';\nimport { View } from 'react-native';\nimport { cn } from '../../utils/cn';\nimport { wrapStringChildren } from '../../utils/wrap-string-children';\nimport type { StackAlign, StackGap, StackJustify } from '../HStack/HStack';\n\nexport type VStackProps = ViewProps & {\n    gap?: StackGap;\n    align?: StackAlign;\n    justify?: StackJustify;\n    className?: string;\n    testID?: string;\n};\n\nconst ALIGN_CLASS: Record<StackAlign, string> = {\n    start: 'items-start',\n    center: 'items-center',\n    end: 'items-end',\n    stretch: 'items-stretch',\n    baseline: 'items-baseline',\n};\n\nconst JUSTIFY_CLASS: Record<StackJustify, string> = {\n    start: 'justify-start',\n    center: 'justify-center',\n    end: 'justify-end',\n    between: 'justify-between',\n    around: 'justify-around',\n    evenly: 'justify-evenly',\n};\n\nconst ALIGN_STYLE: Record<StackAlign, ViewStyle['alignItems']> = {\n    start: 'flex-start',\n    center: 'center',\n    end: 'flex-end',\n    stretch: 'stretch',\n    baseline: 'baseline',\n};\n\nconst JUSTIFY_STYLE: Record<StackJustify, ViewStyle['justifyContent']> = {\n    start: 'flex-start',\n    center: 'center',\n    end: 'flex-end',\n    between: 'space-between',\n    around: 'space-around',\n    evenly: 'space-evenly',\n};\n\nconst GAP_PX: Record<StackGap, number> = {\n    0: 0,\n    1: 4,\n    2: 8,\n    3: 12,\n    4: 16,\n    5: 20,\n    6: 24,\n    8: 32,\n    10: 40,\n    12: 48,\n};\n\n/**\n * Vertical flex layout primitive. RSC-safe.\n *\n * Layout is driven by inline style; see HStack for the rationale.\n */\nexport const VStack = ({ gap, align, justify, className, children, style, ...rest }: VStackProps) => {\n    const inline: ViewStyle = { flexDirection: 'column' };\n    if (gap !== undefined && gap !== 0) {\n        inline.gap = GAP_PX[gap];\n    }\n    if (align !== undefined) {\n        inline.alignItems = ALIGN_STYLE[align];\n    }\n    if (justify !== undefined) {\n        inline.justifyContent = JUSTIFY_STYLE[justify];\n    }\n    const merged = style === undefined ? inline : ([inline, style] as ViewStyle[]);\n    return (\n        <View\n            {...rest}\n            style={merged}\n            className={cn(\n                'flex-col',\n                gap !== undefined && gap !== 0 ? `gap-${gap}` : undefined,\n                align !== undefined ? ALIGN_CLASS[align] : undefined,\n                justify !== undefined ? JUSTIFY_CLASS[justify] : undefined,\n                className\n            )}\n        >\n            {wrapStringChildren(children)}\n        </View>\n    );\n};\n"]}